var vTopNav = '';

vTopNav += '<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">';
vTopNav += '<tbody>';
vTopNav += '<tr bgcolor="#ffffff" valign="top">';
vTopNav += '	<td align="right" valign="top" width="100%" id="top-table-head">';
vTopNav += '		<table border="0" cellspacing="0" cellpadding="0" width="100%">';
vTopNav += '			<tr><td background="' + vImageDir + '/uc_navbar.gif" width="100%" height="57" align="left" style="background-repeat: no-repeat;">';
vTopNav += '<form name="wordsearch" style="margin: 0 0 0 0;" action="/cgi-bin' + vCgi + '/site.w?location=olc/cobrand-search.w&frames=no&target=main&sponsor=' + vSponsor + '&text_qualifier=or&searchtype=word&from=navbar" method="post">';
vTopNav += '				<table border="0" cellspacing="0" cellpadding="0" width="100%">';
vTopNav += '					<td align="left" width="600"><img src="'+ vRoot + '/images/spacer.gif" width="215" height="52"></td>';
vTopNav += '					<td id="keywordSearch" width="80" align="left"><input type="text" name="textsearch" class="searchBox" value="Keyword search..." size="26%" onfocus="clearBox(this);" onBlur="resetBox(this);"></td>';
vTopNav += '					<td id="keywordButton" ><input type="image" src="' + vImageDir  + '/arrowbut.gif" width="20"></td>';
vTopNav += '				</table>';
vTopNav += '</form>';
vTopNav += '			</td>';
vTopNav += '		</table>';
vTopNav += '	</td>';
vTopNav += '</tr>';
vTopNav += '<tr><td height="5"></td></tr>';
vTopNav += '</table>';
/* ************************* start top navigation bar ************************************************************************ */
               
// TEST 2 for CSS navigation menu	


