/* ************************* start top navigation bar ************************************************************************ */
               
// TEST 2 for CSS navigation menu	

var vTopNav = '';
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" width="100%" 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>';
					/*vHeaderText += '			<td class="top-nav-cell"><a href="" onmouseover="aprons.src=\'images/menu/aprons_r.gif\'" onmouseout="aprons.src=\'images/menu/aprons.gif\'"><img src="images/menu/aprons.gif" name="aprons"></a></td>';
					*/vTopNav += '		</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 == "ot"){ 
							vCatImg8 = "others_r.gif";
				        }else{
				            vCatImg8 = "others.gif";
						}
						
					vTopNav += '		<table border="0" cellspacing="0" cellpadding="0" width="100%" 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>';
					/*vHeaderText += '			<td class="top-nav-cell"><a href="" onmouseover="aprons.src=\'images/menu/aprons_r.gif\'" onmouseout="aprons.src=\'images/menu/aprons.gif\'"><img src="images/menu/aprons.gif" name="aprons"></a></td>';
					*/vTopNav += '		</tr>';
					vTopNav += '		<tr><td colspan="9" height="3"></td></tr>';
					vTopNav += '		</table>';
		
				  }
/* ************************* end top navigation bar ************************************************************************ */

	
vTopNav += '		<div class="clearDiv"></div>';
vTopNav +='<form name="wordsearch" style="margin: 0 0 0 0;" action="/cgi-bin' + vCgi + '/site.w?location=olc/catalog-browse.w&frames=no&target=main&sponsor=' + vSponsor + '&text_qualifier=&action=search&newsearch=yes&from=navbar" method="post">';
vTopNav += '<div class="menuBar">';
vTopNav += '	<div class="keywordBar">';
vTopNav += '		<div id="search"><input type="text" name="textsearch" class="search-box" value="Keyword Search..." size="28%" onfocus="clearBox(this);" onBlur="resetBox(this);"></div>';
vTopNav += '		<div id="arrow"><input class="arrow-but" type="image" src="' + vImageDir  + '/arrowbut.gif" width="20"></div>';
vTopNav += '	</div>';

/* If homepage then display special collections image */

if (document.location.href.indexOf("location") == -1 && document.location.href.indexOf("catalog") != -1){
//if (document.location.href.indexOf("location") == -1){
	vTopNav += '<div id="rightNav"><font id="spec-coll-link">Special Collections</font></div>';
}else{
	vTopNav += '<div id="rightNav">';
	//vTopNav += '	<div id="rNavArea">';
	vTopNav += '		<div class="rNavLink"><a href="javascript:golink(\'olc/catalog-browse.w?category=G35\', \'main\');">Ladies Only</a></div>';
	vTopNav += '		<div class="tick"><img src="'+ vImageDir +'/tick.gif"></div>';
	vTopNav += '		<div class="rNavLink"><a href="javascript:golink(\'olc/catalog-browse.w?category=N\', \'main\');">New for 2012</a></div>';
	//vTopNav += '	</div>';
	vTopNav += '</div>';
}

vTopNav += '</div>'; // closing div for menuBar
vTopNav += ' </form>';

vTopNav += '<div class="clearDiv"></div>';
//vTopNav += '<div class="setSpace">';
document.write (vTopNav);
		  			
/* ************************* end top navigation bar ************************************************************************ */