/*--------------------------*/
// variables générales
/*--------------------------*/
var arrayParam = new Array();

/*--------------------------*/
// variables onglets top
/*--------------------------*/
var objImg = new Object();

/*--------------------------*/
// variables menu haut cadre droit
/*--------------------------*/
var coulBT0 = new Array("#e799af", "#e07f9b", "#da6688", "#d44d74", "#ce3360", "#c81a4c", "#aa0038", "#8b001e");
var coulBT1 = new Array("#dd3343", "#d40014", "#a60010", "#74000b", "#450007");
var coulBT2 = new Array("#e799af", "#e07f9b", "#da6688", "#d44d74", "#ce3360", "#c81a4c", "#aa0038", "#8b001e");
var objetCoul = {"coulBT0":coulBT0, "coulBT1":coulBT1, "coulBT2":coulBT2};

var arrayBT = new Array();
var aBT = new Array();
var id_presc = 14;

/*--------------------------*/
// variables menu gauche
/*--------------------------*/
var arrayUlP = new Array();
var arrayUlCurrentP = new Array();
var aClass = new Array();
var aClass2 = new Array();
var ulTab = new Array();


/*--------------------------*/
// au chargement de la page
/*--------------------------*/

$(document).ready(function(){
	
	//vérifie la version du browser
	checkBrowser();
	imageMail = new Image();
	imageMail.src = "css/images/mail.gif";
	imageMailOn = new Image();
	imageMailOn.src = "css/images/mail_on.gif";
	imageAppel = new Image();
	imageAppel.src = "css/images/appel.gif";
	imageAppelOn = new Image();
	imageAppelOn.src = "css/images/appel_on.gif";
	
	if(browser == "ie6")
	{
		image3 = new Image();
		image3.src = "css/images/prescripteurs_ie.gif";
		image2 = new Image();
		image2.src = "css/images/professionnels_ie.gif";	
		image1 = new Image();
		image1.src = "css/images/particuliers_ie.gif";
		image3On = new Image();
		image3On.src = "css/images/prescripteurs_ie_on.gif";
		image2On = new Image();
		image2On.src = "css/images/professionnels_ie_on.gif";	
		image1On = new Image();
		image1On.src = "css/images/particuliers_ie_on.gif";		
		
		objImg = {"img_1" : image1, "img_2" : image2,"img_3" : image3, "img_1_on" : image1On,"img_2_on" : image2On,"img_3_on" : image3On, "mail" : imageMail, "mail_on":imageMailOn, "appel" : imageAppel, "appel_on":imageAppelOn};
		
		imgInit(objImg);
	}

	// récupère les valeurs dans l'URL
	arrayParam = extractUrlParams();
	
	// active les fonctions principales
	onglTop.init();
    gestionOngletsSsRub();
    cacheListeGH();
});
function imgInit(pObjImg)
{
	$("#bt3").html("<img src='"+pObjImg["img_3"].src+"' border='0' alt='Prescripteur - Antargaz' width='125' height='24' id='img_3'/>").click(function(){window.location.href=$(this).parent().attr("href")});
	$("#bt2").html("<img src='"+pObjImg["img_2"].src+"' border='0' alt='Professionnels - Antargaz' width='125' height='24' id='img_2'/>").click(function(){window.location.href=$(this).parent().attr("href")});
	$("#bt1").html("<img src='"+pObjImg["img_1"].src+"' border='0' alt='Particuliers - Antargaz' width='125' height='25' id='img_1'/>").click(function(){window.location.href=$(this).parent().attr("href")});
	$("#mail").html("<img src='"+pObjImg["mail"].src+"' border='0' alt='Mail - Antargaz' width='120' height='20'/>").hover(function()
	{
		$(this).find("img").attr("src", pObjImg["mail_on"].src);
	},function()
	{
		$(this).find("img").attr("src", pObjImg["mail"].src);
	});
	
	$("#appel").html("<img src='"+pObjImg["appel"].src+"' border='0' alt='Mail - Antargaz' width='120' height='30'/>").hover(function()
	{
		$(this).find("img").attr("src", pObjImg["appel_on"].src);
	},function()
	{
		$(this).find("img").attr("src", pObjImg["appel"].src);
	});
}




