// JavaScript Document
var yv=0;

var flag=false;
var img = new Array('images/about.jpg','images/programming.jpg','images/contact.jpg','images/about.jpg','images/programming.jpg','images/contact.jpg','images/products.jpg','images/products.jpg');
var imgh = new Array('images/about_h.jpg','images/programming_h.jpg','images/contact_h.jpg','images/about_h.jpg','images/programming_h.jpg','images/contact_h.jpg','images/products_h.jpg','images/products_h.jpg');

function getAbsoluteX (elm) {
var x = 0;
if (elm && typeof elm.offsetParent != "undefined") {
while (elm && typeof elm.offsetLeft == "number") {
x += elm.offsetLeft;
elm = elm.offsetParent;
}
}
return x;
};

function getAbsoluteY(elm) {
var y = 0;
if (elm && typeof elm.offsetParent != "undefined") {
while (elm && typeof elm.offsetTop == "number") {
y += elm.offsetTop;

elm = elm.offsetParent;
}
}
return y;
};

function divMouseOver(ids,idi)
{	

if (flag==false)
{ 
	var divs = document.getElementById(ids);
	
	var divi = document.getElementById(idi);
	divs.style.left = 	getAbsoluteX(divi);
	if (parseInt(idi)<= 2 || parseInt(idi)== 6)
	{
	divs.style.top = getAbsoluteY(divi)+(divi.height);}
	else
	{
	  divs.style.top = getAbsoluteY(divi)-(divs.offsetHeight);
	}
	divs.style.visibility = 'visible';
	divi.src=imgh[idi];
	flag=true;
  }
};

function divMouseOvers(ids,idi)
{	
if (flag==false)
{   
    var divs = document.getElementById(ids);
	var divi = document.getElementById(idi);
	divs.style.visibility = 'visible';
	divi.src=img[idi];
	flag=true;
	}
};


function menuMouseOut(ids,idi){
if (flag==true)
{
	eval("document.getElementById('"+ids+"').style.visibility='hidden';");	
 	eval("document.getElementById('"+idi+"').src=img["+idi+"];");
  
  flag=false;
	}
}