window.onload = setupNav;

function setupNav() {

	navsections = Array('about','services','trucks','clients','contact');

	 for (i=0; i < navsections.length; i++) {
                this_section = navsections[i];
                document.getElementById(this_section).onmouseout = hideEquipmentMenu;
	}

	document.getElementById('equipment').onmouseover = showEquipmentMenu;
	document.getElementById('equipment_menu').onmouseleave = hideEquipmentMenu;

	/*
	if (document.images) {

  		aboutpic = new Image(87,28); 
  		aboutpic.src = "/images/nav/aboutglow.gif"; 

  		servicespic = new Image(114,28); 
  		servicespic.src = "/images/nav/servicesglow.gif"; 

		approachpic = new Image(128,28);
                approachpic.src = "/images/nav/approachglow.gif";

		clientspic = new Image(106,28);
                clientspic.src = "/images/nav/clientsglow.gif";

		contactpic = new Image(104,28);
                contactpic.src = "/images/nav/contactglow.gif";
	}

	for (i=0; i < navsections.length; i++) {
		this_section = navsections[i];
		document.getElementById(this_section).onmouseover = rollOver;
		document.getElementById(this_section).onmouseout = clearRollOver;
	}
i	*/
	
}

function rollOver() {

	navname = this.id;
	imagepath = '/images/nav/';
	imageurl = imagepath + navname + 'glow.gif';
	this.style.backgroundImage = "url(" + imageurl + ")";

}

function clearRollOver() {

        navname = this.id;
        imagepath = '/images/nav/';
        imageurl = imagepath + navname + 'normal.gif';
        this.style.backgroundImage = "url(" + imageurl + ")";

}

function getPosition(oElement) {

        var iReturnValueY = 0;
        var iReturnValueX = 0;

        while( oElement != null ) {
                iReturnValueY += oElement.offsetTop;
                iReturnValueX += oElement.offsetLeft;
                oElement = oElement.offsetParent;
        }

        return [iReturnValueX,iReturnValueY];
}

function showEquipmentMenu() {

	equipment_button = document.getElementById('equipment');
	var button_position_array = getPosition(equipment_button);

	var button_position_x = button_position_array[0];
	var button_position_y = button_position_array[1] + 28;

	var equipment_menu = document.getElementById('equipment_menu').style;
	equipment_menu.left =  button_position_x + 'px';
	equipment_menu.top =  button_position_y + 'px';
	equipment_menu.display = 'block';
}

function hideEquipmentMenu() {

	var equipment_menu = document.getElementById('equipment_menu').style;
	equipment_menu.display = 'none';
}