/*
if(document.images){
	var nav_on = new Image();
	nav_on.src = "../nav/images/roll_on.gif";
	var nav_off = new Image();
	nav_off.src = "../nav/images/roll_off.gif";
	
	var sub_on = new Image();
	sub_on.src = "../nav/images/sub_on.gif";
	var sub_off = new Image();
	sub_off.src = "../nav/images/sub_off.gif";
}
function navRoll(rollPoss,direction,keepOn){
	if(direction == "on" && rollPoss != keepOn){
		document.images[rollPoss].src = nav_on.src;
	}
	else if(direction == "off" && rollPoss != keepOn){
		document.images[rollPoss].src = nav_off.src;
	}
	else{
		return;
	}
}
	
function subRoll(rollPoss,direction,SkeepOn){
	if(direction == "on" && rollPoss != SkeepOn){
		document.images[rollPoss].src = sub_on.src;
	}
	else if(direction == "off" && rollPoss != SkeepOn){
		document.images[rollPoss].src = sub_off.src;
	}
	else{
		return;
	}
}
*/
//##############################################################################
//#########                                                            #########
//#########      if you need to change the menu itmes all you          #########
//#########      need to do is add it to end of the list               #########
//#########                                                            #########
//#########      + if you need to remove an item just set the frist    #########
//#########        item to "" (blank) and the function will not        #########
//#########        write anything for that item and you will not       #########
//#########        to change the number on every page.                 #########
//#########                                                            #########
//##############################################################################




var menuItems = new Array();
var urlLinks = new Array();
var itemColor = new Array();
//var backgroundColor = new Array();
var onColor = new Array();
// SET ORDER HERE ie if you want #11 of your array after # 2 set it to this new Array(0,1,2,11,3,4,5,6,7,8,9,10)
var setToPlace = new Array(0,1,2,3,4,5,6,16,17,7,8,15,9,10,11,12,13,14);


// ##### nav posstion 0 ##########
menuItems[0] = new Array();
urlLinks[0] = new Array();
itemColor[0] = "gray";
//backgroundColor[0] = "#DBF1FF";
onColor[0] = "gray";
menuItems[0][0] = "chpstkhome";								urlLinks[0][0] = pageLang +"/home.asp";

// ##### nav posstion 1 ##########
menuItems[1] = new Array();
urlLinks[1] = new Array();
itemColor[1] = "gray";
//backgroundColor[1] = "#FFFACB";
onColor[1] = "gray";
menuItems[1][0] = "chpstkclassics";								urlLinks[1][0] = pageLang + "/classic/index.asp";
menuItems[1][1] = "Original";									urlLinks[1][1] = pageLang + "/classic/index.asp#regular";
menuItems[1][2] = "Cherry";											urlLinks[1][2] = pageLang + "/classic/index.asp#cherry";
menuItems[1][3] = "Spearmint";											urlLinks[1][3] = pageLang + "/classic/index.asp#mint";
menuItems[1][4] = "Strawberry";										urlLinks[1][4] = pageLang + "/classic/index.asp#strawberry";

// ##### nav posstion 2 ##########
menuItems[2] = new Array();
urlLinks[2] = new Array();
itemColor[2] = "gray";
//backgroundColor[2] = "#DBF1FF";
onColor[2] = "gray";
menuItems[2][0] = "chpstklipmoist";								urlLinks[2][0] = pageLang +"/moisturizer/index.asp"
menuItems[2][1] = "ChapStick® Moisturizer";						urlLinks[2][1] = pageLang +"/moisturizer/index.asp#lip"
menuItems[2][2] = "ChapStick® Moisturizer Tube";					urlLinks[2][2] = pageLang +"/moisturizer/index.asp#tube"
menuItems[2][3] = "ChapStick® Moisturizer               Vanilla Mint";			urlLinks[2][3] = pageLang +"/moisturizer/index.asp#mint"

// ##### nav posstion 3 ##########
menuItems[3] = new Array();
urlLinks[3] = new Array();
itemColor[3] = "gray";
//backgroundColor[3] = "#E2F4FE";
onColor[3] = "gray";
menuItems[3][0] = "chpstkmedic";										urlLinks[3][0] = pageLang +"/medicated/index.asp"
menuItems[3][1] = "ChapStick® Medicated";							urlLinks[3][1] = pageLang +"/medicated/index.asp#medicated"
//menuItems[3][2] = "ChapStick® Medicated Tube";						urlLinks[3][2] = "/medicated/index.asp#tube"
menuItems[3][2] = "ChapStick® Cold Sore               Therapy";					urlLinks[3][2] = pageLang +"/medicated/index.asp#coldsore"

