<xi:include href="/Backbase_4_3_1/bindings/config.xhtml_btl.system.xml" parse="xml"></xi:include> <xi:include href="/Backbase_4_3_1/bindings/www.backbase.com.2007.jsf.client/server.xml" parse="xml"></xi:include> <!--<xi:include href="config.optimized.xml" />--> <bjsfc:server url="mainpanel.jsf" identify="id" loadingMessage="__loadingMsg"></bjsfc:server> <b:loadingMessage id="__loadingMsg">Loading...</b:loadingMessage> <e:handler event="DOMNodeInsertedIntoDocument" type="text/xml"><c:create destination="id('__loadingMsg')" mode="replace"><div id="__loadingMsg" style=";"> <e:handler event="DOMNodeInsertedIntoDocument" type="text/javascript" > bb.bjsf.hideLoading(); </e:handler> <div id="_idJsp6" class="loading-message"> <table id="_idJsp7"><tbody><tr><td><div id="_idJsp8" class="loading-messagelogo"></div></td><td><div id="_idJsp9" class="loading-messagetext"><span id="_idJsp10">Please wait while retrieving data from Amazon.com</span></div></td></tr></tbody></table> </div> </div></c:create></e:handler>
<div id="bookcategories:_idJsp11" class="header-back"> <div id="bookcategories:_idJsp12" class="header-left"></div> <div id="bookcategories:spacer" class="header-spacerleft"></div> <div id="bookcategories:_idJsp13" class="header-selectcategory"></div> <div id="bookcategories:_idJsp14" class="header-right"></div> </div>
<table id="bookcategories:_idJsp15" class="categoryselection"><tbody><tr><td class="categoryselection-1"><b:listBox name="bookcategories:_idJsp16" size="10" id="bookcategories:_idJsp16" class="categorylistbox" bjsfc:handlesync="change"><b:listBoxOption value="1">Arts &amp; Photography</b:listBoxOption><b:listBoxOption value="2">Biographies &amp; Memoirs</b:listBoxOption><b:listBoxOption value="3">Business &amp; Investing</b:listBoxOption><b:listBoxOption value="4">Children's Books</b:listBoxOption><b:listBoxOption value="4366">Comics &amp; Graphic Novels</b:listBoxOption><b:listBoxOption value="5">Computers &amp; Internet</b:listBoxOption><b:listBoxOption value="6">Cooking, Food &amp; Wine</b:listBoxOption><b:listBoxOption value="13643">Engineering</b:listBoxOption><b:listBoxOption value="86">Entertainment</b:listBoxOption><b:listBoxOption value="301889">Gay &amp; Lesbian</b:listBoxOption><b:listBoxOption value="10">Health, Mind &amp; Body</b:listBoxOption><b:listBoxOption value="9">History</b:listBoxOption><b:listBoxOption value="48">Home &amp; Garden</b:listBoxOption><b:listBoxOption value="49">Horror</b:listBoxOption><b:listBoxOption value="10777">Law</b:listBoxOption><b:listBoxOption value="17">Literature &amp; Fiction</b:listBoxOption><b:listBoxOption value="13996">Medicine</b:listBoxOption><b:listBoxOption value="18">Mystery &amp; Thrillers</b:listBoxOption><b:listBoxOption value="53">Nonfiction</b:listBoxOption><b:listBoxOption value="290060">Outdoors &amp; Nature</b:listBoxOption><b:listBoxOption value="20">Parenting &amp; Families</b:listBoxOption><b:listBoxOption value="173507">Professional &amp; Technical</b:listBoxOption><b:listBoxOption value="21">Reference</b:listBoxOption><b:listBoxOption value="22">Religion &amp; Spirituality</b:listBoxOption><b:listBoxOption value="23">Romance</b:listBoxOption><b:listBoxOption value="75">Science</b:listBoxOption><b:listBoxOption value="25">Science Fiction &amp; Fantasy</b:listBoxOption><b:listBoxOption value="26">Sports</b:listBoxOption><b:listBoxOption value="28">Teens</b:listBoxOption><b:listBoxOption value="27">Travel</b:listBoxOption></b:listBox></td><td class="categoryselection-2"><b:listBox name="bookcategories:_idJsp17" size="10" id="bookcategories:_idJsp17" class="categorylistbox" bjsfc:handlesync="change"></b:listBox></td><td class="categoryselection-3"><b:listBox name="bookcategories:_idJsp18" size="10" id="bookcategories:_idJsp18" class="categorylistbox" bjsfc:handlesync="change"></b:listBox></td><td class="categoryselection-4"><b:listBox name="bookcategories:_idJsp19" size="10" id="bookcategories:_idJsp19" class="categorylistbox" bjsfc:handlesync="change"></b:listBox></td><td class="categoryselection-5"><b:listBox name="bookcategories:_idJsp20" size="10" id="bookcategories:_idJsp20" class="categorylistbox" bjsfc:handlesync="change"></b:listBox></td><td class="categoryselection-6"></td></tr></tbody></table>
 