vTopNav += '<link href="' + stylePath + '/header.css" rel="stylesheet" type="text/css">';
vTopNav += '<link href="' + stylePath + '/home.css" rel="stylesheet" type="text/css">';
vTopNav += '<link href="' + stylePath + '/topnav.css" rel="stylesheet" type="text/css">';
//vTopNav += '		<div class="clearDiv"></div>';
/* ************************* start top navigation bar ************************************************************************ */
var vUrl = document.location.href;
var vQueryString= vUrl.substring(vUrl.indexOf("?") + 1,vUrl.length);
var Params = vQueryString.split("&");
for (var i=0; i<Params.length; i++){
 var vName=Params[i].substr(0,Params[i].indexOf("="));
  var vEntry=Params[i].substr(Params[i].indexOf("=")+1,Params[i].length);

   if(vName=="category"){ 
   		vCategory=vEntry;
             break; }     
              else
                  vCategory="none";
                  }

                  if (vCategory == "none" )
                  {                
					vTopNav += '		<table border="0" cellspacing="0" cellpadding="0" class="top-nav-sec">';
					vTopNav += '		<tr>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=2\',\'main\')" onmouseover="polos.src=\'' + vImageDir  + '/menu/polos_r.gif\'" onmouseout="polos.src=\'' + vImageDir  + '/menu/polos.gif\'"><img src="' + vImageDir  + '/menu/polos.gif" name="polos"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=W\',\'main\')" onmouseover="dress.src=\'' + vImageDir  + '/menu/dress_cas_r.gif\'" onmouseout="dress.src=\'' + vImageDir  + '/menu/dress_cas.gif\'"><img src="' + vImageDir  + '/menu/dress_cas.gif" name="dress"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=3\',\'main\')" onmouseover="tees.src=\'' + vImageDir  + '/menu/tees_r.gif\'" onmouseout="tees.src=\'' + vImageDir  + '/menu/tees.gif\'"><img src="' + vImageDir  + '/menu/tees.gif" name="tees"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=1\',\'main\')" onmouseover="fleece.src=\'' + vImageDir  + '/menu/fleece_r.gif\'" onmouseout="fleece.src=\'' + vImageDir  + '/menu/fleece.gif\'"><img src="' + vImageDir  + '/menu/fleece.gif" name="fleece"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=4\',\'main\')" onmouseover="outerwear.src=\'' + vImageDir  + '/menu/outerwear_r.gif\'" onmouseout="outerwear.src=\'' + vImageDir  + '/menu/outerwear.gif\'"><img src="' + vImageDir  + '/menu/outerwear.gif" name="outerwear"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=6\',\'main\')" onmouseover="headwear.src=\'' + vImageDir  + '/menu/headwear_r.gif\'" onmouseout="headwear.src=\'' + vImageDir  + '/menu/headwear.gif\'"><img src="' + vImageDir  + '/menu/headwear.gif" name="headwear"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=7\',\'main\')" onmouseover="bags.src=\'' + vImageDir  + '/menu/bags_r.gif\'" onmouseout="bags.src=\'' + vImageDir  + '/menu/bags.gif\'"><img src="' + vImageDir  + '/menu/bags.gif" name="bags"></a></td>';
					//vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=ot\',\'main\')" onmouseover="others.src=\'' + vImageDir  + '/menu/others_r.gif\'" onmouseout="others.src=\'' + vImageDir  + '/menu/others.gif\'"><img src="' + vImageDir  + '/menu/others.gif" name="others"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=A\',\'main\')" onmouseover="aprons.src=\'' + vImageDir  + '/menu/aprons_r.gif\'" onmouseout="aprons.src=\'' + vImageDir  + '/menu/aprons.gif\'"><img src="' + vImageDir  + '/menu/aprons.gif" name="aprons"></a></td>';
					vTopNav += '		</tr>';
					vTopNav += '		<tr><td colspan="9" height="4"><img style="display: block; padding:0;" src="' + vImageDir + '/bluebar.gif"></td></tr>';
					//vTopNav += '		<tr><td colspan="9" height="3"></td></tr>';
					vTopNav += '		</table>';				  
									  				  
					}else{
                        if (vCategory == "2"){
                            vCatImg1 = "polos_r.gif";
                        }else{
                            vCatImg1 = "polos.gif";
						}
                       	if (vCategory == "W"){ 
	     					vCatImg2 = "dress_cas_r.gif";
	                  	}else{
	                        vCatImg2 = "dress_cas.gif";
						}
	                    if (vCategory == "3"){
	                        vCatImg3 = "tees_r.gif";
	                    }else{
	                        vCatImg3 = "tees.gif";
						}
		  			 	if (vCategory == "1"){
		           			vCatImg4 = "fleece_r.gif";
		                }else{
		                    vCatImg4 = "fleece.gif";
						}
		                if (vCategory == "4"){
		                    vCatImg5 = "outerwear_r.gif";
		                }else{
			   				vCatImg5 = "outerwear.gif";
						}
			         	if (vCategory == "6"){ 
							vCatImg6 = "headwear_r.gif";
			            }else{
			                vCatImg6 = "headwear.gif";
						}
			            if (vCategory == "7"){ 
							vCatImg7 = "bags_r.gif";
			            }else{
			                vCatImg7 = "bags.gif";
						}
				     	if (vCategory == "A"){ 
							vCatImg8 = "aprons_r.gif";
				        }else{
				            vCatImg8 = "aprons.gif";
						}
						
					vTopNav += '		<table border="0" cellspacing="0" cellpadding="0" class="top-nav-sec">';
					vTopNav += '		<tr>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=2\',\'main\')" onmouseover="polos.src=\'' + vImageDir  + '/menu/polos_r.gif\'" onmouseout="polos.src=\'' + vImageDir  + '/menu/' + vCatImg1 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg1 + '" name="polos"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=W\',\'main\')" onmouseover="dress.src=\'' + vImageDir  + '/menu/dress_cas_r.gif\'" onmouseout="dress.src=\'' + vImageDir  + '/menu/' + vCatImg2 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg2 + '" name="dress"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=3\',\'main\')" onmouseover="tees.src=\'' + vImageDir  + '/menu/tees_r.gif\'" onmouseout="tees.src=\'' + vImageDir  + '/menu/' + vCatImg3 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg3 + '" name="tees"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=1\',\'main\')" onmouseover="fleece.src=\'' + vImageDir  + '/menu/fleece_r.gif\'" onmouseout="fleece.src=\'' + vImageDir  + '/menu/' + vCatImg4 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg4 + '" name="fleece"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=4\',\'main\')" onmouseover="outerwear.src=\'' + vImageDir  + '/menu/outerwear_r.gif\'" onmouseout="outerwear.src=\'' + vImageDir  + '/menu/' + vCatImg5 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg5 + '" name="outerwear"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=6\',\'main\')" onmouseover="headwear.src=\'' + vImageDir  + '/menu/headwear_r.gif\'" onmouseout="headwear.src=\'' + vImageDir  + '/menu/' + vCatImg6 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg6 + '" name="headwear"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=7\',\'main\')" onmouseover="bags.src=\'' + vImageDir  + '/menu/bags_r.gif\'" onmouseout="bags.src=\'' + vImageDir  + '/menu/' + vCatImg7 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg7 + '" name="bags"></a></td>';
					//vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=ot\',\'main\')" onmouseover="others.src=\'' + vImageDir  + '/menu/others_r.gif\'" onmouseout="others.src=\'' + vImageDir  + '/menu/' + vCatImg8 + '\'"><img src="' + vImageDir  + '/menu/' + vCatImg8 + '" name="others"></a></td>';
					vTopNav += '			<td class="top-nav-cell"><a href="javascript:golink(\'olc/catalog-browse.w?category=ot\',\'main\')" onmouseover="aprons.src=\'' + vImageDir  + '/menu/aprons_r.gif\'" onmouseout="aprons.src=\'' + vImageDir  + '/menu/aprons.gif\'"><img src="' + vImageDir  + '/menu/aprons.gif" name="aprons"></a></td>';
					vTopNav += '		</tr>';
					vTopNav += '		<tr><td colspan="9" height="4"><img style="display: block; padding:0;" src="' + vImageDir + '/bluebar.gif"></td></tr>';
					//vTopNav += '		<tr><td colspan="9" height="3"></td></tr>';
					vTopNav += '		</table>';
		
				  }
/* ************************* end top navigation bar ************************************************************************ */

	
//vTopNav += '		<div class="clearDiv"></div>';

document.write (vTopNav);
		  			
/* ************************* end top navigation bar ************************************************************************ */