var reqAccueil;
var currImg = 0;
var numSlider = 0;
var timer;
var timer2;
var marginPuces = 12;
var widthPuces = 12;
var transitionOn = false;

if (document.images)
{
	imgLeft = new Image(1,1);
	imgLeft.src = "img/left.png";
	imgRight = new Image(1,1);
	imgRight.src = "img/right.png";
	
	imgBackBtn = new Image(1,1);
	imgBackBtn.src = "img/BackBtn.jpg";
	imgBackBtn2 = new Image(1,1);
	imgBackBtn2.src = "img/BackBtn2.jpg";
	
	imgTrame = new Image(1,1);
	imgTrame.src = "img/Trame.png";
	imgTrame2 = new Image(1,1);
	imgTrame2.src = "img/Trame2.png";
	
	imgSliderBack1 = new Image(1,1);
	imgSliderBack1.src = "img/accueil/bandeau_01.jpg"; 
	imgSliderBack2 = new Image(1,1);
	imgSliderBack2.src = "img/accueil/bandeau_02.jpg"; 
	imgSliderBack3 = new Image(1,1);
	imgSliderBack3.src = "img/accueil/bandeau_03.jpg"; 
	imgSliderBack4 = new Image(1,1);
	imgSliderBack4.src = "img/accueil/bandeau_04.jpg"; 	
	imgSliderBack5 = new Image(1,1);
	imgSliderBack5.src = "img/accueil/bandeau_05.jpg"; 
	imgSliderBack6 = new Image(1,1);
	imgSliderBack6.src = "img/accueil/bandeau_06.jpg"; 
	
	imgSliderFront = new Image(1,1);
	imgSliderFront.src = "img/accueil/logo_graftfast_alpha.png";
	
	imgSliderFront2 = new Image(1,1);
	imgSliderFront2.src = "img/accueil/logo_graftfast_alpha2.png"; 
}

function Next(){
	if(!transitionOn){
		GoToNext();
	}
}

function Prev(){
	if(!transitionOn){
		GoToPrev();
	}
}

function InitSlider(){

	transitionOn = false;
	
	var pointsDiv = document.getElementById("idPointsDiv");
	
	$(".clsPrevNext").css("visibility", "visible");
	
	numSlider = $("#idSliderList .clsSliderDivItem").length;
	var i = 0;
	$("#idSliderList .clsSliderDivItem").each(
		function() {
			
			var newImgLink = document.createElement('a');
			newImgLink.href = "javascript:SlideTo(" + i + ")";
			pointsDiv.appendChild( newImgLink );
			
			var newImg = document.createElement( 'img' );
			newImg.className="clsPuce";
			newImgLink.appendChild( newImg );
			
			$(this).css("left", 1000 * i);
			
			i++;
		}
	)
	
	
	for( var i = 0; i < numSlider; i++ )
	{
		var currPuce = $("#idPointsDiv .clsPuce").get(i);
		$(currPuce).css("top", 5);
		$(currPuce).css("left", (widthPuces + marginPuces) * i);			
	}
	
	var totalWidthPuces = widthPuces * numSlider + marginPuces * (numSlider - 1);
	
	$("#idPointsDiv").css("width", totalWidthPuces);
	$("#idPointsDiv").css("left", 0.5 * (960 - totalWidthPuces));
	$("#idPointsDiv").css("visibility", "visible");
		
	$(".clsSliderDivFront").mouseover(function(event){
		TimerClear();
		Timer2Clear();
		ResetPrevNext();
   });
   
   $(".clsSliderDivFront").mouseout(function(event){
		if(!timer2){
			timer2 = setTimeout("Timer2Done()",1000);
		}
   });
   
   
   $("#idNextLink").mouseover(function(event){
		Timer2Clear();
		
   });
   $("#idNextLink").mouseout(function(event){
		Timer2Clear();
   });
   
   $("#idPrevLink").mouseover(function(event){
		Timer2Clear();
		
   });
   $("#idPrevLink").mouseout(function(event){
		Timer2Clear();
		
   });
   
   $("#idPointsDiv").mouseover(function(event){
		Timer2Clear();
		TimerClear();
		ResetPrevNext();
		
   });
   
   $("#idPointsDiv").mouseout(function(event){
		timer2 = setTimeout("Timer2Done()",1000);
		
   });
   
	HidePrevNext();
	ResetPuces();
   
	timer2 = setTimeout("Timer2Done()",1000);
}

function ResetPrevNext(){
	if(currImg == 0){
		$("#prev").hide()
	}else{
		$("#prev").show();
	}
	if(currImg == numSlider - 1){
		$("#next").hide()
	}else{
		$("#next").show();
	}
}

