/* ------------------------ VARIABLES GLOBALES ------------------------ */

var speedSlideUpAccordeon = 300;
var speedSlideDownAccordeon = 500;


var effectSlideUpAccordeon = "easeOutCubic";
var effectSlideDownAccordeon = "easeOutCubic";


/* ------------------------ INIT ------------------------ */
$(document).ready(function(){
	
	// On met le PNG Fix sur le conteneur global de la home
	$("#container").pngFix(); 
	
	// On initialise les evenements
	initEvents();
});

/* ------------------------ EVENEMENTS ------------------------ */

/* initEvents
 * 
 * Initialisation des evenements de la page
 * 
 */
function initEvents(){
	
	initMenu();
	initPage();	
	initFakeLinks();
}

/* initPage
 * 
 * Initialisation du contenu affiché lors du chargement de la page
 * 
 */

function initPage(){
	$("#pagePresentation").slideDown(speedSlideDownAccordeon, effectSlideDownAccordeon);
	switchBtnMenuOn($("#btnPresentation"));
	
}


/* initMenu
 * 
 * Initialisation des evenements du menu
 * 
 */
function initMenu(){
	// OVER/OUT Boutons Menu
	
	$(".btnMenu").hover(
	     function () {	
		 	if($(this).find(".page").css("display") == "none")
				switchBtnMenuOn(this);	
		  		
	     }, 
	     function () {
		 	if($(this).find(".page").css("display") == "none")
				switchBtnMenuOff(this);	
		  		
	     }
	   );	
	
	
	// Action sur le clic des boutons du menu
	$(".btnMenu").click(function(){
		goToPage($(this).attr("id_value"));
	});
	
	
	// Action sur les liens vers la rubrique Nos innovations
	$(".linkToInnovation").click(function(){
		clearPage();
		$("#btnNosInnovations").css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_left_btn_menu.png') no-repeat left top"});
		$("#btnNosInnovations").find("span").css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_right_btn_menu.png') no-repeat right top"});
		$("#btnNosInnovations").find("font").css({"background":"#ffffff", "color":"#0a7ec2"});
		$("#pageNosInnovations").slideDown(speedSlideDownAccordeon, effectSlideDownAccordeon);
	});
	
	// Action sur les liens vers la rubrique Nos innovations
	$(".linkToDevdur").click(function(){
		clearPage();
		$("#btnDevdur").css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_left_btn_menu.png') no-repeat left top"});
		$("#btnDevdur").find("span").css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_right_btn_menu.png') no-repeat right top"});
		$("#btnDevdur").find("font").css({"background":"#ffffff", "color":"#0a7ec2"});
		$("#pageDevDurable").slideDown(speedSlideDownAccordeon, effectSlideDownAccordeon);
	});

}

function initFakeLinks(){
	// Lien vers la rubrique developpement durable
	$(".linkToDevDurable").click(function(){return false;});
	$(".linkToDevDurable").click(goToDevDurable);
}


/* ------------------------ FONCTIONS ------------------------ */

/* goToPage
 * 
 * Affiche la page dont l'id_value est passé
 * 
 */
function goToPage(idValueToUse){
	clearPage();
	switchBtnMenuOn($("[id_value="+idValueToUse+"]"));
	$("#"+idValueToUse).slideDown(speedSlideDownAccordeon, effectSlideDownAccordeon);
}

/* clearPage
 * 
 * Réinitialisation (cachage) de tous les contenus
 * 
 */
function clearPage(){
	$(".page").slideUp(speedSlideUpAccordeon, effectSlideUpAccordeon);
	switchBtnMenuOff(".btnMenu");
}


/* switchBtnMenuOn
 * 
 * Etat On/Over des boutons du menu
 * 
 */

function switchBtnMenuOn(curBtnMenu){
	$(curBtnMenu).css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_left_btn_menu.png') no-repeat left top"});
	$(curBtnMenu).find("span").css({"background":"url('/UPLOAD/Sites/butagaz/fr/espace_entreprise/images/corner_right_btn_menu.png') no-repeat right top"});
	$(curBtnMenu).find("font").css({"background":"#ffffff", "color":"#0a7ec2"});
}

/* switchBtnMenuOff
 * 
 * Etat Off/Out des boutons du menu
 * 
 */

function switchBtnMenuOff(curBtnMenu){
	$(curBtnMenu).css({"background":"none"});
	$(curBtnMenu).find("span").css({"background":"none"});
	$(curBtnMenu).find("font").css({"background":"none", "color":"#ffffff"});
}

function goToDevDurable(){
	goToPage("pageDevDurable");
}