<div id="bookcatalog:_idJsp21_wrapper" style="height:100%;width:100%;overflow:hidden"><b:dataSource e:behavior="bjsfc:jsfData" id="bookcatalog:_idJsp21_ds" name="bookcatalog:_idJsp21_ds" dataType="jsf" dataSelect="$bookcatalog__idJsp21_ds"><e:variable name="bookcatalog__idJsp21_ds"><e:data type="text/xml"><tbody xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:b="http://www.backbase.com/2006/btl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:c="http://www.backbase.com/2006/command" xmlns:bjsfc="http://www.backbase.com/2007/jsf/client" xmlns:bf="http://www.backbase.com/2007/forms" totalRecords="0"></tbody></e:data></e:variable></b:dataSource><b:listGrid dataSource="bookcatalog:_idJsp21_ds" id="bookcatalog:_idJsp21" width="100%" dragMode="symbol" e:behavior="b:drag" dragSymbol="'&lt;img src='style/gfx/book.gif'/&gt;'" dropMode="none" xmlns:b="http://www.backbase.com/2006/btl" dragItem="book" renderMode="html" readonly="true" selectMultiple="false" bjsfc:attsync="selectedIndexes" rows="0" page="1"><e:handler event="selectionChanged" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'row-selected', 'rowIndex', bb.getProperty(this,'selectedIndex'));]]></e:handler><b:listGridCol id="bookcatalog:_idJsp21:_idJsp22" width="45%" readonly="true"><b:label><span id="bookcatalog:_idJsp21:_idJsp23">Title</span></b:label></b:listGridCol><b:listGridCol id="bookcatalog:_idJsp21:_idJsp25" width="25%" readonly="true"><b:label><span id="bookcatalog:_idJsp21:_idJsp26">By</span></b:label></b:listGridCol><b:listGridCol id="bookcatalog:_idJsp21:_idJsp28" width="15%" readonly="true"><b:label><span id="bookcatalog:_idJsp21:_idJsp29">Price</span></b:label></b:listGridCol><b:listGridCol id="bookcatalog:_idJsp21:_idJsp31" width="15%" readonly="true"><b:label><span id="bookcatalog:_idJsp21:_idJsp32">In stock</span></b:label></b:listGridCol></b:listGrid></div>
<table id="bookcatalog:customPager" class="pager"><tbody><tr><td class="pager-left"><span id="bookcatalog:_idJsp34" style="padding-left:10px">Page </span></td><td class="pager-previous"><a href="javascript:void(0)" id="bookcatalog:_idJsp35" style="display:none"><e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler>&lt;&lt;</a></td><td class="pager-page"><a href="javascript:void(0)" id="bookcatalog:_idJsp36" style="display:none"><e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler>-1</a></td><td class="pager-page"><a href="javascript:void(0)" id="bookcatalog:_idJsp37" style="display:none"><e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler>0</a></td><td class="pager-page"><a href="javascript:void(0)" id="bookcatalog:_idJsp38" style="display:none"><e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler>1</a></td><td class="pager-next"><a href="javascript:void(0)" id="bookcatalog:_idJsp39" style="display:none"><e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler>&gt;&gt;</a></td></tr></tbody></table>
<div id="bookcatalog:_idJsp40" style="display:none"> <table id="bookcatalog:bookdetails:_idJsp42" class="book-details"><tbody><tr><td><div id="bookcatalog:bookdetails:_idJsp43" class="book-details-image"><img id="bookcatalog:bookdetails:_idJsp44" style="float:right;"></img></div></td><td><div id="bookcatalog:bookdetails:_idJsp45" class="book-details-details"><div id="bookcatalog:bookdetails:_idJsp46" class="book-details-title-author"><div id="bookcatalog:bookdetails:_idJsp47" class="book-details-title"><span id="bookcatalog:bookdetails:_idJsp48"></span></div><div id="bookcatalog:bookdetails:_idJsp49" class="book-details-authors"><span id="bookcatalog:bookdetails:_idJsp50">By</span><span id="bookcatalog:bookdetails:_idJsp51" style="font-style:italic"> </span><span id="bookcatalog:bookdetails:_idJsp52"></span></div></div><div id="bookcatalog:bookdetails:_idJsp53" class="book-details-attributes"><span id="bookcatalog:bookdetails:_idJsp54" class="book-details-attribute-name">Price </span><span id="bookcatalog:bookdetails:_idJsp55" class="book-details-attribute-value"></span></div><div id="bookcatalog:bookdetails:_idJsp56" class="book-details-critics"><span id="bookcatalog:bookdetails:_idJsp57" style="font-size:small">Here's what the critics say: </span><span id="bookcatalog:bookdetails:_idJsp58" style="display:block;margin:10px"><e:handler event="DOMNodeInsertedIntoDocument" type="text/javascript"><![CDATA[var oTarget_bookcatalog_bookdetails__idJsp58 = bb.document.getElementById('bookcatalog:bookdetails:_idJsp58');oTarget_bookcatalog_bookdetails__idJsp58.viewNode.innerHTML ='';]]></e:handler></span></div><div id="bookcatalog:bookdetails:_idJsp59"><b:button id="bookcatalog:bookdetails:add">Add to Cart<e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler></b:button></div></div></td></tr></tbody></table> </div>
 
