//The following variables are used in the preload function	
	 	var suffix = new Array('a','i','o'); //Starts new array to preload images; 1st variable is the active state, 2nd variable is the inactive state, 3rd variable is the on state (if needed)
		var loaded = false; //Globally sets the loaded var to false so rollovers do not function until loaded
	 	var uExt = 'gif'; //The file extension of the rollover graphics for the Uroll function
		//var uPath = 'all';This is the path where the top nav rollover graphics live - it is set on each page
	
	//This function preloads rollover images for the dropNav function
	function uPreload(){
  		if(document.images){
    	var uArglen = arguments.length;
    	for(var i = 0; i < uArglen; i++){
      		var uArg = arguments[i];
     		var uSufLen = suffix.length;
      		for(j = 0; j < uSufLen; j++){
        var uSuf = suffix[j];
        uNew = uArg + uSuf + ' = new Image();';  eval(uNew);
        uSrc = uArg + uSuf + '.src = \'' + uPath + '/' + uArg + uSuf + '.' + uExt + '\';';  eval(uSrc);
	        		}
	        	}   
				loaded = true;
			}
		}
		
	//This function is for two rollover images and showing/hiding a div layer
	//dnDivstate is the state (hidden or visible) of the div layer mentioned on the next line
	//dnDiv is the div layer to be hidden or shown
	//dnName is name of 1st graphic
	//dndName is name of 2nd graphic
	//dnState is the rollover state of both graphics - active (a), inactive(i) or on(o)
	//uWstat is the browser window status message
	function dropNav(dnDivstate,dnDiv,dnName,dndName,dnState,dnWstat) {
		isNS4 = (document.layers) ? true : false;
		isIE4 = (document.all && !document.getElementById) ? true : false;
		isIE5 = (document.all && document.getElementById) ? true : false;
		isNS6 = (!document.all && document.getElementById) ? true : false;
		if (isIE4) { 
			if(dnDiv!='x') {
				var dnNavlayer = eval('document.all.'+dnDiv);
				dnNavlayer.style.visibility = dnDivstate;
				}
				if(document.images && loaded) {
					if(dnName!='x') {
		    		document.images[dnName].src = self[dnName + dnState].src;
		   			}
		   			if(dndName!='x') {
		   				document.images[dndName].src = self[dndName + dnState].src;
		  				}
		  			window.status = dnWstat;
		  		}	
		}else if (isNS4) {
			if(dnDiv!='x') {
				var dnNavlayer = eval('document.layers.'+dnDiv);
				dnNavlayer.visibility = dnDivstate;
				}
				if(document.images && loaded) {
		    		if(dnName!='x') {
		    		document.images[dnName].src = self[dnName + dnState].src;
		   			}
		   			if(dndName!='x') {
		   				dnNavlayer.document.images[dndName].src = self[dndName + dnState].src;
		  				}
		  			window.status = dnWstat;
		  		}
		}else if (isNS6 || isIE5) {
			if(dnDiv!='x') {
				var dnNavlayer = eval('document.getElementById'+'("'+dnDiv+'")');
				dnNavlayer.style.visibility = dnDivstate;
				}
				if(document.images && loaded) {
					if(dnName!='x') {
		    		document.images[dnName].src = self[dnName + dnState].src;
		   			}
		   			if(dndName!='x') {
		   				document.images[dndName].src = self[dndName + dnState].src;
		  				}
		  			window.status = dnWstat;
					}
	  		}
	  	}
	  	
	// This function opens a unique sized window; uUrl is the URL, uWidth is the window width, uHeight is the window height, uWinname is the window name
	function uPop(uUrl,uWidth,uHeight,uWinname){
		var aWin = window.open(uUrl,uWinname,'width='+uWidth+',height='+uHeight+',status=no,resizable=no,location=no,left=0,top=0,screenX=0,screenY=0,scrollbars=no,menubar=no');
		aWin.focus();
		}
		
		
	// This function preloads all of the graphics for the top navigation
	function onLoad() {
  		uPreload('strength','products','faqs','samples','contact','sportsgirl','symposium','selector','tips','change','health','healthfacts','makeachange','readmore','findout');
	}
		window.onload = onLoad;