var u = new Utils();
var banners = null;
var banner = null;
var buttons = null;
var currentIndex = null;
var currentEvent = null;


window.addEvent('domready', function(){
	$(document.body).setStyles({
	  'background-image':'url(shared/images/loader.gif)',
	  'background-position':'center 200px',
	  'background-repeat':'no-repeat'
	});
	
	preloadBanners();
	
	if($('nletter-submit')){
		$('nletter-submit').addEvent('click',function(e){
			e.preventDefault();
			$('nletter-form').submit();
		});
	}
	
	if($('email-input')){
		$('email-input').addEvent('focus',function(e){
			var i = e.target;
			i.value = '';
			i.setStyle('color','#333333');
		});
	}
});


function preloadBanners(){

	banners = new Asset.images(['shared/images/home-banner1.jpg','shared/images/home-banner2.jpg','shared/images/home-banner3.jpg'], { 
		onProgress:function(counter, index){
			//u.report(index)
		},
		
		onComplete:function(){
						
			$(document.body).setStyle('background','none');
		
			$$('#mainBox').setStyle('opacity',0);
			$$('#mainBox').fade('in');
			
			prepareMenu()
		}
	});

}

function showBanner(index){
	
}

function prepareMenu(){
	buttons = $$('ul#menu li a');
	banner = $('banner');
	banner.setStyle('opacity',0);
	banner.store('tweenOpacity',new Fx.Tween(banner,{property:'opacity',duration:500,link:'cancel'}));
	banner.retrieve('tweenOpacity').addEvent('onComplete',function(){
			if(banner.getStyle('opacity') == 0){ 
				if(currentEvent == 'out'){
					banner.empty();
					return; 
				} else {
					banner.empty();
					banner.grab(banners[currentIndex]);
					banner.retrieve('tweenOpacity').start(1);
				}
			}
	});
	//u.report(banner)
	
	$$(buttons).each(function(button,index){
		//console.log(index)
		button.addEvents({
			'mouseover':function(){
				currentEvent = 'over';
				currentIndex = index;
				if(!banner.getElement('img')){
					//console.log('c')
					banner.grab(banners[currentIndex]);
					banner.retrieve('tweenOpacity').start(1);
				} else {
					//banner.retrieve('tweenOpacity').cancel()
					banner.retrieve('tweenOpacity').start(0);
				}
			},
			
			'mouseout':function(){
				currentEvent = 'out';
				banner.retrieve('tweenOpacity').start(0);
			}
			
		})
	})
	
	/**/
}