/*---------------- GESTION ONGLETS RUBRIQUE ------------------*/

var onglTop = (function()
{
	function posInit()
	{
		var idCurrent;
		
		$(onglTop.classOngl).each(function()
		{
			if($(this).parent().hasClass(onglTop.classCurrent) )
			{
				$(this).addClass(this.id + onglTop.extClass);
				$(this).css("width", onglTop.widthOn + "px");
				if(browser == "ie6")
				{
					menuImgOver($(this));
				}
				idCurrent = this.id;
			}
			else
			{
				$(this).addClass(this.id);
				$(this).hover(function()
				{
					overOngletTop(this, this.id)
				}, function(){
					outOngletTop(this, this.id)
				});
				$(this).css("width", onglTop.widthOut + "px");
			}//[/if]
			onglTop.arrOngl.push(this);
		});//[/each]
		posX(idCurrent);
	}
	
	function overOngletTop(pEl, pId)
	{
		/*
		applique à l'onglet survolé la classe 'btN_2';
		*/
		$(pEl).removeClass(pEl.id);
		$(pEl).addClass(pEl.id + onglTop.extClass);
		$(pEl).width(onglTop.widthOn + "px");
		$(pEl).css("z-index", "3");
		posX(pId);
		if(browser == "ie6")
		{
			menuImgOver($(pEl));
		}
	}
	
	function outOngletTop(pEl, pId)
	{
		/*
		supprime à l'onglet 'outvolé' la classe 'btN_2';
		*/
		$(pEl).addClass(pEl.id);
		$(pEl).removeClass(pEl.id + onglTop.extClass);
		$(pEl).width(onglTop.widthOut + "px");
		$(pEl).css("z-index", "1");
		posX(pId);
		if(browser == "ie6")
		{
			menuImgOut($(pEl));
		}
	}

	function posX(pId)
	{
		/*
		permet de calculer la position 'right' de chaque onglet 
		en fonction de l'onglet qui le précéde;
		*/
		ongletTopLen = onglTop.arrOngl.length;
		for(var b=0; b<ongletTopLen; b++)
		{
			if( b == 0 )
			{
				onglTop.arrOngl[b].style.right="10px";
			}
			else
			{
				var y= b-1;
				onglTop.arrOngl[b].style.right = parseInt(onglTop.arrOngl[y].style.right) + (parseInt(onglTop.arrOngl[y].style.width)-10)+"px";
				
				//condition pouvant servir
				//if($("#"+onglTop.arrOngl[b-1].id).hasClass(onglTop.arrOngl[b-1].id+"_2") && $("#"+onglTop.arrOngl[b].id).hasClass(arrayOngletTop2[b].id))
			}
		}
	}
	//------ Spécial IE6 --------//
	function menuImgOver(el)
	{	
		var Id = el.attr("id").substring(2);
		var source = objImg["img_"+Id+"_on"].src;
		$(el).find("img").attr("width", $(el).width());
		$(el).find("img").attr("height", "30");
		$(el).find("img").attr("src", source);
	}
	function menuImgOut(el)
	{
		var Id = el.attr("id").substring(2);
		var source = objImg["img_"+Id].src;
		$(el).find("img").attr("width", onglTop.widthOut);
		$(el).find("img").attr("height", "24");
		$(el).find("img").attr("src", source);
		
	}
	return{
		arrOngl :			new Array(),
		classOngl : 		".ongletTop",
		classCurrent : 		"current",
		extClass :			"_2",
		widthOut :			"125",
		widthOn : 			"160",
		init: function()
		{
			
			posInit();
		}
	}
})();

/*---------------- GESTION ONGLETS SOUS RUBRIQUE ------------------*/