// ##### nav posstion 4 ##########
menuItems[4] = new Array();
urlLinks[4] = new Array();
itemColor[4] = "gray";
//backgroundColor[4] = "#CFFDF2";
onColor[4] = "gray";
menuItems[4][0] = "chpstkflavacrz";									urlLinks[4][0] = pageLang +"/flavacraze/index.asp"
menuItems[4][1] = "ChapStick® Flava-Craze";							urlLinks[4][1] = pageLang +"/flavacraze/index.asp#flavacraze"
//menuItems[4][2] = "ChapStick® Flava-Craze               Extreme 15";				urlLinks[4][2] = "/flavacraze/index.asp#flavacraze15"

// ##### nav posstion 5 ##########
menuItems[5] = new Array();
urlLinks[5] = new Array();
itemColor[5] = "gray";
//backgroundColor[5] = "#FFEAD6";
onColor[5] = "gray";
menuItems[5][0] = "chpstksuncare";								urlLinks[5][0] = pageLang +"/spf/index.asp"
menuItems[5][1] = "ChapStick® Ultra 30";								urlLinks[5][1] = pageLang +"/spf/index.asp#30";
menuItems[5][2] = "ChapStick® Moisturizer Vanilla Mint";			urlLinks[5][2] = pageLang +"/spf/index.asp#vanilla";
menuItems[5][3] = "ChapStick® Moisturizer";						urlLinks[5][3] = pageLang +"/spf/index.asp#lip";
menuItems[5][4] = "ChapStick® Moisturizer Tube";					urlLinks[5][4] = pageLang +"/spf/index.asp#tube";
//menuItems[5][5] = "ChapStick® Flava-              Craze® Extreme 15";		urlLinks[5][5] = "/spf/index.asp#15";

// ##### nav posstion 6 ##########
menuItems[6] = new Array();
urlLinks[6] = new Array();
itemColor[6] = "gray";
//backgroundColor[6] = "#F4E5F4";
onColor[6] = "gray";
menuItems[6][0] = "chpstkovrngt";										urlLinks[6][0] = pageLang +"/overnight/index.asp"
menuItems[6][1] = "ChapStick® Overnight Lip           Treatment";				urlLinks[6][1] = pageLang +"/overnight/index.asp"

// ##### nav posstion 7 ##########
menuItems[7] = new Array();
urlLinks[7] = new Array();
itemColor[7] = "gray";
//backgroundColor[7] = "#F0F0D8";  
onColor[7] = "gray";           
menuItems[7][0] = "chpstknewallntrl";									urlLinks[7][0] = pageLang +"/natural/index.asp"

if(pageLang != "/sp"){
menuItems[7][1] = "ChapStick® Lip Butter";						urlLinks[7][1] = pageLang +"/natural/index.asp"
menuItems[7][2] = "ChapStick® Botanical Medley";				urlLinks[7][2] = pageLang +"/natural/index.asp"
}

// ##### nav posstion 8 ##########
menuItems[8] = new Array();
urlLinks[8] = new Array();
itemColor[8] = "gray";
onColor[8] = "gray";
menuItems[8][0] = "Peppermint";										urlLinks[8][0] = pageLang +"/peppermint/index.asp"

// ##### nav posstion 11 ##########
menuItems[9] = new Array();
urlLinks[9] = new Array();
itemColor[9] = "gray";
//backgroundColor[9] = "#FFECD9";
onColor[9] = "gray";
menuItems[9][0] = "cars";						urlLinks[9][0] = pageLang +"/cars/index.asp"


// ##### nav posstion 10 ##########
menuItems[10] = new Array();
urlLinks[10] = new Array();
itemColor[10] = "gray";
//backgroundColor[9] = "#FFECD9";
onColor[10] = "gray";
menuItems[10][0] = "Disney";						urlLinks[10][0] = pageLang +"/disney/index.asp"

// ##### nav posstion 11 ##########
menuItems[11] = new Array();
urlLinks[11] = new Array();
itemColor[11] = "gray";
//backgroundColor[9] = "#FFECD9";
onColor[11] = "gray";
menuItems[11][0] = "chpstksgk";						urlLinks[11][0] = pageLang +"/Komen/index.asp"

// ##### nav posstion 12 ##########
menuItems[12] = new Array();
urlLinks[12] = new Array();
itemColor[12] = "gray";
//backgroundColor[10] = "#FFECD9";
onColor[12] = "gray";
menuItems[12][0] = "chpstkbuy";						urlLinks[12][0] = pageLang +"/buyonline/index.asp"

// ##### nav posstion 13 ##########
menuItems[13] = new Array();
urlLinks[13] = new Array();
itemColor[13] = "gray";
//backgroundColor[9] = "#FCEFE1";
onColor[13] = "gray";
menuItems[13][0] = "chpstkfind";					urlLinks[13][0] = pageLang +"/findstore/index.asp"

