// JavaScript Document

//Web Developer : Maxime Vangeenderhuysen
//Copyright TKI 2010


//Execution de la fonction lorsque le DOM est entièrement chargé
$(document).ready(function()
{	
	//Calcul du nombre de diapos
	NbrDiapo = news.length;
	//Initialisation du compteur
	Cpt = 0;
	//Définition de la vitesse du Timer
	TSpeed = 8000;
	//Clic enregistré
	clicked = false;
	//Mouseover enregistré
	hover = false;
	
	//Ciblage de la bande de diapositive
	$("#carrousel")
		.wrap('<div id="carrousel_container"></div>')
		.css("width",(LImg * NbrDiapo)+"px")
		.css("height",HImg+"px");
	
	//Définition de la taille des diapos
	$("#carrousel li")
		/*.css("width",Reference.width())
		.css("height",Reference.height());*/
		.css("width",LImg+"px")
		.css("height",HImg+"px");
	
	//Ciblage de la zone de visualisation
	$("#carrousel_container")
		.css("z-index","10")
		.css("position","absolute")
		//Positionnement des boutons
		.before(''
			+	'<div style="width:'+LImg+'px; position:absolute; margin-top:15px; z-index:30"><div id="navPoints">'
			+	'</div></div>'
			+	'<a id="go_previous"></a>'
			+	'<a id="go_next"></a>'
			+	'<div id="caroussel_logo" style="z-index:50;"></div>'
		);
	
	//Définition de la charte CSS des boutons et bullets
		
	$(".carrousel_pagination")
		.css("margin","0px 0px 0px 0px")
		.css("padding","0px")
		.css("position","absolute")
		.css("z-index","20")
		.css("width",LImg+"px");
		
	$("#navPoints")
		.css("position","relative")
		.css("z-index","30")
		.css("margin","0px auto 0px auto")
		.css("width",(NbrDiapo * 28)+'px')
		.css("padding","0px")
		.css("text-align","center");
		
	/*$(".bullet_off")
		.css("display","block")
		.css("height","15px")
		.css("width","15px")
		.css("background","#333")
		//.css("-webkit-border-radius","13px")
		.css("border","1px #FFF solid");
		
	$("#navPoints li")
		.css("float","left")
		.css("display","block")
		.css("height","15px")
		.css("width","15px")
		.css("background","#333");*/
		
	//Fonctions
	initialize = function(){
		//Création des NavPoints
		for(i=0;i<NbrDiapo;i++){
			$("#navPoints").append('<a id="slide_'+i+'" class="bullet_off" href="javascript:nextSlide('+i+');"></a>');
		};
		$(".bullet_off")
			.css("position","relative")
			.css("float","left")
			.css("display","block")
			.css("height","15px")
			.css("width","15px")
			.css("background-image","url(fileadmin/templates/images/bullet_off.png)")
			.css("cursor","pointer")
			/*.css("background","#333")
			.css("-webkit-border-radius","13px")
			.css("border","3px #FFF solid")*/
			.css("margin","3px")
			.css("opacity","0.6");
		$('#slide_'+Cpt).removeClass("bullet_off");
		$('#slide_'+Cpt).addClass("bullet_on");
		$(".bullet_on")
			.css("position","relative")
			.css("float","left")
			.css("display","block")
			.css("height","15px")
			.css("width","15px")
			.css("background-image","url(fileadmin/templates/images/bullet_on.png)")
			.css("cursor","pointer")
			/*.css("background","#333")
			.css("-webkit-border-radius","13px")
			.css("border","3px #FFF solid")*/
			.css("margin","3px")
			.css("opacity","1");
	};
	reWrite = function(){
		//$("#carrousel li div").empty();
		//$("#carrousel li div").append(textTable[Cpt]);
		$("#navPoints").empty();
		initialize();
		$(document).pngFix();
	};
	nextSlide = function(param){
		if(param){
			Cpt=param;
			clicked = true;
		}
		else {
			Cpt++;
		};
		if(param==0){
			Cpt=0;
			$("#carrousel").animate({
				marginLeft : - (LImg * Cpt)
			});
		}
		else if(Cpt > (NbrDiapo-1)){
			Cpt=0;
			$("#carrousel").animate({
				marginLeft : - (LImg * Cpt)
			});
		}
		else{
			$("#carrousel").animate({
				marginLeft : - (LImg * Cpt)
			});
		};
		reWrite();
	};
	previousSlide = function(){
		Cpt--;
		if(Cpt < 0){
			Cpt=(NbrDiapo-1);
			$("#carrousel").animate({
				marginLeft : - (LImg * Cpt)
			});
		}
		else{
			$("#carrousel").animate({
				marginLeft : - (LImg * Cpt)
			});
		};
		reWrite();
	};
	
	//Déclenchement du timer
	$.timer(TSpeed, function (timer) {
		if(clicked){
			clicked = false;
			$.timer2(TSpeed, function (timer) {
				timer.reset(TSpeed);
			});
		}
		/*if(hover){
			$.timer3(TSpeed, function (timer) {
				timer.reset(TSpeed);
			});
		}*/
		else{
			nextSlide();
		};
	});
	
		
	//Définition des fonctions des boutons
	$("#go_next").click(function(){
		nextSlide();
		clicked = true;
	});
	$("#go_previous").click(function(){
		previousSlide();
		clicked = true;
	});
	
	//Arrêt du timer en RollOver
	/*$(".carrousel_pagination").mouseover(function(){
		hover = true;
	});
	$(".previous_btn").mouseover(function(){
		hover = true;
	});
	$(".next_btn").mouseover(function(){
		hover = true;
	});
	
	//Démarrage du timer en RollOut
	$(".carrousel_pagination").mouseout(function(){
		hover = false;
	});*/
	
	
	//Création des vignettes (images et textes) sur base du fichier "variables.js"
	for(i=0;i<NbrDiapo;i++){
		$("#carrousel").append('<div style="float:left; position:relative; display:block; width:'+LImg+'px; height:'+HImg+'px"><a style="display:block;" href="'+news[i].short+'"><div class="bodytext">'+news[i].bodytext+'</div></a><div class="bodytitlebg">'+news[i].title+'</div><div class="bodytextbg"></div><a style="display:block;" href="'+news[i].short+'"><img style="position:absolute; z-index=10;" src="uploads/pics/'+news[i].image+'" /></a></div>');
	};
		
	$("#carrousel div.bodytitlebg")
		.css("position","absolute")
		.css("z-index","30")
		.css("padding","15px")
		.css("margin","190px 0px 0px 50px")
		.css("overflow","auto")
		.css("color","#000")
		.css("font-size","18px")
		.css("width","370px")
		.css("height","100px")
		.css("text-transform","uppercase")
		.css("font-weight"),("bold")
		
	$("#carrousel div.bodytext")
		.css("position","absolute")
		.css("z-index","40")
		.css("padding","15px")
		.css("margin","225px 0px 0px 50px")
		.css("width","370px")
		.css("height","100px")
		.css("overflow","auto")
		.css("font-style","italic")
		.css("color","#000")
		.css("line-height","16px")
		
	$("#carrousel div.bodytextbg")
		.css("position","absolute")
		.css("z-index","20")
		.css("padding","15px")
		.css("margin","190px 0px 0px 50px")
		.css("width","370px")
		.css("height","100px")
		.css("opacity","0.7")
		.css("overflow","auto")
		.css("-webkit-box-shadow","2px 2px 5px #000")
		.css("background","#FFF")
		.css("font-style","italic")
		.css("color","#000");
	
	initialize();
});