window.addEvent('domready', init);

function init(){
	$('homebutton-on').fade('hide');
	$('aboutbutton-on').fade('hide');
	$('daybutton-on').fade('hide');
	$('nightbutton-on').fade('hide');
	$('mediabutton-on').fade('hide');
	$('registerbutton-on').fade('hide');
	$('facebookbutton-on').fade('hide');
	
	$('homebutton').addEvent('mouseover',over.pass("homebutton"));
	$('aboutbutton').addEvent('mouseover',over.pass("aboutbutton"));
	$('daybutton').addEvent('mouseover',over.pass("daybutton"));
	$('nightbutton').addEvent('mouseover',over.pass("nightbutton"));
	$('mediabutton').addEvent('mouseover',over.pass("mediabutton"));
	$('registerbutton').addEvent('mouseover',over.pass("registerbutton"));
	$('facebookbutton').addEvent('mouseover',over.pass("facebookbutton"));
	
	$('homebutton').addEvent('mouseout',out.pass("homebutton"));
	$('aboutbutton').addEvent('mouseout',out.pass("aboutbutton"));
	$('daybutton').addEvent('mouseout',out.pass("daybutton"));
	$('nightbutton').addEvent('mouseout',out.pass("nightbutton"));
	$('mediabutton').addEvent('mouseout',out.pass("mediabutton"));
	$('registerbutton').addEvent('mouseout',out.pass("registerbutton"));
	$('facebookbutton').addEvent('mouseout',out.pass("facebookbutton"));
}
function over(whichButton){
	$(whichButton + '-on').fade('in');
}
function out(whichButton){
	$(whichButton + '-on').fade('out');
}

window.addEvent('domready', function(){
	if($('banner_container') != null){
		new SlideItMoo({itemsVisible:1, // the number of thumbnails that are visible
						showControls:0, // show the next-previous buttons
						autoSlide:5000, // insert interval in milliseconds
						currentElement: 0, // the current element. starts from 0. If you want to start the display with a specific thumbnail, change this
						transition: Fx.Transitions.Quint.easeInOut,
						thumbsContainer: 'banners',
						elementScrolled: 'banner_container',
						overallContainer: 'banners_container'});
	}
})