function SlideTo(_idx){
	if(_idx != currImg){
		GoTo(_idx);
	}
}

function HidePrevNext(){
	$("#prev").hide();
	$("#next").hide();
}

function ShowPrevNext(){
	$("#prev").show();
	$("#next").show();
}
 
function ResetPuces(){
	for( var i = 0; i < numSlider; i++ )
	{
	    var puceImg = $("#idPointsDiv .clsPuce").get(i);
		if(i != currImg){
			$(puceImg).attr("src", "img/Puce.jpg");
		}else{
			$(puceImg).attr("src", "img/Puce2.jpg");
		}
	}
}

function TimerDone(){
	
	transitionOn = true;
	
	TimerClear();
	timer = false;
	
	
	if(currImg == numSlider - 1){
		currImg = 0;
	}else{
		currImg++;
	}
	
	ResetPuces();
	DoEffect();
	
}

function GoTo(idTarget){
	if(currImg != idTarget && !transitionOn){
		transitionOn = true;
		TimerClear();
		Timer2Clear();
		currImg = idTarget;
		ResetPuces();
		ResetPrevNext()
		DoEffect2();
	}
}

function GoToPrev(){
	transitionOn = true;
	TimerClear();
	Timer2Clear();
	currImg--;
	ResetPuces();
	ResetPrevNext()
	DoEffect2();
}

function GoToNext(){
	transitionOn = true;
	TimerClear();
	Timer2Clear();
	currImg++;
	ResetPuces();
	ResetPrevNext()
	DoEffect2();
}

function Timer2Done(){
	
	Timer2Clear();
	timer2 = false;
	HidePrevNext();	
	if(!timer){
		timer = setTimeout("TimerDone()",7000);
	}
}

function DoEffect(){
	//$('#idSliderList').animate({left: (0 - currImg * 1000)}, 1000, function(){EffectFinished();});
	$('#idSliderList').animate({left: (0 - currImg * 1000)},{ duration: 1000, complete: EffectFinished});
}

function EffectFinished(){
	transitionOn = false;
	timer = setTimeout("TimerDone()",5000);
}

function DoEffect2(){
	//$('#idSliderList').animate({left: (0 - currImg * 1000)}, 1000, function(){EffectFinished2();});
	$('#idSliderList').animate({left: (0 - currImg * 1000)},{ duration: 1000, complete: EffectFinished2});
}

function EffectFinished2(){
	transitionOn = false;
}

function TimerClear(){
	try
	{
		clearTimeout(timer);
		timer = false;
	 }catch(err){
	 }
}

function Timer2Clear(){
	try
	{
		clearTimeout(timer2);
		timer2 = false;
	 }catch(err){
	 }
}










function AsynchAccueil(){
	if (reqAccueil.readyState == 4 && reqAccueil.status == 200 && reqAccueil.responseText != null && reqAccueil.responseText != "")
	{
		$("#lineFooter").css("display", "none");
		
		_gaq.push(['_trackEvent', 'page', '/graftfast.html']);
		
		currImg = 0;
		snumSlider = 0;
		
		$('#idMain').html(reqAccueil.responseText);
		
		InitSlider();
		InitButtons();
		
		SwitchLang();
	}
}

function InitButtons(){
	jQuery(".clsBtn").css("visibility", "visible");
	
	var numBtn = 0;
	var i = 0;
	jQuery(".clsBtn").each(
		function() {
			numBtn++;
			$(this).css("left" , i * (216 + 32));			
			i++;
		}
	)		
	
	$(".clsBtn").mouseover(function(event){
		$(".clsBtnImg", this).attr("src" , "img/BackBtn.jpg");
		$(".clsBtnTitre_FR", this).css("color" , "#0000FF");
		$(".clsBtnTitre_UK", this).css("color" , "#0000FF");
		$(".clsBtnTexte_FR", this).css("color" , "#0033FF");
		$(".clsBtnTexte_UK", this).css("color" , "#0033FF");
	});
	
	$(".clsBtn").mouseout(function(event){
		$(".clsBtnImg", this).attr("src" , "img/BackBtn2.jpg");
		$(".clsBtnTitre_FR", this).css("color" , "#FFFFFF");
		$(".clsBtnTitre_UK", this).css("color" , "#FFFFFF");
		$(".clsBtnTexte_FR", this).css("color" , "#CCCCCC");
		$(".clsBtnTexte_UK", this).css("color" , "#CCCCCC");
	});
}

function LoadAccueil(){
	
	TimerMediaClear();
	
	reqAccueil = MakeRequest();
	if(reqAccueil) {
		
		reqAccueil.onreadystatechange = AsynchAccueil;
		reqAccueil.open("GET", "graftfast.html", true);
		reqAccueil.send("");
	}
}