// ##### nav posstion 14 ##########
menuItems[14] = new Array();
urlLinks[14] = new Array();
itemColor[14] = "gray";
//backgroundColor[14] = "#FFFACB";
onColor[14] = "gray";
menuItems[14][0] = "chpstkspoffrs";					urlLinks[14][0] = "Javascript: SpecialOffers()"

// ##### nav posstion 15 ##########
menuItems[15] = new Array();
urlLinks[15] = new Array();
itemColor[15] = "gray";
//backgroundColor[9] = "#FFECD9";
onColor[15] = "gray";
menuItems[15][0] = "chap_pirates_nav";						urlLinks[15][0] = pageLang +"/pirates/index.asp"

// ##### nav posstion 16 ##########
menuItems[16] = new Array();
urlLinks[16] = new Array();
itemColor[16] = "gray";
//backgroundColor[4] = "#CFFDF2";
onColor[16] = "gray";
menuItems[16][0] = "chpstkshimmer";									    urlLinks[16][0] = "/productdetail.aspx?BrandProductName=True%20Shimmer%20Peppermint%20Rush&SelTab=2"
menuItems[16][1] = "True Shimmer™ Botanical    Berry";						urlLinks[16][1] = "/productdetail.aspx?BrandProductName=True%20Shimmer%20Peppermint%20Rush&SelTab=2"
menuItems[16][2] = "True Shimmer™ Tropical";				        urlLinks[16][2] = "/productdetail.aspx?BrandProductName=True%20Shimmer%20Peppermint%20Rush&SelTab=2"

// ##### nav posstion 17 ##########
menuItems[17] = new Array();
urlLinks[17] = new Array();
itemColor[17] = "gray";
onColor[17] = "gray";
menuItems[17][0] = "chpstkfresh";									    urlLinks[17][0] = "/productdetail.aspx?BrandProductName=Fresh%20Effects%20Refreshing%20Mandarin&SelTab=0"
menuItems[17][1] = "Refreshing Mandarin";	urlLinks[17][1] = "/productdetail.aspx?BrandProductName=Fresh%20Effects%20Refreshing%20Mandarin&SelTab=0"
menuItems[17][2] = "Invigorating Green Tea Mint";				        urlLinks[17][2] = "/productdetail.aspx?BrandProductName=Fresh%20Effects%20Invigorating%20Green%20Tea%20Mint&SelTab=1"


