// JavaScript Document
function initMenuHome(e) {
	//var leftOffsetHome = 275;
	//var topOffsetHome = 60;
	var objOffsetHome = 100;
	//var content = $('container');
	var dropDownMenusHome = $('dropDownMenusHome').getElementsByClassName('dropDownMenuHome');
	//var xy = Position.cumulativeOffset(content);
	
	var count = 0;
	var zindex = 0;
	for (i = 0; i < dropDownMenusHome.length; i++) {
		var dropDownMenuHome = dropDownMenusHome[i];
		
		var buttonHome = Element.getElementsByClassName(dropDownMenuHome, 'buttonHome')[0];
		//buttonHome.style.zIndex = zindex++;
		buttonHome.style.left = (objOffsetHome * count++) + 'px';
		//buttonHome.style.left = (xy[0] + leftOffsetHome + (objOffsetHome * count++)) + 'px';
		//buttonHome.style.top = (xy[1] + topOffsetHome) + 'px';
		buttonHome.style.display = 'block';
		
		var menuHome = Element.getElementsByClassName(dropDownMenuHome, 'menuHome')[0];
		//menuHome.style.zIndex = zindex++;
		menuHome.style.display = 'none';
		menuHome.pos = i;
	}
	
	$('dropDownMenusHome').style.display = '';
}

var visibleMenuHome = null;

function checkHomeMenu(e) {
	var dropDownMenusHome = $('dropDownMenusHome').getElementsByClassName('dropDownMenuHome');
	var newVisibleMenuHome = null;
	for (i = 0; i < dropDownMenusHome.length; i++) {
		var dropDownMenuHome = dropDownMenusHome[i];
		
		var buttonHome = Element.getElementsByClassName(dropDownMenuHome, 'buttonHome')[0];
		var menuHome = Element.getElementsByClassName(dropDownMenuHome, 'menuHome')[0];
	
		var x = Event.pointerX(e)
		var y = Event.pointerY(e);
		var over1 = Position.within(buttonHome, x, y);
		var over2 = Position.within(menuHome, x, y);
		
		if (over1 == true || over2 == true)
			newVisibleMenuHome = menuHome;
		
		var xy = Position.positionedOffset(buttonHome);
		menuHome.style.left = xy[0] + 'px';
		menuHome.style.top = (xy[1] + 8) + 'px';
	}
	
	var dur = 0.33;
	var opa = 0.85;
	if (visibleMenuHome != newVisibleMenuHome) {
		if (visibleMenuHome != null) {
			Effect.Queues.get('menuHome'+visibleMenuHome.pos).each(function(e) {e.cancel();});
			Effect.Fade(visibleMenuHome, {duration: dur, queue: {position:'end', scope: 'menuFadeHome'}});
		}
		if (newVisibleMenuHome != null) {
			Effect.Queues.get('menuHome'+newVisibleMenuHome.pos).each(function(e) {e.cancel();});
			Effect.Appear(newVisibleMenuHome, {to: opa, duration: dur, queue: {position:'end', scope: 'menuHome'+newVisibleMenuHome.pos}});
		}
		visibleMenuHome = newVisibleMenuHome;
	}
}

Event.observe(window, 'load', initMenuHome);
//Event.observe(window, 'resize', initMenuHome);
Event.observe(document, 'mousemove', checkHomeMenu);