// JavaScript Document
if (document.images)
{
  pic1= new Image(171,27); 
  pic1.src="/images/home/but-about.png"; 

  pic2= new Image(171,27); 
  pic2.src="/images/home/buthover-about.png"; 

  pic3= new Image(174,27); 
  pic3.src="/images/home/but-contact.png"; 

  pic4= new Image(174,27); 
  pic4.src="/images/home/buthover-contact.png"; 

  pic5= new Image(174,27); 
  pic5.src="/images/home/but-ourprod.png"; 

  pic6= new Image(174,27); 
  pic6.src="/images/home/buthover-ourprod.png"; 

  pic7= new Image(174,27); 
  pic7.src="/images/home/but-ourserv.png"; 

  pic8= new Image(174,27); 
  pic8.src="/images/home/buthover-ourserv.png"; 
}

var timerset = false;
var menuvis = false;
var prevmen = 0;
var contleft = 0;
var conttop = 0;
var menucount = 4
var timerid;
var timerid2;
var rollmenuobj
var finalX = 0;
var finalY = 0;
var hgt = 0;
var newpos = 0;
var rollspeed = 50;
var rollamt = 80;
var vanishspeed = 400;
var submencontainer;

function starttimer() {
	timerset = true;
	timerid = window.setTimeout( "hidemenus()", vanishspeed );
}
function cleartimer() {
	if (timerset) {
		window.clearTimeout ( timerid );
	}
	timerset = false;
}

function startdrop() {
	rollmenuobj.style.left = finalX + "px";
	rollmenuobj.style.top = (finalY-hgt) + "px";
	//rollmenuobj.style.display = 'inline';
	//var curpos = findPos(rollmenuobj);
	newpos = (finalY-hgt);
	//curpos[1];
	timerid2 = window.setTimeout( "rolldown()", rollspeed );
}
function stopdrop() {
	window.clearTimeout ( timerid2 );
}

function rolldown() {
	newpos = newpos + rollamt;
	if (newpos > finalY) {
		rollmenuobj.style.top = finalY + "px";
		timerset2 = false;
		stopdrop();
	} else {
		rollmenuobj.style.top = newpos + "px";
		//document.getElementById('output').innerHTML=rollmenuobj.style.left + " " + rollmenuobj.style.top;
		timerset2 = true;
		timerid2 = window.setTimeout( "rolldown()", rollspeed );
	}
}
function rollaction(obj,dir,image,menuid) {
if (!menuvis || prevmen!=menuid) {
	hidemenus();
	obj.src = webroot + '/images/' + dir + '/' + image;
	var pos;
	var width;
	
	pos = findPos(obj);
	//alert (pos[0] + " " + pos[1]);
	rollmenuobj = document.getElementById('sub-menu'+menuid);
	submencontainer = document.getElementById('submencontainer');
	submencontainer.style.display = 'inline';
	rollmenuobj.style.display = 'inline';
	menuvis = true;
	
	if (rollmenuobj.offsetWidth){ 
		 width=rollmenuobj.offsetWidth; 					
	} 
	else if(rollmenuobj.style.pixelWidth){ 
		 width=rollmenuobj.style.pixelWidth;					 
	}
	
	if (rollmenuobj.offsetHeight){ 
		 hgt=rollmenuobj.offsetHeight; 					
	} 
	else if(rollmenuobj.style.pixelHeight){ 
		 hgt=rollmenuobj.style.pixelHeight;					 
	}
	
	submencontainer.style.left = pos[0] + "px";
	submencontainer.style.top = (pos[1]+27) + "px";
	submencontainer.style.width = width + "px";
	submencontainer.style.height = hgt + "px";
	finalX = 0;//pos[0];
	finalY = 0;//pos[1]+27;
	prevmen=menuid;
	startdrop();
	}
	
	//menuobj.style.left = pos[0] + "px";	
	//menuobj.style.top = pos[1] + "px";
	//menuobj.style.display = 'inline';
	//menuobj._y=(pos[1]);
}

function pausecomp(millis) {
	var date = new Date();
	var curDate = null;
	
	do { curDate = new Date(); }
	while(curDate-date < millis);
}

function hidemenus() {
	menuvis = false;
	var obj;
	for (a = 1; a <= menucount; a++) {
		obj = document.getElementById('sub-menu' + a);
		obj.style.display='none';
		obj.style.top = "-1000px";
	}
	submencontainer = document.getElementById('submencontainer');
	submencontainer.style.display = 'none';
	submencontainer.style.top = "-1000px";

}

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 navto(url) {
	window.location = url;	
}