//function to write out the nav.
function MakeNav(keepOn,subOn){
	stayOn = "n"+keepOn 
	document.write('<font color="#666666" face="Verdana, Arial, Helvetica, sans-serif" pointsize="6">');
	document.write('<table id="tblnav" border="0" height="13" cellspacing="0" cellpadding="0" width="180">');
	document.write('<tr>');
	document.write('	<td height="16"></td>');
	document.write('</tr>');
	document.write('</table>');
	
	document.write('<table id="tblnav" border="0" cellspacing="0" cellpadding="0" width="180">');
	// loop through to make the main nav items
	for(var m=0;m<menuItems.length;m++){
		i = setToPlace[m]
		if(menuItems[i][0] != ""){
		
		inRoll = "doRoll('"+menuItems[i][0]+"','in');";
		outRoll = "doRoll('"+menuItems[i][0]+"','out');";

		//check to see if one of the main nav items should be lite up
		if(keepOn == i){
			if (i !=0)
			{
				document.write('<tr>');
				document.write('<td bgcolor="#CCCCCC" height="1px" ></td>');
				document.write('</tr>');
			}
			document.write('<tr>');
			document.write('	<td height="3"></td>');
			document.write('</tr>');
			document.write('<tr>');
			document.write('	<td width="140" align="center"><a href="'+urlLinks[i][0]+'" ><img src=" '+ pageLang + '/images/' + menuItems[i][0] + '_on.gif" border="0" OnMouseOver="'+inRoll+'" OnMouseOut="'+inRoll+'" name="'+menuItems[i][0]+'"></a></td>');
			document.write('</tr>');

			//check to see if there is any sub nav items
			if(menuItems[keepOn].length >= 2){ // if yes there are sub nav items
			document.write('<tr>');
			document.write('	<td align="left" height="3"></td>');

			// loop through the sub nav items for the main nav item that is lite up
					for(var d=1;d<menuItems[keepOn].length;d++){
						
						//alert(d);
						//	showImage(i+'_'+d, 1);
						//"doRoll('"+menuItems[i][0]+"','in');";
									
								inImage = "showImage('"+i+"_"+d+"', 'in');";
								outImage = "showImage('"+i+"_"+d+"', 'out');";
								
								//alert(inImage);
								//alert(outImage);

						//check to see if the sub nav should be lite up as well
						if(subOn == d)
						{ 
							//if(d+1 < menuItems[keepOn].length)
							{
								document.write('<tr>');
								document.write('	<td align="right"><img src="/images/smallrule.gif"></td>');
								document.write('</tr>');
							}
							document.write('<tr>');
							document.write('<td><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif" pointsize="6">');
							document.write('		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/bullet.gif" width="5" height="5" border="0" name="'+i+'_'+d+'"><a href="'+urlLinks[keepOn][d]+'" style="text-decoration:none; color:'+onColor[i]+';border-bottom:none" >'+menuItems[keepOn][d]+'</a>');
							document.write('</td></font>');
							
						}// end if
						//if none of the sub navs should be lite up
						else{
							if(d+1 == menuItems[keepOn].length){
								document.write('<tr>');
								document.write('	<td height="2"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('	<td align="right"><img src="/images/smallrule.gif"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('	<td height="2"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('<td>');
								document.write('	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/5X5.gif" width="5" height="5" border="0" name="'+i+'_'+d+'"><a href="'+urlLinks[keepOn][d]+'" style="text-decoration:none; color:'+onColor[i]+';border-bottom:none" >'+menuItems[keepOn][d]+'</a>');
								document.write('</td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('	<td height="3"></td>');
								document.write('</tr>');
							}
							else{
								document.write('<tr>');
								document.write('	<td height="2"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('	<td align="right"><img src="/images/smallrule.gif"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('	<td height="2"></td>');
								document.write('</tr>');
								document.write('<tr>');
								document.write('<td>');

								document.write('<table id="tblnav" border="0" cellspacing="0" cellpadding="0">');
								document.write('<tr>');
									document.write('<td>');
									//inRoll = alert('d');
									document.write('		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/5X5.gif" width="5" height="5" border="0" name="'+i+'_'+d+'">');
									document.write('</td>');
									document.write('<td>');
									document.write('<a href="'+urlLinks[keepOn][d]+'" style="text-decoration:none; color:'+onColor[i]+';border-bottom:none" >'+menuItems[keepOn][d]+'</a>');
									//document.write('<a href="'+urlLinks[keepOn][d]+'" style="text-decoration:none; color:'+onColor[i]+';border-bottom:none" OnMouseOver="'+inImage+'" OnMouseOut="'+outImage+'">'+<img src="/images/' + menuItems[i][0] + '_on.gif" border="0" OnMouseOver="'+inRoll+'" OnMouseOut="'+inRoll+'" name="'+menuItems[i][0]+'">+'</a>');
									
								document.write('</td>');
								document.write('</tr>');
								document.write('</table>');
								
								document.write('</td>');
								document.write('</tr>');
							}
						} // end else
		
					} // end sub nav lite up loop
			document.write('	</td>');
			document.write('</tr>');
			
			}//end sub nav loop
			else{// add white space if there is no subnav to on state
			document.write('<tr>');
			document.write('	<td height="3"></td>');
			document.write('</tr>');
			}
		}// end check to see if main nav should be lite up
		// if main nav is not lite up
		else{
		
			if(m < menuItems.length && i != 0)
			{
				document.write('</tr>');
				document.write('<tr>');
				document.write('<td bgcolor="#CCCCCC" height="1px" ></td>');
				document.write('</tr>');
			}
			//alert('mainnav ' + i);
			var name = menuItems[0][0];
			//alert(name);
			document.write('<tr>');
			document.write('	<td height="3"></td>');
			document.write('</tr>');
			document.write('<tr>');
		    document.write('	<td width="140"  align="center" valign="middle"><a href="'+urlLinks[i][0]+'" OnMouseOver="'+inRoll+'" OnMouseOut="'+outRoll+'" ><img border="0" src="'+ pageLang +'/images/' + menuItems[i][0] + '_off.gif"  name="'+menuItems[i][0]+'"></a></td>');
			document.write('<tr>');
			document.write('<tr>');
			document.write('	<td height="3"></td>');
			document.write('</tr>');
			
		}// end else
		}
	}// end main nav lite up loop
	document.write('</table></font>');
}// end function


	function doRoll(imgName, mouseDir){
		if(mouseDir == 'in'){
			document.images[imgName].src = pageLang + '/images/'+ imgName +'_on.gif';
		}
		else if(mouseDir == 'out'){
			document.images[imgName].src = pageLang +'/images/'+ imgName +'_off.gif';
		}
	}
	
	function showImage(imgName, bolImage){
		if(bolImage == 'in'){
			//document.images[imgName].src = '/images/bullet.gif';
		}
		else if(bolImage == 'out'){
			//document.images[imgName].src = '/images/5X5.gif';
		}
	}
	
	function url ()
	{
		location.href='http://www.cnn.com';
	}
	
	
	function goSelect(daform) {
		with(daform) {
			top.window.location=options[selectedIndex].value;
		}
}