<table id="bookcart:_idJsp61" class="cart-panel-top"><tbody><tr><td class="cart-group-left"><div id="bookcart:_idJsp62"><img id="bookcart:_idJsp63" e:behavior="bjsfc:serverDropBase" style="margin:10px;width:81px;height:81px" src="style/gfx/shopping-cart_icon.png" b:dragReceive="book"></img></div></td><td class="cart-group-right"><div id="bookcart:_idJsp64"><span id="bookcart:_idJsp65">Click &quot;Add to cart&quot; or drag your selection to this image.</span></div></td></tr></tbody></table> <div id="bookcart:cartDestination" class="cart-panel"> </div>
<span id="bookcart:_idJsp66">TOTAL PRICE: </span>
<span id="bookcart:_idJsp67">$0.00</span>
 
<b:button id="bookcart:_idJsp68">Checkout<e:handler event="click" type="text/javascript"><![CDATA[bb.bjsf.sync(this,'submit');]]></e:handler></b:button>
<b:modal id="bookbuy:_idJsp70" width="600px" height="300px" bjsfc:attsync="open"> <bjsfc:form id="bookbuy:bookcashier"> <div id="bookbuy:bookcashier:_idJsp71" style="margin:10px 0 10px 0"> <span id="bookbuy:bookcashier:_idJsp72">Your total purchase amount is: </span> <span id="bookbuy:bookcashier:_idJsp73" style="font-weight:bold">$0.00</span> </div> <span id="bookbuy:bookcashier:_idJsp74" style="margin:10px 0 10px 0">To purchase the items in your shopping cart, please provide us with the following information:</span> <table id="bookbuy:bookcashier:_idJsp75" title="Check Out" class="checkout-list"><tbody><tr class="list-row-even"><td class="buy-left"><span id="bookbuy:bookcashier:_idJsp76">Name:</span></td><td class="buy-middle"><input type="text" name="bookbuy:bookcashier:name" id="bookbuy:bookcashier:name" class="checkout-input" size="40" bf:required="true" bf:messagesRef="id('messageref_bookbuy:bookcashier:name')"><e:handler event="change" type="text/javascript"><![CDATA[var valid = bb.callMethod(this, 'validate');if (!valid) {event.preventDefault();event.stopImmediatePropagation();}]]></e:handler></input></td><td class="buy-right"><bf:messages id="messageref_bookbuy:bookcashier:name"><bf:message event="invalid" facet="required"><span class="validationMessage">"name": Value is required.</span></bf:message></bf:messages><span id="bookbuy:bookcashier:_idJsp77" class="validationMessage"></span></td></tr><tr class="list-row-odd"><td class="buy-left"><span id="bookbuy:bookcashier:_idJsp78">Credit Card Number:</span></td><td class="buy-middle"><input type="text" name="bookbuy:bookcashier:ccno" id="bookbuy:bookcashier:ccno" title="16 digits required" class="checkout-input" size="19" bf:dataType="b:datatype_bookbuy_bookcashier_ccno" bf:required="true" bf:messagesRef="id('messageref_bookbuy:bookcashier:ccno')"><e:handler event="change" type="text/javascript"><![CDATA[var valid = bb.callMethod(this, 'validate');if (!valid) {event.preventDefault();event.stopImmediatePropagation();}]]></e:handler><e:handler event="invalid" type="text/javascript"><![CDATA[var value = bb.getProperty(this, 'value');var msg = bb.document.getElementById('msgrxspan_bookbuy:bookcashier:ccno');var msgValue = msg.modelNode.firstChild.nodeValue;msgValue = msgValue.replace('{0}', value);msg.viewNode.innerHTML = msgValue;]]></e:handler><schema xmlns="http://www.w3.org/2001/XMLSchema" xmlns:xs="http://www.w3.org/2001/XMLSchema" targetNamespace="http://www.backbase.com/2006/btl"><xs:simpleType name="datatype_bookbuy_bookcashier_ccno"><xs:restriction base="xs:token"><xs:pattern value="^[0-9]{16}$"></xs:pattern></xs:restriction></xs:simpleType></schema></input></td><td class="buy-right"><bf:messages id="messageref_bookbuy:bookcashier:ccno"><bf:message event="invalid" facet="required"><span class="validationMessage">"ccno": Value is required.</span></bf:message><bf:message event="invalid" facet="schema"><span id="msgrxspan_bookbuy:bookcashier:ccno" class="validationMessage">The given value ({0}) is not valid.</span></bf:message></bf:messages><span id="bookbuy:bookcashier:_idJsp79" class="validationMessage"></span></td></tr><tr class="list-row-even"><td class="buy-left"><span id="bookbuy:bookcashier:_idJsp80">Shipping:</span></td><td class="buy-middle"><b:listBox name="bookbuy:bookcashier:shippingOption" size="3" id="bookbuy:bookcashier:shippingOption"><b:listBoxOption value="2">Quick Shipping</b:listBoxOption><b:listBoxOption value="5">Normal Shipping</b:listBoxOption><b:listBoxOption value="7">Saver Shipping</b:listBoxOption></b:listBox></td><td class="buy-right"><span id="bookbuy:bookcashier:_idJsp84" class="validationMessage"></span></td></tr><tr class="list-row-odd"><td class="buy-left"><span id="bookbuy:bookcashier:_idJsp85"> </span></td><td class="buy-middle"><span id="bookbuy:bookcashier:_idJsp86"> </span></td><td class="buy-right"><b:button id="bookbuy:bookcashier:_idJsp87">Submit Information<e:handler event="click" type="text/javascript"><![CDATA[var forms = ['bookbuy:bookcashier'];var pass = true;for (var i = 0; i < forms.length; i++ ) {var form = bb.document.getElementById(forms[i]);if (!bb.callMethod(form, 'validate')) { pass = false }}if (pass) { bb.bjsf.sync(this,'submit');}]]></e:handler></b:button></td></tr></tbody></table> <span id="bookbuy:bookcashier:thanksMsg" style="width:100%;display:none">Thank you. Please click Submit to purchase your books.</span> </bjsfc:form> <b:label>Cashier</b:label></b:modal>