function gestionOngletsSsRub() {
	/*	
	Cette fonction permet de gérer :
		- les onglets au survol,
		- l'onglet de la sous rubrique courante,
		- la taille des onglets en fonction de leur nombre;	
	*/

	
	var rub ="";
	var tabCoul = "";
	var BTlen = 0;
	var i = 0;
	
	rub = arrayParam["rub"];
	if(rub == id_presc)
	{
		tabCoul = objetCoul["coulBT"+(2)];
	}
	else
	{
		tabCoul = objetCoul["coulBT"+(rub-2)];
	}
	
	$(".bt_a").each(function()
	{
		
		$(this).wrap("<div class='wrap'></div>");
		if(browser == "ie6" || browser == "ie7" || browser == "ie8" )
		{
			$(this).parent(".wrap").wrapInner("<table cellspacing='0' cellpadding='0'  height='100%' width='100%' class='wrap2'><tr><td style='height:auto;background-color:"+tabCoul[i]+";vertical-align:middle;'></td></tr></table>");
		}
		else
		{
			$(this).css("background-color", tabCoul[i]);
		}		
		if( this.className != ".current" )
		{
			if(!$(this).hasClass("current"))
			{
				$(this).hover(function()
				{
					
					BtOn($(this));

				},function()
				{

					BtOut($(this));	
				});
			}
		}
		i++;
	});
	tailleOnglets(i);
	BtOn($(".bt").find(".current"));
}
function BtOut(pId)
{
	
	pId.css("font-weight", "normal");
	
	if(browser == "ie6" || browser == "ie7" )
	{
		pId.parent().parent().parent().parent(".wrap2").find("td").css("height", "35px");
		pId.parent().parent().parent().parent().parent().find(".sousBT2").remove();
	}
	else if(browser == "ie8" )
	{
		pId.parent().parent().parent().parent().parent().find(".sousBT2").remove();
		pId.parent().parent().parent().parent(".wrap2").find("td").css("height", "35px");
	}
	else
	{
		pId.css("height", "35px");
		pId.parent().find(".sousBT2").remove();
	}
}
function BtOn(pId)
{
	/*
	permet d'appliquer l'état 'onglet courant';
	*/
	
	pId.css("font-weight", "bold");
	if(browser == "ie6")
	{
		pId.parent().parent().parent().parent().parent(".wrap").append("<div class='sousBT2'></div>");
		pId.parent().parent().parent().parent(".wrap2").find("td").css("height", "40px");
	}
	else if(browser == "ie8" || browser == "ie7")
	{
		pId.parent().parent().parent().parent().parent(".wrap").append("<div class='sousBT2'></div>");
		pId.parent().parent().parent().parent(".wrap2").find("td").css("height", "47px");
	}
	else
	{
		pId.css("height", "45px");
		pId.parent(".wrap").append("<div class='sousBT2'></div>");
	}
}
function tailleOnglets(pNum){
	/*
	permet de calculer la taille des onglets en fonction 
	de la taille du menu;
	*/

	var ongletWidth = Math.round((760-(5*pNum))/pNum);
	
	if(ongletWidth<140)
	{
		$(".bt").each(function()
		{
			$(this).css("width", (ongletWidth)+"px");
		});
		$(".bt_a").each(function()
		{
			$(this).css("width", (ongletWidth-4)+"px");
			$(this).parent().css("width", ongletWidth+"px");

		});
	}
	else
	{
		$(".bt").each(function()
		{
			$(this).css("width", "140px");
		});
		$(".bt_a").each(function()
		{
			$(this).css("width", "140px");
			$(this).parent().css("width", "140px");
		});
	}	
}

/*---------------- GESTION MENU GAUCHE------------------*/

function cacheListeGH()
{
 	var boolCurrent = false;
 	
 	$(".listPage").each(function()
 	{
 		$thisListe = $(this);
 		$thisListe.find("li").find("a").each(function()
 		{
 			if($(this).attr("class") == "current" )
 			{
 				boolCurrent = true;
 			}
 		});
 		if($thisListe.parent().find("a").attr("class") == "current")
 		{
 			boolCurrent = true;
 		}
 		if(boolCurrent == true)
 		{
 			$thisListe.css("display", "block");
 			boolCurrent = false;
 		}
 		else
 		{
 			$thisListe.css("display", "none");
 		}
  	});
}