subs = new Array(true,false,true,true,false);

hover_status = new Array(false,false,false,false,false);

buttons = new Array();
buttons_hover = new Array();
button_names = new Array('services','pricing','projects','downloads','contact');

i = 0;
do {
	buttons[i] = new Image();
	buttons[i].src = 'images/menu_button_' + button_names[i] + '.png';
	buttons_hover[i] = new Image();
	buttons_hover[i].src = 'images/menu_button_' + button_names[i] + '_hover.png';
	i++;
}
while (button_names[i]);

window.onload = function () {
	undisplay_subs();
	style_subs();
	if (typeof(products) != 'undefined') {
		products_onload();
	}
}

window.onresize = function () {
	setTimeout('reposition_subs()',1000);
}



function hover(element,state) {
	hover_status[element] = state;
	if (state) {
		undisplay_subs();
		if (subs[element]) {
			display_sub(element);
		}
		img_hover(element,state);		
	}
	else {
		setTimeout('out_check(' + element +')',100);
	}
}

function undisplay_subs() {
	i = 0;
	do {
		if (subs[i]) {
			document.getElementById('submenu_' + i).style.visibility = 'hidden';
		}
		i++;
	}
	while(button_names[i]);
}

function display_sub(element) {
	document.getElementById('submenu_' + element).style.visibility = 'visible';
}

function undisplay_sub(element) {
	document.getElementById('submenu_' + element).style.visibility = 'hidden';
}

function img_hover(element,state) {
	if (state) {
		top_elem = document.getElementById('menu');
		i = 0;
		do {
			if (i != element) {
				top_elem.getElementsByTagName('a').item(i).getElementsByTagName('img').item(0).src = buttons[i].src;
			}
			else {
				top_elem.getElementsByTagName('a').item(i).getElementsByTagName('img').item(0).src = buttons_hover[i].src;
			}
			i++;
		}
		while(top_elem.getElementsByTagName('a').item(i));
	}
	else {
		top_elem.getElementsByTagName('a').item(element).getElementsByTagName('img').item(0).src = buttons[element].src;
	}
}

function out_check(element) {
	if (!hover_status[element]) {
		img_hover(element,false);
		if (subs[element]) {
			undisplay_sub(element);
		}
	}
}

function style_subs() {
	i = 0;
	do {
		if (subs[i]) {
			document.getElementById('submenu_' + i).className = 'styled_submenu';
			document.getElementById('submenu_' + i).innerHTML = '<img src="images/submenu_top.png" class="top" />' + document.getElementById('submenu_' + i).innerHTML + '<img src="images/submenu_bottom.png" class="bottom" />';
		}
		i++;
	}
	while(button_names[i]);
	reposition_subs();
}

function reposition_subs() {
	i = 0;
	do {
		if (subs[i]) {
			position = findPos(document.getElementById('menu').getElementsByTagName('a').item(i).getElementsByTagName('img').item(0));
			document.getElementById('submenu_' + i).style.left = position[0] + 'px';
		}
		i++;
	}
	while(button_names[i]);
}

//Thanks to quirksmode.org for following, highly useful functions (2)!

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 op(elem,value) {
	elem.style.opacity = value/100;
	elem.style.filter = 'alpha(opacity=' + value + ')';
}

max_z = 3;

function page_hover(elem) {
	max_z++;
	elem.style.zIndex = max_z;
	op(elem,100);
}

function page_dehover(elem) {
	op(elem,80);

}