var xmlHttp
var links = ""
var subnav = ""
var cid = 0
var switcher = ""

var rollNav = { 

	init: function() { 
		var nav = document.getElementById('nav'); 
		var links = nav.getElementsByTagName('IMG');
		var subnav = document.getElementById('subnav');
		var sublinks = subnav.getElementsByTagName('LI');
		var subImg = subnav.getElementsByTagName('IMG');
		var prodImg = document.getElementById('prodImg');
		var enlargeImg = document.getElementById('enlarge');
		var handleroll = document.getElementById('handle_roll');
		var whatmakesthem = document.getElementById('what_makes_them');
		var viewThumbs = document.getElementById('view_thumbs');
		var navLinks = document.getElementById('navLinks');
		var whatsUp = "on"
		var onBack = "false"
		var catId = 0
		var navId = 0
		var navSrc = ""
		var img = ""
		
		
		for(i=0;i<links.length;i++){
			links[i].onmouseover = function(ev){
			if(whatsUp != "on"){
				//subnav.style.display = "inline"
				whatsUp = "on"
				catId = this.parentNode.id
				navId = this.id
				var navRep = catId.replace(/n/,"")
				catId = navRep
				
				navSrc = this
				switcher = ""
				navSrc.src = "/images/nav/nav_" + navId + "_over.gif"
				if(cidpar != null){
				if(navId != cidpar.childNodes[0].id){
				cidpar.childNodes[0].src = "/images/nav/nav_" + cidpar.childNodes[0].id + ".gif"
				}
				}else{
				onBack = "false"
				}
				}
			if(catId != ""){
			rollNav.callAjax(catId)	
			}else{
			//subnav.style.display = "none"
			whatsUp = "off"
			subnav.innerHTML = ""
			}
			}			
		}
		
		for(i=0;i<links.length;i++){
			links[i].onmouseout = function(ev){
				if(onBack == "false" && whatsUp == "on"){
				//subnav.style.display = "none"
				whatsUp = "off"
				navSrc.src = "/images/nav/nav_" + navId + ".gif"
				//rollNav.switchBack()
				switcher = ""
				}
					
			}
		}
		
		subnav.onmouseover = function(ev){
			//alert(switcher)
			if(switcher != "true"){
					navSrc.src = "/images/nav/nav_" + navId + "_over.gif"
			}
			
			//subnav.style.display = "inline"
			whatsUp = "on"
			
			
			for(i=0;i<subImg.length;i++){
				subImg[i].onmouseover = function(ev){
					img = this.src
					var finimg = img.replace(/.gif/,"_RO.gif")
					this.src = finimg 
				}
			}
			
			for(i=0;i<subImg.length;i++){
				subImg[i].onmouseout = function(ev){
					img = this.src
					var finimg = img.replace(/_RO.gif/,".gif")
					this.src = finimg
					//rollNav.switchBack()
				}
			}
			
		}
		
		subnav.onmouseout = function(ev){
			//subnav.style.display = "none"
			whatsUp = "off"
			navSrc.src = "/images/nav/nav_" + navId + ".gif"
			//rollNav.switchBack()			
		}
		
		navLinks.onmouseout = function(e){
			var state = rollNav.isNest(e, this)
			if (state != false){
				rollNav.switchBack()
			}
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		if(prodImg != null){
			prodImg.onmouseover = function(){
				document.getElementById("features_over").innerHTML = "<img src='/prodImages/" + this.name + ".jpg' />"	
				img = this.src
				var finimg = img.replace(/.gif/,"_RO.gif")
				this.src = finimg
			}
			
			prodImg.onmouseout = function(){
				document.getElementById("features_over").innerHTML = ""	
				img = this.src
				var finimg = img.replace(/_RO.gif/,".gif")
				this.src = finimg
			}
		}
		
		/*if(enlargeImg != null){
			enlargeImg.onmouseover = function(){
				img = this.src
				var finimg = img.replace(/.gif/,"_RO.gif")
				this.src = finimg
				img = this.name
				var finimg = img.replace(/med/,"enlarge")
				img = finimg
				document.getElementById("enlarge_over").innerHTML = "<img src='/prodImages/" + img +"' />"
				if(img == "XXL-F_enlarge.jpg" || img == "OT-XXL_enlarge.jpg"){
					document.getElementById("enlarge_over").style.marginLeft = "-388px"
				}
			}
			
			enlargeImg.onmouseout = function(){
				document.getElementById("enlarge_over").innerHTML = ""	
				img = this.src
				var finimg = img.replace(/_RO.gif/,".gif")
				this.src = finimg
			}
		}*/
		
		if(viewThumbs != null){
		var viewThumbsImg = viewThumbs.getElementsByTagName('IMG')
		
		for(i=0;i<viewThumbsImg.length;i++){
				viewThumbsImg[i].onmouseover = function(){
				img = this.src
				var finimg = img.replace(/_thumbs/,"")
				var finimg2 = finimg.replace(/gif/,"jpg")
				img = finimg2
				document.getElementById("enlarge_over").innerHTML = "<img src='" + img +"' />"
				if(finimg2.indexOf("XXL") != -1){
					document.getElementById("enlarge_over").style.marginLeft = "-205px"
				}else{
					document.getElementById("enlarge_over").style.marginLeft = "-115px"
				}
				}
			
			viewThumbsImg[i].onmouseout = function(){
				document.getElementById("enlarge_over").innerHTML = ""
			}
		}
		}
		
		
		if(whatmakesthem != null){
			whatmakesthem.onmouseover = function(){
				img = this.src
				var finimg = img.replace(/.gif/,"_RO.gif")
				this.src = finimg 	
			}
			
			whatmakesthem.onmouseout = function(){
				img = this.src
				var finimg = img.replace(/_RO.gif/,".gif")
				this.src = finimg 	
			}
		}
		
		
		
	}, 
	
	isNest: function(e, handler){
		if (!e){
			var e = window.event;
		}
		
		if (e.type != 'mouseout' && e.type != 'mouseover'){ 
		return false; 
		}
		var reltg = e.relatedTarget ? e.relatedTarget : 
		e.type == 'mouseout' ? e.toElement : e.fromElement; 
		while (reltg && reltg != handler){ 
		reltg = reltg.parentNode; 
		}
		return (reltg != handler); 
	},
	
	switchBack: function(){
		switcher = "true"
		rollNav.callAjax(cid)
		cidpar = document.getElementById("n" + cid)
		if(cidpar != null){
		cidpar.childNodes[0].src = "/images/nav/nav_" + cidpar.childNodes[0].id + "_over.gif"
		}
	},
	
	callAjax: function(theId) { 
		
	xmlHttp=this.GetXmlHttpObject();
	if (xmlHttp==null)	
  	{
  	alert ("Your browser does not support AJAX!");
  	return;
  	} 
	var url="/menu.asp";
	url=url+"?id="+theId;
	xmlHttp.onreadystatechange = function() { 
	if (xmlHttp.readyState==2){
		document.getElementById("subnav").innerHTML="Loading Nav....";
	}else if (xmlHttp.readyState==4){ 
	if (xmlHttp.status == 200) {
		document.getElementById("subnav").innerHTML=xmlHttp.responseText;
	} else {
		document.getElementById("subnav").innerHTML="";
	}
}
	}
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	},

	GetXmlHttpObject: function()
	{
	var xmlHttp=null;
	try
  	{
  	// Firefox, Opera 8.0+, Safari
  	xmlHttp=new XMLHttpRequest();
  	}
	catch (e)
  	{
  	// Internet Explorer
  	try
    	{
    	xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    	}
  	catch (e)
    	{
    	xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    	}
  	}
	return xmlHttp;
	}

	}

var cidpar

function loadStuff(str){

cid = str
rollNav.init()
rollNav.callAjax(cid)

cidpar = document.getElementById("n" + cid)
if(cidpar != null){
cidpar.childNodes[0].src = "/images/nav/nav_" + cidpar.childNodes[0].id + "_over.gif"
}
}






	
function getDealers(state,srch,zipcode,searchtype,count,radius) {  

var finst = state.replace(/ Dealers/,"")
state = finst
				
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
  

if(srch != "dealers"){
state = ""
srch = "locations"
zipcode = document.getElementById("zipcode").value

if(document.getElementById("count_radio").checked == false){
	searchtype = "radius"
}else{
	searchtype = "count"
}

count = document.getElementById("count").value
radius = document.getElementById("radius").value

}

var url="/dealers/results.asp";
	url=url+"?state=" + state + "&search=" + srch + "&zipcode=" + zipcode + "&searchtype=" + searchtype + "&count=" + count + "&radius=" + radius;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById("dealers_back").style.display="block";
document.getElementById("dealers_back_inner").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function hideDealer(){
	document.getElementById("dealers_back").style.display="none";
}