// JavaScript Document

var cont;
window.addEvent('domready', init);

function init() {
	var btn = $$('a.btn-slide');
	var items = $$('.menu-item');
	
	for(var i=0; i<btn.length; i++) {
		btn[i].container = items[i];
		btn[i].addEvent('mouseover', eventHandler);
		items[i].slide('hide');
		items[i].set('slide', { transition: Fx.Transitions.Pow.easeOut });
		items[i].addEvent('mouseleave', eventHandler);
	}
}

function eventHandler(event) {
	switch(event.type) {
		case 'mouseover':
			loadNav();
			if(cont != undefined) animateOut(cont);
			animateIn(this.container);
			cont = this.container;
			break;
		case 'mouseout':
			animateOut(this);
			break;
	}	
}

function animateOut(container) {	
	container.slide('out');	
}

function animateIn(container) {	
	container.slide('in');	
}