rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><link rel="stylesheet" type="text/css" href="../style/fonts-min.css"/><link rel="stylesheet" type="text/css" href="../style/reset-fonts-grids.css"/><link rel="stylesheet" type="text/css" href="../style/menu.css" /><link rel="stylesheet" type="text/css" href="../style/resize.css"/><link rel="stylesheet" type="text/css" href="../style/layout.css"/><link rel="stylesheet" type="text/css" href="../style/datatable.css"/><link rel="stylesheet" type="text/css" href="../style/datatable-skin.css" /><link rel="stylesheet" type="text/css" href="../style/treeview.css"/><link href="../include/style.css" type="text/css" rel="stylesheet"><LINK title=win2k-cold-1 media=all href="../include/calendar-win2k-cold-1.css" type="text/css" rel="stylesheet"/><link rel="stylesheet" type="text/css" href="../style/container.css"/><link href="../include/css.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="../include/yahoo-dom-event.js"></script><script type="text/javascript" src="../include/yahoo.js"></script><script type="text/javascript" src="../include/event-min.js" ></script><script type="text/javascript" src="../include/dom.js"></script><script type="text/javascript" src="../include/calendar-min.js" ></script><script type="text/javascript" src="../include/dragdrop-min.js"></script><script type="text/javascript" src="../include/treeview-min.js"></script><script type="text/javascript" src="../include/container-min.js"></script><script type="text/javascript" src="../include/utilities.js"></script><script type="text/javascript" src="../include/menu-min.js"></script> <script type="text/javascript" src="../include/element-min.js"></script> <script type="text/javascript" src="../include/datasource-min.js"></script> <script type="text/javascript" src="../include/connection-min.js"></script> <script type="text/javascript" src="../include/animation-min.js"></script> <script type="text/javascript" src="../include/datatable-min.js"></script> <script type="text/javascript" src="../include/resize-min.js"></script><script type="text/javascript" src="../include/layout-min.js"></script><SCRIPT src="../include/calendar.js" type="text/javascript"></SCRIPT><SCRIPT src="../include/calendar-en.js" type="text/javascript"></SCRIPT><SCRIPT src="../include/calendar-setup.js" type="text/javascript"></SCRIPT><script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/calendar/calendar-min.js"></script><script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/treeview/treeview-min.js"></script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Inventory Management page2</title><script type="text/javascript"> (function () { var Event = YAHOO.util.Event, Dom = YAHOO.util.Dom; Event.onDOMReady(function () { var oPanel2 = new YAHOO.widget.Dialog("panel-2", { modal: true, visible: false, fixedcenter: true, constraintoviewport: true, width: "600px", height: "400px", postmethod: "form" }); var oPanel3 = new YAHOO.widget.Dialog("panel-3", { modal: true, visible: false, fixedcenter: true, constraintoviewport: true, width: "800px", height: "300px", postmethod: "form" }); var oPanel4 = new YAHOO.widget.Dialog("panel-4", { modal: true, visible: false, fixedcenter: true, constraintoviewport: true, width: "800px", height: "400px", postmethod: "form" }); var oPanel5 = new YAHOO.widget.Dialog("panel-5", { modal: true, visible: false, fixedcenter: true, constraintoviewport: true, width: "800px", height: "400px", postmethod: "form" }); var oPanel6 = new YAHOO.widget.Dialog("panel-6", { modal: true, visible: false, fixedcenter: true, constraintoviewport: true, width: "800px", height: "400px", postmethod: "form" }); oPanel2.render(document.body); oPanel3.render(document.body); oPanel4.render(document.body); oPanel5.render(document.body); oPanel6.render(document.body); Event.on("show-dialog-2", "click", oPanel2.show, null, oPanel2); Event.on("show-dialog-2_2", "click", oPanel2.show, null, oPanel2); Event.on("show-dialog-2_3", "click", oPanel2.show, null, oPanel2); Event.on("show-dialog-3", "click", oPanel3.show, null, oPanel3); Event.on("show-dialog-3_2", "click", oPanel3.show, null, oPanel3); Event.on("show-dialog-3_3", "click", oPanel3.show, null, oPanel3); Event.on("show_custunit", "click", oPanel4.show, null, oPanel4); Event.on("show_setup", "click", oPanel5.show, null, oPanel5); Event.on("show_setup2", "click", oPanel5.show, null, oPanel5); Event.on("show_overwrite", "click", oPanel6.show, null, oPanel6); }); }());</script><script language="JavaScript" type="text/JavaScript"><!--function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}//--></script><SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'><!--function testaccount() { document.forms[0].action = 'test_account.htm'; document.forms[0].submit();}function count_Inventory() { document.forms[0].action = 'count_Inventory.htm'; document.forms[0].submit();}function Inventory() { document.forms[0].action = 'inventory_worksheet.htm'; document.forms[0].submit();}//--></script><style type="text/css">/*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */body { margin:0; padding:0;}</style><!--begin custom header content for this example--><style type="text/css"> .yui-dt-scrollable .col1 { width:3%; /* this column was assigned "col1" as "className" */ } .yui-dt-scrollable .col2 { width:3%; /* this column was assigned "col1" as "className" */ } .yui-dt-scrollable .col3 { width:2%; /* this column was assigned "col1" as "className" */ } .yui-dt-scrollable .col4 { width:3%; /* this column was assigned "col1" as "className" */ } .yui-dt-scrollable .col5 { width:2%; /* this column was assigned "col1" as "className" */ } /* Default/unfocused Panel style */ .yui-skin-sam div[role=panel].yui-panel .hd { background: #F2F2F2; } /* Focused Panel style */ .yui-skin-sam .yui-panel-container.focused div[role=panel].yui-panel .hd { background: url(../images/sprite.png) repeat-x 0 -200px; } /* The Container ARIA Plugin removes the "href" attribute from the <A> used to create the close button for a Panel, resulting in the focus outline no longer be rendered in Gecko-based browsers when the <A> element is focused. For this reason, it is necessary to restore the focus outline for the <A>. */ a.container-close[role=button]:focus { outline: dotted 1px #000; } /* Necessary to explicitly set the text-align property so the content of the Panels is aligned properly when viewed inside the YUI Examples chrome. */ #panel-2, #panel-3 { text-align: left; } .wrap{height:100%;width:100%;position:absolute;left:0;border-bottom:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #808080;border-top:1px solid #808080;} </style><style>#treeDiv1 { background: #fff; padding:0.5em; margin-top:1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ;font-weight:11px normal #000;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {background-color:#FFFFFF;border-color:-moz-use-text-color #808080;border-style:none solid;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ;font-weight:normal;border-width:medium 0px;text-align:left;color:#000;}.yui-skin-sam .yui-layout .yui-resize-proxy div {background-color:#ffffff;;border:1px solid #808080;position:absolute;#top{border-width:medium 0px;}.yui-skin-sam .yui-dt table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;border-width:medium 1px;text-align:left;}body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/ scrollbar-arrow-color: #FFFFFF; scrollbar-highlight-color: #FFFBF0; scrollbar-3dlight-color: #808080; scrollbar-shadow-color: #FFFBF0; scrollbar-darkshadow-color: #808080; scrollbar-track-color: #E3E3E3;}</style><style type="text/css"><!--body,td,th { color: #FFFFFF;}body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}.style10 {color: #A16D00}--></style></head><body class="yui-skin-sam" ><form><div id="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" > <tr > <th colspan="2" align="left" valign="bottom" scope="row"><table width="100%" border="0" cellspacing="0" height="42" style="padding:0px" cellpadding="0" > <tr height="47"> <td width="60%" align="left" valign="bottom" scope="row"><img src="../images/logo.jpg" width="444" height="35"></td> <td width="50%" align="right" valign="bottom"><span class="loginname">Welcome User Name </span></td> </tr> </table></th> </tr> <tr> <th width="84%" height="25" align="left" valign="top" scope="row"><img src="../images/logo_a.jpg" width="444" height="24"></th> <th width="16%" align="left" valign="bottom" scope="row"><table width="96%" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <th width="27%" align="left" scope="row"><span class="linktext" style="cursor:pointer;">Home <span class="style10">|</span></span></th> <td width="20%"><span class="linkdisabletext">Help</span><span class="linktext"><span class="style10">|</span></span></td> <td width="27%" align="left"><span class="linktext"><span class="linkdisabletext">Logout</span></span></td> </tr> </table></th> </tr> </table></th> </tr> <tr> <th width="29%" height="37" align="right" valign="top" scope="row"> <table width="100%" height="35" border="0" cellpadding="0" cellspacing="0" background="../images/header_bg.jpg"> <tr> <th width="20%" height="31" align="left" valign="bottom" scope="row"><img src="../images/logo1.jpg" width="195" height="33"></th> <th width="80%" align="left" valign="top" scope="row"><div id="productsandservices" class="yuimenubar yuimenubarnav"> <div class="bd"> <ul class="first-of-type"> <li class="yuimenubaritem first-of-type"> <a class="yuimenubaritemlabel" >SetUp</a> </li> <li class="yuimenubaritem"> <a class="yuimenubaritemlabel" >Inventory</a> </li> <li class="yuimenubaritem"> <a class="yuimenubaritemlabel" >Report</a> </li> <li class="yuimenubaritem"> <a class="yuimenubaritemlabel" >Tools</a> </li> </ul> </div> </div></th> </tr> </table> <table style="margin-left:2.8%" width="98%" border="0" cellpadding="0" cellspacing="0" bordercolor="#BBBBBB"> <th height=25> </th> <th> <div align="left" class="redtext" > Error Message Area - will only be displayed if there is a validation error.......................... </div> </th> </table> </div> </div> <div id="center1" style="border:1px solid #808080;height:99%" > <div id="right1" style="height:100%;width:100%;overflow:auto"> <table id="data" style="overflow:auto"> <tbody> <tr class="rowtext2"> <td height="20" class="selecttext"><span class="style13">Vitola's 1 (9999900001)</span></td> <td height="20" class="selecttext" align="center"><input align="center" size="12" type="input" value="2009 Aug"/></td> <td height="20" class="selecttext" align="center">8/1/2009</td> <td height="20" align="center" class="cont_lable"><span class="cont_lable"> <INPUT id=f_date_1 size="12" value="7/31/2009" readOnly name=date> <IMG id=f_trigger_1 onmouseover="this.style.background='red';" title="Date selector" valign="AbsMiddle" style="BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; CURSOR: pointer; BORDER-BOTTOM: red 1px solid" onmouseout="this.style.background=''" src="../images/img.gif" border="0" width="20" height="14"> <SCRIPT type=text/javascript> Calendar.setup({ inputField : "f_date_1", // id of the input field ifFormat : "%B %e, %Y", // format of the input field button : "f_trigger_1", // trigger for the calendar (button ID) align : "Tl", // alignment (defaults to "Bl") singleClick : true }); </SCRIPT></td> <td height="20"> <img title="Close Period" style="cursor:pointer" src="../images/close period.png" width="19" height="19" id="show-dialog-3"> <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19" onClick="Inventory();"> <img title="Count Worksheet" style="cursor:pointer" src="../images/worksheet count.png" onClick="count_Inventory();" width="19" height="19"> </td> </tr> <tr class="rowtext3"> <td height="20" class="selecttext"><span class="style13">Vitola's 2 (9999900002)</span></td> <td height="20" class="selecttext" align="center"><input align="center" size="12" type="input" value="2009 Aug"/></td> <td height="20" class="selecttext" align="center">8/1/2009</td> <td height="20" align="center" class="cont_lable"><span class="cont_lable"> <INPUT id=f_date_2 value="7/31/2009" size="12" readOnly name=date> <IMG id=f_trigger_2 onmouseover="this.style.background='red';" title="Date selector" valign="AbsMiddle" style="BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; CURSOR: pointer; BORDER-BOTTOM: red 1px solid" onmouseout="this.style.background=''" src="../images/img.gif" border="0" width="20" height="14"> <SCRIPT type=text/javascript> Calendar.setup({ inputField : "f_date_2", // id of the input field ifFormat : "%B %e, %Y", // format of the input field button : "f_trigger_2", // trigger for the calendar (button ID) align : "Tl", // alignment (defaults to "Bl") singleClick : true }); </SCRIPT></td> <td height="20"> <img title="Close Period" style="cursor:pointer" src="../images/close period.png" width="19" height="19" id="show-dialog-3_2"> <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19" onClick="Inventory();"> <img title="Count Worksheet" style="cursor:pointer" src="../images/worksheet count.png" onClick="count_Inventory();" width="19" height="19"> </td> </tr> <tr class="rowtext2"> <td height="20" class="selecttext"><span class="style13">Vitola's 3 (9999900003)</span></td> <td height="20" class="selecttext" align="center"><input align="center" size="12" type="input" value="2009 Aug"/></td> <td height="20" class="selecttext" align="center">8/1/2009</td> <td height="20" align="center" class="cont_lable"><span class="cont_lable"> <INPUT id=f_date_3 size="12" value="7/31/2009" readOnly name=date> <IMG id=f_trigger_3 onmouseover="this.style.background='red';" title="Date selector" valign="AbsMiddle" style="BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; CURSOR: pointer; BORDER-BOTTOM: red 1px solid" onmouseout="this.style.background=''" src="../images/img.gif" border="0" width="20" height="14"> <SCRIPT type=text/javascript> Calendar.setup({ inputField : "f_date_3", // id of the input field ifFormat : "%B %e, %Y", // format of the input field button : "f_trigger_3", // trigger for the calendar (button ID) align : "Tl", // alignment (defaults to "Bl") singleClick : true }); </SCRIPT></td> <td height="20"> <img title="Close Period" style="cursor:pointer" src="../images/close period.png" width="19" height="19" id="show-dialog-3_3"> <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19" onClick="Inventory();"> <img title="Count Worksheet" style="cursor:pointer" src="../images/worksheet count.png" onClick="count_Inventory();" width="19" height="19"> </td> </tr> </th> </tr> </tbody> </table> </div><div id="left1" style="border:1px solid #808080;height:99%;width:120%"> <div id="treeDiv1" ></div></div></div></form><div id="bottom1"><table align="center"> <tr> <th height="20" class="footer">© 2009. Gordon Food Service. All Rights Reserved</th> </tr> </table></div><script type="text/javascript"> function basictable() { var Dom = YAHOO.util.Dom, elTbody; var myColumnDefs = [ {key:"customer",className:"col1",label:"Customer Unit",scrollable:true, sortable:true}, {key:"description",className:"col2",label:"Description",sortable:true}, {key:"state",className:"col3",label:"Start Date", sortable:true}, {key:"end",className:"col4",label:"End Date", sortable:true}, {key:"action",className:"col5",label:"Action", sortable:true} ]; var myColumnSet = new YAHOO.widget.ColumnSet(myColumnDefs); this.myDataSource = new YAHOO.util.DataSource(YAHOO.util.Dom.get("data")); this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE; this.myDataSource.responseSchema = { fields: ["customer", "description", "state","end","action"] }; this.myDataTable = new YAHOO.widget.DataTable("right1", myColumnSet, this.myDataSource , {scrollable:"true",resizable:true,width:"99%", height:"92%"}); // Commented by Abhishek for No Drag n Drop. // Uncommented to get Drag n Drop. //myDTDrags = {}; ////////////////////////////////////////////////////////////////////////////// // Custom drag and drop class ////////////////////////////////////////////////////////////////////////////// YAHOO.example.DDRows = function(id, sGroup, config) { YAHOO.example.DDRows.superclass.constructor.call(this, id, sGroup, config); Dom.addClass(this.getDragEl(),"custom-class"); }; ////////////////////////////////////////////////////////////////////////////// // DDRows extends DDProxy ////////////////////////////////////////////////////////////////////////////// YAHOO.extend(YAHOO.example.DDRows, YAHOO.util.DDProxy, { proxyEl: null, srcEl:null, startDrag: function(x, y) { var proxyEl = this.proxyEl = this.getDragEl(), srcEl = this.srcEl = this.getEl(); // Make the proxy look like the source element proxyEl.innerHTML = "<table><tbody>"+srcEl.innerHTML+"</tbody></table>"; }, endDrag: function(x,y) { Dom.setStyle(this.proxyEl, "visibility", "hidden"); }, onDragDrop: function(e, id) { //alert(document.getElementById(id).innerHTML); var destDD = YAHOO.util.DragDropMgr.getDDById(id); // Only if dropping on a valid target if(destDD && destDD.isTarget && this.srcEl) { var srcEl = this.srcEl, srcIndex = srcEl.sectionRowIndex, destEl = Dom.get(id), destIndex = destEl.sectionRowIndex, srcData = myDataTable.getRecord(srcEl).getData(); this.srcEl = null; // Cleanup existing Drag instance myDTDrags[srcEl.id].unreg(); delete myDTDrags[srcEl.id]; // Move the row to its new position myDataTable.deleteRow(srcIndex); myDataTable.addRow(srcData, destIndex); YAHOO.util.DragDropMgr.refreshCache(); } } }); ////////////////////////////////////////////////////////////////////////////// // Create DDRows instances when DataTable is initialized ////////////////////////////////////////////////////////////////////////////// myDataTable.subscribe("initEvent", function() { var i, id, allRows = this.getTbodyEl().rows; for(i=0; i<allRows.length; i++) { id = allRows[i].id; // Clean up any existing Drag instances if (myDTDrags[id]) { myDTDrags[id].unreg(); delete myDTDrags[id]; } // Create a Drag instance for each row myDTDrags[id] = new YAHOO.example.DDRows(id); //alert(id); //if(id == 'yui-rec0' || id == 'yui-rec6' || id == 'yui-rec12') { // myDTDrags[id].unreg(); // delete myDTDrags[id]; //} } }); ////////////////////////////////////////////////////////////////////////////// // Create DDRows instances when new row is added ////////////////////////////////////////////////////////////////////////////// myDataTable.subscribe("rowAddEvent",function(e){ var id = e.record.getId(); myDTDrags[id] = new YAHOO.example.DDRows(id); }) } YAHOO.util.Event.onDOMReady(basictable); // As with addListener, onAvailable, and onContentReady, you can pass a data object and adjust the scope // YAHOO.util.Event.onDOMReady(init, data, scope); </script><div id="panel-2"> <div class="hd">Trend Report</div> <div class="bd"> <form name="panel-2-form" method="post"> <table border="0" bordercolor="#bbbbbb" style="position:absolute;top:50px;left:50px;border:0px solid"> <tr> <th><span class="loginname">Please select the trend report to run for this</span> customer. </tr> <tr> <th align="left" valign="top" class="Accounttext" scope="row" style="font-weight:normal"> <INPUT TYPE=RADIO id="radio1" value="Val" NAME="Valuation" checked="true"> <span class="loginname" >Inventory Valuation Report</input><BR><INPUT TYPE=RADIO id="radio1" NAME="Valuation"><span class="loginname"> Cost of Goods Sold Report</span> </input><BR><INPUT TYPE=RADIO id="radio1" NAME="Valuation"><span class="loginname"> Theoretical Inventory Value Report</span> </input><BR><br><br></th></tr><tr> <th><span class="loginname" >Click "Continue>>" to proceed with report generation.<br>Click "Cancel" to close the window and return to previous screen.</span><br><br> </tr><tr bgcolor="#bbbbbb" height="26" border="0" width="80%"><th> </th><th ><span style="align:right"><input type="submit" name="btn" class="button" value="OK" ><INPUT TYPE=SUBMIT name="btn" VALUE="CANCEL" class="button" > </span></th> </tr> </table> </form> </div></div><div id="panel-3"> <div class="hd">Close Inventory Period</div> <div class="bd"> <form name="panel-3-form" method="post"> <div> <table border="0" bordercolor="#bbbbbb" style="position:absolute;top:50px;left:40px;border:0px solid"> <tr> <th align="left" valign="top" class="Accounttext" scope="row" style="font-weight:normal"> </br> Before you start the new inventory period, make sure you have done the following: </br></br> <ul > <li> Entered the final inventory count. </li> <li>Entered all transactions for the period. Transactions cannot be entered for closed periods.</li> <li> Printed and saved the following reports. Detailed reports for these cannot be run for closed periods. <ul > <li class="disc">Inventory Valuation Report</li> <li class="disc">Cost of Goods Sold Report</li> <li class="disc">Theoretical Inventory Value Report</li> <ul> </li> </ul> </h></th></tr><tr bgcolor="#bbbbbb" height="26" border="0" width="90%"><th ><div align="right"><span style="align:right"><input type="submit" name="btn" class="button" value="OK" ><INPUT TYPE=SUBMIT name="btn" VALUE="CANCEL" class="button" > </span></th> </tr> </table> </div> </form> </div></div><div id="panel-4"> <div class="hd" align="left">Select a unit level Customer to proceed</div> <div class="bd"> <form name="panel-3-form" method="post"> <div> <table style="position:absolute;top:30px;left:40px;border:0px solid" width="90%" height="100%" align="center" border="0" cellspacing="0" cellpadding="0"> <tr> <th scope="row"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999" bgcolor="#fff"> <tr bordercolor="#CCCCCC"> <th width="100%" height="30" valign="top" bgcolor="#FFFFFF" scope="row"><div align="left"> <table width="97%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <th colspan="7" align="left" valign="top" scope="row"><p><ul class="treeview"> <li class="open"><img src="../images/customer.gif" width="19" height="18"><span class="loginname">Joe Customer</span> <ul> <li><img src="../images/unit.gif" width="19" height="18"><a href="#"> <span id="show_setup" type="submit">EAT AT JOE'S (9999900000)</span></a></li> <li><img src="../images/unit.gif" width="19" height="18"><a href="#" id="show_setup2">PRIMO'S GUSTO RESTAURANT - TEST ACCOUNT</a></li> </ul> </li> </ul> </li> </ul></p> <p align="left"> </tr> </table> </div></th> </tr> <tr> <th height="25" valign="top" bgcolor="#FFFFFF" scope="row"> </th> </tr> <tr> <th height="15" valign="top" bgcolor="#FFFFFF" scope="row"><table width="98%" height="27" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <th height="25" valign="middle" bgcolor="#CDCDCD" class="tabelHeader" scope="row"><div align="left"><font class="loginname"> Current Customer 999990000 Eat at Joe's </font></div></th> </tr> </table></th> </tr> <tr> <th height="8" valign="top" bgcolor="#FFFFFF" scope="row"><p> </p></th> </tr> <tr> <th height="8" valign="top" bgcolor="#FFFFFF" scope="row"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CDCDCD"> <tr> <th valign="top" scope="row"> <span class="loginname">Legend </span></th> </tr> <tr> <th valign="middle" scope="row"> </th> </tr> <tr> <th scope="row"><table width="50%" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="5%" scope="row"><img src="../images/customer.gif" width="19" height="18"></th> <td width="24%" align="left" class="linktext">Customer</td> <td width="5%"><img src="../images/parents.gif" width="19" height="18"></td> <td width="20%" align="left" class="linktext">Parents</td> <td width="5%"><img src="../images/family.gif" width="19" height="18"></td> <td width="17%" align="left" class="linktext">Family</td> <td width="4%"><img src="../images/unit.gif" width="19" height="18"></td> <td width="20%" align="left" class="linktext">Unit</td> </tr> </table></th> </tr> <tr height="26"> <th scope="row"><div align="right"><span > <input name="cancel" style="cursor:pointer type="submit" class="button" value="CANCEL"> </span></div></th> </tr> </table></th> </tr> </table></th> </tr> <tr> <th scope="row"> </th> </tr> </table> </th> </tr> </table></th> </tr> </table> </div> </form> </div></div><div id="panel-5"> <div class="hd" align="left">Confirm Inventory Worksheet Setup</div> <div class="bd"> <form name="panel-3-form" method="post"> <div> <table width="95%" style="position:absolute;top:30px;left:40px;border:0px solid" align="center" border="0" cellpadding="0" cellspacing="0" bordercolor="#BBBBBB"> <tr> <th colspan="2" valign="top" scope="row"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th height="70" scope="row"><div align="left" class="loginname">Creating Inventory Worksheet for : KENOSHA - TEST ACCOUNT (9999990401) <a href="customer_unit.htm">Change</a></div> </th> </tr> <tr> <th scope="row"> <table width="95%" border="1" cellspacing="0" cellpadding="0"> <tr > <th colspan="5" align="center" valign="top" style="margin-left:2%" class="loginname" scope="row"><p>Before creating a new Inventory Worksheet, make sure you complete the following steps: <br> <br> 1) Set up your Non-GFS Distributors and Non-GFS Inventory Items<br> 2) Set up your Storage Areas (or click continue to use the GFS Storage Areas as your starting point)</p> <br> <br> <p>Click 'Continue' to proceed with the creation of a new Worksheet.<br> Click 'Cancel' to exit the Worksheet Setup Wizard. </p> <p> </p> <p> </p></th> </tr> </table> </table> <p align="left"> </p> <p> </p> </th> </tr> <tr> <th scope="row"> </th> </tr> <tr> <th height="30" valign="middle" bgcolor="#CDCDCD" scope="row"><div align="right"> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="19%"><div align="right"><span > <input name="Submit" style="cursor:pointer" class="button" value="CONTINUE>>" id="show_overwrite"> <input name="Submit" style="cursor:pointer" type="submit" class="button" value="CANCEL" onclick = "cancel()"> </span></td> </tr> </table> </tr> </th> </table> </div> </form> </div></div><div id="panel-6"> <div class="hd" align="left">Confirm Inventory Worksheet Overwrite</div> <div class="bd"> <form name="panel-3-form" method="post"> <div> <table width="95%" style="position:absolute;top:30px;left:40px;border:0px solid" align="center" border="0" cellpadding="0" cellspacing="0" bordercolor="#BBBBBB"> <tr> <th colspan="2" valign="top" scope="row"> <table width="95%" border="0" cellspacing="0" cellpadding="0"> <tr> <th height="60" scope="row"><div align="left" class="loginname">Creating Inventory Worksheet for: KENOSHA - TEST ACCOUNT (9999990401) </div> </th> </tr> <tr> <th scope="row"> <table width="95%" border="1" cellspacing="0" cellpadding="0"> <tr> <th colspan="5" align="left" valign="top" class="loginname" scope="row"><p>Warning!! A worksheet already exists for this customer. The Inventory Setup Wizard will overwrite this worksheet. <br> <br> <br> Are you sure you want to continue?</p><br> <p>Click 'Continue' to proceed with the creation of a new Worksheet.<br> Click 'Cancel' to exit the Worksheet Setup Wizard. </p> <p> </p></th> </tr> </table> </table> <p align="left"> </p> <p> </p> <p> </p> </th> </tr> <tr> <th scope="row"> </th> </tr> <tr> <th height="30" valign="middle" bgcolor="#CDCDCD" scope="row"><div align="right"> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="19%"><div align="right"><span > <input name="Submit" class="button" value="CONTINUE>>" onClick="testaccount();"> <input name="Submit" type="submit" class="button" value="CANCEL" onclick = "cancel()"> </span><div></td> </tr> </table> </tr> </th> </table> </div> </form> </div></div><script type="text/javascript">(function() { var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event; var initTopMenu = function() { /* Instantiate a MenuBar: The first argument passed to the constructor is the id of the element in the page representing the MenuBar; the second is an object literal of configuration properties. */ var oMenuBar = new YAHOO.widget.MenuBar("productsandservices", { autosubmenudisplay: true, hidedelay: 500, lazyload: true, effect: { effect: YAHOO.widget.ContainerEffect.FADE, duration: 0.25 } }); /* Define an array of object literals, each containing the data necessary to create a submenu. */ var aSubmenuData = [ { id: "setup", itemdata: [ { text: "Distributor", url: "MaintainDistributor.HTML" }, { text: "Distributor Item", url: "MaintainDistributor_Item.html" }, { text: "G/L Accounts", url: "create_edit_GL_account.htm" }, { text: "Product Categories", url: "MaintainCategory.html" }, { text: "Tags", url: "#" } ] }, { id: "Inventory", itemdata: [ { text: "Create Worksheet",id:"show_custunit" }, { text: "Count Entry", url: "count_Inventory.htm" }, { text: " Maintain Worksheet", url: "inventory_worksheet.htm" }, { text: " Storage Areas", url: "Maintain_Storagearea.htm" }, { text: " Maintain Periods", url: "MaintainPeriod.htm" }, { text: "Create Invoices/Adjustments", url: "Credit_Invoice.html" }, { text: "Edit Worksheet Layout", url: "#" } ] }, { id: "Reports", itemdata: [ { text: "Print Inventory Worksheet ", url: "#" }, { text: "Inventory Valuation ", url: "#" }, { text: "Cost Of Goods Sold", url: "#" }, { text: "Theoretical Inventory ", url: "#" }, { text: "Inventory Valuation Trend ", url: "#" }, { text: "Cost Of Goods Sold Trend", url: "#" }, { text: "Worksheet Audit", url: "#" } ] }, { id: "Tools", itemdata: [ { text: "Preferences", url: "#" }, { text: "User Help", url: "#" }, { text: "About Inventory Manager", url: "#" } ] } ]; /* Subscribe to the "beforerender" event, adding a submenu to each of the items in the MenuBar instance. */ oMenuBar.subscribe("beforeRender", function () { if (this.getRoot() == this) { this.getItem(0).cfg.setProperty("submenu", aSubmenuData[0]); this.getItem(1).cfg.setProperty("submenu", aSubmenuData[1]); this.getItem(2).cfg.setProperty("submenu", aSubmenuData[2]); this.getItem(3).cfg.setProperty("submenu", aSubmenuData[3]); } }); /* Call the "render" method with no arguments since the markup for this MenuBar instance is already exists in the page. */ oMenuBar.render(); }; Event.onDOMReady(function() { var layout = new YAHOO.widget.Layout({ units: [ { position: 'top',height:135, gutter: '0px', body: 'top',scroll: null, zIndex: 2 }, { position: 'bottom',height:25, gutter: '0px', body: 'bottom1' }, { position: 'center',top: 140,body:'center1', gutter: '1% 45% 3% 35%' } ] }); layout.on('render', function() { var el = layout.getUnitByPosition('center').get('wrap'); var layout2 = new YAHOO.widget.Layout(el, { parent: layout, units: [ { position: 'center',width:'610px', body: 'right1', gutter: '2% 1% 5% 5%', maxWidth: 200 }, { position: 'left',scroll:true, gutter: '2% 5% 15% 5%', width:200, body: 'left1'}, { position: 'top',width:'400px', header: ' Maintain Period', height: 30, gutter: '0px', maxHeight: 80 }, ] }); layout2.render(); }); layout.on('render', function() { YAHOO.util.Event.onContentReady("productsandservices", initTopMenu); }); layout.render(); });})();</script><script type="text/javascript">//global variable to allow console inspection of tree:var tree;//anonymous function wraps the remainder of the logic:(function() { var treeInit = function() { tree = new YAHOO.widget.TreeView("treeDiv1",[ {type:'Menu', label:'Joe Customer', editable:true, expanded:true, children:[ {type:'Text', label:'Vitales1 (9999900001)',href:"MaintainPeriod_details.htm", editable:false}, {type:'Text', label:'Vitales2 (9999900002)',href:"MaintainPeriod_details.htm", editable:false}, {type:'Text', label:'Vitales3 (9999900003)',href:"MaintainPeriod_details.htm", editable:false}, {type:'Text', label:'Vitales4 (9999900004)',href:"MaintainPeriod_details.htm", editable:false} ]} ]); tree.render(); tree.subscribe('dblClickEvent',tree.onEventEditNode); }; //Add an onDOMReady handler to build the tree when the document is ready YAHOO.util.Event.onDOMReady(treeInit);})();</script></body></html>