var banner 		= Ext.get('moving_banner');
	var xleftCenter = Ext.get('center_content').getX()+120;
	
	//Animation Variable
	/*
		backBoth, bounceBoth, bounceIn, bounceOut, easeBoth, easeBothStrong
		easeIn, easeInStrong, easeNone, easeOut, easeOutStrong
		elasticBoth, elasticIn, elasticOut
	*/
	
	var AnimEasing 		= 'easeBothStrong';
	var AnimDuration 	= 1.5;
	
	var fistDistance	= -2220;
	var secondDistance	= -4350;
	
	var bannerOneX		= fistDistance + xleftCenter;
	var bannerSecondX	= secondDistance + xleftCenter;
	
	var currentX = 0;

	//Set le X en fonction de la position du center
	banner.setX(xleftCenter);

	
	var rightBtn = function(){
		
		if(!banner.hasActiveFx()){
			
			var lastBanner = false;
			
			if(banner.getX() == xleftCenter){
				bannerOneX		= fistDistance + xleftCenter;
				currentX 		= bannerOneX;
			}
			
			else if(currentX == bannerOneX){
				bannerSecondX	= secondDistance + xleftCenter;
				currentX 		= bannerSecondX;
				lastBanner		= true;
			}
			banner.shift({
				x		: currentX,
				easing	: AnimEasing,
				duration: AnimDuration
			});
			
			if(lastBanner){
				
				setTimeout(function(){openMenu();}, 3000);
				
			}
		}
	};
	
	/* OPEN MENU */
	
	function openMenu(){	
		Ext.get('menu_banner').slideIn("t",{

		});
	}
	
	/* OPEN OPEN SERVICE BANNER */
	
	function openServicesBanner(e,t,o){
		
		var el = t.parentNode;
		var elId = el.id.split("_")[2];

		if(elId != undefined){
			
			Ext.get('services_bannerbtn_01').puff({
				concurrent	: false,
				easing: 'easeOut'
			});
			Ext.get('services_bannerbtn_02').puff({
				concurrent: false,
				easing: 'easeOut'
			});
			Ext.get('services_bannerbtn_03').puff({
				concurrent: false,
				easing: 'easeOut'
			});
			Ext.get('services_bannerbtn_04').puff({
				concurrent: false,
				easing: 'easeOut'
			});
			Ext.get('services_bannerbtn_05').puff({
				concurrent: false,
				easing: 'easeOut',
				callback: function(){
					Ext.get("services_banner_"+elId).slideIn("l",{
						easing	: 'easeOutStrong',
						duration: 1,
						concurrent: false/*,
						callback: function(){
							Ext.get('container_menu_'+elId).slideIn('t',{});	
						}*/
					});			
				}
			});	
		}		
	}
	
	function closeServicesBanner(e,t,o){
		var elId = t.id.split("_")[3];	

		if(elId != undefined){
			
			/*Ext.get('container_menu_'+elId).slideOut('t',{
				callback: function(){
			*/		
					Ext.select('.services_bannerbtn').setVisible(true);
					Ext.get("services_banner_"+elId).slideOut("b",{
						easing: 'easeOut',
						useDisplay:true
					});	
			/*	}										 									 
			});*/	
		}	
	}
	
	/* BUTTON OVER (STROKE) */
	
	function btnOver(e,t,o){
		
		var el = t.parentNode;
		var elId = el.id.split("_")[2];
		
		/* Le ID renvoi le mot panel lors du puff ?!?! */
		if(elId != undefined && elId != 'panel'){
			//console.log('over-'+elId);
			Ext.get("services_bannerbtn_"+elId).setStyle({
				background:'url(images/intro/menu_banner_'+elId+'_over.png) no-repeat top left'
			});	
		}		
	}
	
	/* BUTTON OUT (SHADOW) */
	
	function btnOut(e,t,o){
		
		var el = t.parentNode;
		var elId = el.id.split("_")[2];
		
		/* Le ID renvoi le mot panel lors du puff ?!?! */
		if(elId != undefined && elId != 'panel'){
			//console.log('out-'+elId);
			Ext.get("services_bannerbtn_"+elId).setStyle({
				background:'url(images/intro/menu_banner_'+elId+'.png) no-repeat top left'
			});	
		}		
	}
	
	
	/* BUTTON OVER CONSULTER */
	
	function btnConsulterOver(e,t,o){
		t.src = 'http://www.imaginaxion.ca/images/intro/btn_consulter_over.png';
	}
	
	
	/* BUTTON CONSULTER OUT */
	
	function btnConsulterOut(e,t,o){
		t.src = 'http://www.imaginaxion.ca/images/intro/btn_consulter_out.png';
	}
	
	
	/* Resize the window */
	
	function resizeBanner(){
		
		var resizedX;
		
		if(!banner.hasActiveFx()){
			
			if(currentX == 0 || currentX == xleftCenter){
				xleftCenter = Ext.get('center_content').getX()+120;
				resizedX = xleftCenter;
			}
			
			else if(currentX == bannerOneX){
				xleftCenter = Ext.get('center_content').getX()+120;
				resizedX = fistDistance + xleftCenter;
			}
			
			else if(currentX == bannerSecondX){
				xleftCenter = Ext.get('center_content').getX()+120;
				resizedX = secondDistance + xleftCenter;
			}
			
			banner.setX(resizedX);
		}
		else{
			
			setTimeout(function(){resizeBanner();}, 500);
		}
		
	}
	
	// Events
	Ext.select('.banner_nextBtn').on('click', rightBtn);
	Ext.select('.services_bannerbtn').on('click', openServicesBanner);
	Ext.select('.btn_consulter').on('click', closeServicesBanner);
	Ext.select('.services_bannerbtn').on('mouseover', btnOver);
	Ext.select('.services_bannerbtn').on('mouseout', btnOut);
	Ext.select('.btn_consulter').on('mouseover', btnConsulterOver);
	Ext.select('.btn_consulter').on('mouseout', btnConsulterOut);
	
	
	window.onresize = resizeBanner;