// JavaScript Document


// ***Menu****

  function highlight(inObj){
    var theRow = inObj;
    theRow.className = "topbarcellon";
	PopulateSubMenu(theRow.id);
  }
  function noHighlight(inObj){
    var theRow = inObj;
    theRow.className = "topbarcelloff";	
  }

function PopulateSubMenu(SubID)
{		
	switch(SubID)
	{
	case "mnu-home":
		ClearMenus();
	  break    
	case "mnu-about-us":
		ClearMenus();
	  break
	case "mnu-roofing":
		ClearMenus();
		ChangeSubMenu('1','?page=roofing-coloroptions.php','Color Options');
		ChangeSubMenu('2','?page=roofing-slateprocess.php','Slate Process');
		ChangeSubMenu('3','?page=roofing-specifications.php','Specifications');
		ChangeSubMenu('4','?page=roofing-access.php','Roofing Accessories');
	    ShowMenus();	
	  break
	case "mnu-landscape":
		ClearMenus();
		ChangeSubMenu('1','?page=landscape-slate.php','Slate');
		ChangeSubMenu('2','?page=landscape-granite.php','Granite');
		ShowMenus();
	  break
	case "mnu-structural":
	 	ClearMenus();
		ChangeSubMenu('1','?page=structural-slate.php','Slate');
		ChangeSubMenu('2','?page=structural-granite.php','Granite');
		ShowMenus();
	  break
	case "mnu-specials":
	  	ClearMenus();
	  break
	case "mnu-contact-us":
	  	ClearMenus();
	  break  
	default:
	  
	}
}
function ChangeSubMenu(itemNUM,LinkTO,CurText)
{	
			if (document.getElementById){
				x = document.getElementById('submenuinner');			
			}
			else if (document.all){
				x = document.all['submenuinner'];		
			}
			else if (document.layers){
				x = document.layers['submenuinner'];			
			}
			if (x.innerHTML == ""){
				x.innerHTML = "<div class=\"submenustyle\" id=\"submenitem" + itemNUM + "\" onclick=\"location.replace('" + LinkTO + "')\"><a href=\"" + LinkTO + "\"" + ">" + CurText + "</a></div>";
			}
			else{
				x.innerHTML = x.innerHTML + "<div class=\"submenustyle\" id=\"submenitem" + itemNUM + "\" onclick=\"location.replace('" + LinkTO + "')\"><a href=\"" + LinkTO + "\"" + ">" + CurText + "</a></div>";
			}
}
function ClearMenus()
{	
			if (document.getElementById){
				x = document.getElementById('submenuinner');
				document.getElementById('submenutable').style.visibility = "hidden";
			}
			else if (document.all){
				x = document.all['submenuinner'];
				document.all['submenutable'].style.visibility = "hidden";
			}
			else if (document.layers){
				x = document.layers['submenuinner'];
				document.layers['submenutable'].style.visibility = "hidden";
			}
			x.innerHTML = "";
}
function ShowMenus()
{	
			if (document.getElementById){
				document.getElementById('submenutable').style.visibility = "visible";
			}
			else if (document.all){		
				document.all['submenutable'].style.visibility = "visible";
			}
			else if (document.layers){
				document.layers['submenutable'].style.visibility = "visible";
			}
			
			
			

}

function inputin(inObj){
    inObj.className = "inputhover"
  }
function inputout(inObj){
    inObj.className = "inputhoverout"
  }
  
 function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function setLyr(obj,lyr){
	var coors = findPos(obj);
		
	if (document.getElementById){
			var x = document.getElementById(lyr)
	}
	else if (document.all){
			var x = document.all[lyr]	
	}
	else if (document.layers){
			var x = document.layers[lyr]	
	}
	x.style.top = coors[1] + 25 + 'px';
	x.style.left = coors[0] + 'px';
}
function ShowPopup()
{	
	
		
			if (document.getElementById){
				x = document.getElementById('popupspecial');
				x.style.visibility = "visible";
				x.style.top = 100 + 'px';
				x.style.left = 100 + 'px';
			}
			else if (document.all){		
				x = document.all['popupspecial'];
				x.style.visibility = "visible";
				x.top = 100 + 'px';
				x.left = 100 + 'px';
			}
			else if (document.layers){
				x = document.layers['popupspecial'];
				x.style.visibility = "visible";
				x.style.top = 100 + 'px';
				x.style.left = 100 + 'px';
			}		

}
function HidePopup()
{	
			if (document.getElementById){
				x = document.getElementById('popupspecial');
				x.style.visibility = "hidden";
				
			}
			else if (document.all){		
				x = document.all['popupspecial'];
				x.style.visibility = "hidden";
				
				
			}
			else if (document.layers){
				x = document.layers['popupspecial'];
				x.style.visibility = "hidden";
				
			}
			
			
			

}