/**************************
 **** BEGIN Home Nav Menu 
 **************************/

/**** Configs ****/

window.transitionDuration = 1800;
var opacityLow = 0.5;
var morphDelay = 4000;
var opacityDelay = 5200;

if (Browser.Engine.trident) { // Internet Explorer
	if (Browser.Engine.trident4) { // Internet Explorer 6
		window.yMax = 550;
	} else if (Browser.Engine.trident5) { // Internet Explorer 7
		window.yMax = 500;
	} else {
		//default value
	}
} else if (Browser.Engine.gecko) { // Firefox, or any Mozilla Browser
	window.yMax = 480;
} else if (Browser.Engine.webkit) { // Safari
	window.yMax = 480;
} else if (Browser.Engine.presto) { // Opera 9
	window.yMax = 480;
} else {
	window.yMax = 480;
}

/**** Methods ****/
var morphToggle = function(){
	var size = $('mainMenuContainer').getSize();
	if (this == null) {
		this == $('mainMenuTop');
	}

	if (size.y == window.yMax){ // Close Menu
		this.start('height', '0px');
	} else if (size.y == 0){ // Open Menu
		this.start('height', window.yMax + 'px');
	}
}

var morphOpen = function(){
	var size = $('mainMenuContainer').getSize();
	if (this == null) {
		this == $('mainMenuTop');
	}

	this.start('height', window.yMax + 'px');
}

var morphClose = function(){
	var size = $('mainMenuContainer').getSize();
	if (this == null) {
		this == $('mainMenuTop');
	}

	this.start('height', '0px');
}

var opacityToggle = function(){
	var currentOpacity = $('mainMenuTop').getStyle('opacity');

	if (currentOpacity == 1.0){ // Close Menu
		$('mainMenuTop').fade(opacityLow);
		//Fx = $('mainMenuTop').effect('fade', {transition: Fx.Transitions.Quad.easeIn});
	} else if (currentOpacity == opacityLow){ // Open Menu
		$('mainMenuTop').fade(1.0);
	}
}

var opacityOn = function(){
	$('mainMenuTop').fade(1.0);
}

var opacityOff = function(){
	$('mainMenuTop').fade(opacityLow);
}

window.addEvent('domready', function() {
	var mainMenu = $('mainMenu');
	var mainMenuContainer = $('mainMenuContainer');
	var mainMenuTop = $('mainMenuTop');
	
	mainMenuContainer.setStyle('height', window.yMax);

	mainMenuContainer = new Fx.Tween(mainMenuContainer, {
		duration: window.transitionDuration,
		link: 'cancel',
		transition: Fx.Transitions.Cubic.easeInOut
	});

	$('mainMenu').addEvents({
		'mouseenter': morphOpen.bind(mainMenuContainer),
		'mouseleave': morphClose.bind(mainMenuContainer)
	}); 

	$('mainMenu').addEvents({
		'mouseenter': opacityOn.bind(mainMenu),
		'mouseleave': opacityOff.bind(mainMenu)
	});

	window.addEvent('load', function() {
//		alert('LOAD'),
		morphClose.bind(mainMenuContainer).delay(morphDelay),
		opacityOff.bind(mainMenu).delay(opacityDelay);
	});
});



/*
	*************************
	**** END Home Nav Menu
	*************************
*/