All pastes #1586026 Raw Edit

Forum Post - 3522

public html v1 · immutable
#1586026 ·published 2009-09-30 14:13 UTC
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>&nbsp;</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">&nbsp;										  <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19"  onClick="Inventory();">&nbsp;										  <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">&nbsp;										  <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19"  onClick="Inventory();">&nbsp;										  <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">&nbsp;										  <img title="Inventory Worksheet" style="cursor:pointer" src="../images/worksheet.png" width="19" height="19"  onClick="Inventory();">&nbsp;										  <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">&nbsp;Cost of Goods Sold Report</span> </input><BR><INPUT TYPE=RADIO id="radio1" NAME="Valuation"><span class="loginname">&nbsp;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>&nbsp;</th><th ><span style="align:right"><input type="submit" name="btn" class="button" value="OK" ><INPUT TYPE=SUBMIT name="btn" VALUE="CANCEL" class="button" >&nbsp;&nbsp;</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" >&nbsp;&nbsp;</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">&nbsp; </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>&nbsp;</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">&nbsp;</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">&nbsp;&nbsp;                              </span></div></th>                            </tr>                        </table></th>                      </tr>                  </table></th>                </tr>                <tr>                  <th scope="row">&nbsp;</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)&nbsp;&nbsp;<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>&nbsp;</p>                                  <p>&nbsp;</p></th>                                      </tr>                                  </table>                                                      </table>						<p align="left">&nbsp;</p>                                  <p>&nbsp;</p>                                 </th>                      </tr>                      <tr>                        <th scope="row">&nbsp;</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&gt;&gt;" id="show_overwrite">                               &nbsp;                                  <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)&nbsp;&nbsp;</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>&nbsp;</p></th>                                      </tr>                                  </table>                                                      </table>						<p align="left">&nbsp;</p>                                  <p>&nbsp;</p>								   <p>&nbsp;</p>								                                     </th>                      </tr>                      <tr>                        <th scope="row">&nbsp;</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&gt;&gt;" onClick="testaccount();">                               &nbsp;                                  <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: '&nbsp;&nbsp;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>