//----------------------------------------------------------------------------------------
/*
	Module menu V1.0 le 04/08/2011
	
	Modif 05/08/2011:  Ajout de commentaires
*/
//----------------------------------------------------------------------------------------
//Variables de configuration

var HAUTEUR=15;//height
var LARGEUR=930;//width

var POSX=157;//marge à gauche
var POSY=120;//marge en haut

var FOND="images/sous_menu_part.jpg";//fond du menu

//var SFOND="images/fond2.png";//fond du sous_menu

//Texte du menu
var IMG1="images/SPAS.png";
var IMG2="images/SPAS DE NAGE.png";
var IMG3="images/SAUNAS.png";
var IMG4="images/HAMMAMS.png";
var IMG5="images/ABRIS DE SPAS.png";
var IMG6="images/WELLNESS.png";

//Texte des sous menu
/*
var SIMG1="images/acryliques.png";
var SIMG2="images/mosaiques.png";
var SOUS_MENU_FALL=30;//hauteur final du sous menu
*/
//Fin des variables de configuration
//-----------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------
//Variables systeme

//Réduction du code document.getElement....
var menu;//menu
var sousmenu;//Sous menu

//Les calques pour les survoles
var bt1;
var bt2;
var bt3;
var bt4;
var bt5;

//Les images
var img1;
var img2;
var img3;
var img4;
var img5;

var $j = jQuery.noConflict();

var encours;//Pour eviter les boucles d'animations quand on reste sur un bouton

var section;

//-----------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------

function lancement_menu(var_section)
{
	section = var_section;
	//on cache le sous menu
	//$j("#Sous_menu").stop().animate({ opacity: 0}, 0, function (){} );
	
	//le Div principal
	menu = this.document.getElementById("Menu_app");
	
	//le sous menu
	sousmenu = this.document.getElementById("Sous_menu");
	
	//les bouttons
	bt1 = this.document.getElementById("bt1_menu");
	bt2 = this.document.getElementById("bt2_menu");
	bt3 = this.document.getElementById("bt3_menu");
	bt4 = this.document.getElementById("bt4_menu");
	if(this.document.getElementById("bt5_menu"))
		bt5 = this.document.getElementById("bt5_menu");
	else
		bt5 = this.document.getElementById("bt6_menu");
	
	//les images
	img1 = this.document.getElementById("img_menu1");
	img2 = this.document.getElementById("img_menu2");
	img3 = this.document.getElementById("img_menu3");
	img4 = this.document.getElementById("img_menu4");
	img5 = this.document.getElementById("img_menu5");
	
	//On place le menu dans la page, attribut sa taille
	menu.style.height = HAUTEUR;
	//menu.style.width = LARGEUR+"px";
	//menu.style.left = POSX+"px";
	//menu.style.top = POSY+"px";
	//On met le fond
	//menu.style.backgroundImage = 'url('+FOND+') repeat-y';
	menu.style.marginLeft = "auto";
	menu.style.marginTop = 0+"px";
	
	//Au survol de la souris
	/*$j('#bt1').mouseover(function() {survol("bt1");});
	$j('#bt2').mouseover(function() {survol("bt2");});
	bt3.onmouseover = function(){survol("bt3");};
	bt4.onmouseover = function(){survol("bt4");};
	bt5.onmouseover = function(){survol("bt5");};
	*/
	$j('#bt1_menu').click(function() {onclique_sousmenu(1, "sbtn1");});
	$j('#bt2_menu').click(function() {onclique_sousmenu(2, "sbtn1");});
	//$j('#bt5').click(function() {onclique_sousmenu(5, "sbtn1");});
	$j('#bt3_menu').click(function() {onclique_sousmenu(3, "sbtn1");});
	$j('#bt4_menu').click(function() {onclique_sousmenu(4, "sbtn1");});
	if(this.document.getElementById("bt5_menu"))
		$j('#bt5_menu').click(function() {onclique_sousmenu(5, "sbtn1");});
	else
		$j('#bt6_menu').click(function() {onclique_sousmenu(6, "sbtn1");});
		
	//on attribut les images
	img1.src = IMG1;
	img2.src = IMG2;
	img3.src = IMG3;
	img4.src = IMG4;
	if(this.document.getElementById("bt5_menu"))
		img5.src = IMG5;
	else
		img5.src = IMG6;
	}


//-----------------------------------------------------------------------------------------
//Fonction executé au survol d'un menu
/*
function survol(bt)
{
	switch(bt)
	{
		case "bt1":	construct(bt);
						break;	
		case "bt2":	construct(bt);
						break;
		case "bt3":	inverse(bt);
					encours = "bt3";
						break;
		case "bt4":	inverse(bt);
					encours = "bt4";
						break;
		case "bt5":	inverse(bt);
				encours = "bt5";
						break;
	}
}
*/
//-----------------------------------------------------------------------------------------
//Construction sous menu avant animation, puis animation du sous menu (il apparait)
/*
function construct(bt)
{
			//sousmenu.style.left = 0+"px";
			if(bt=="bt1")
			{	
				if(encours!="bt1")//si encours == bt1 alors je suis sur le bouton et l'animation a déja eu lieu donc je ne la refait pas
				{
					encours = "bt1";
			
					$j("#Sous_menu").stop().animate({ opacity: 0}, 0, function (){} );
					sousmenu.style.backgroundImage = 'url('+SFOND+')';
					sousmenu.innerHTML = "";
					sousmenu.innerHTML = "<table><tr><td id='sbt1'><img id='img_sousmenu1' src=''></td><td id='sbt2'><img id='img_sousmenu2' src=''></td></tr></table>";
					//placement et image du sous menu
					this.document.getElementById("img_sousmenu1").src=SIMG1;
					this.document.getElementById("img_sousmenu1").style.paddingTop=6+"px";
					this.document.getElementById("img_sousmenu1").style.paddingLeft=10+"px";
					this.document.getElementById("img_sousmenu2").src=SIMG2;
					this.document.getElementById("img_sousmenu2").style.paddingTop=10+"px";
					this.document.getElementById("img_sousmenu2").style.paddingLeft=7+"px";
				
					//onclick
					$j('#img_sousmenu1').click(function() {onclique_sousmenu(1, "sbtn1");});
					$j('#img_sousmenu2').click(function() {onclique_sousmenu(1, "sbtn2");});
				
					//placement général du sous menu en dessous du bouton 1
					sousmenu.style.left = 0+"px";
					sousmenu.style.top = 17+"px";
					
					//le sous menu apparait
					$j("#Sous_menu").stop().animate({ opacity: 1, top:SOUS_MENU_FALL}, 500, function (){});
				}
			}
			else if(bt=="bt2")
			{	

				if(encours!="bt2")
				{
					encours = "bt2";
					$j("#Sous_menu").stop().animate({ opacity: 0}, 0, function (){} );
					sousmenu.style.backgroundImage = 'url('+SFOND+')';
					sousmenu.innerHTML = "";
					sousmenu.innerHTML = "<table><tr><td id='sbt1'><img id='img_sousmenu1' src=''></td><td id='sbt2'><img id='img_sousmenu2' src=''></td></tr></table>";
					this.document.getElementById("img_sousmenu1").src=SIMG1;
					this.document.getElementById("img_sousmenu1").style.paddingTop=6+"px";
					this.document.getElementById("img_sousmenu1").style.paddingLeft=10+"px";
					this.document.getElementById("img_sousmenu2").src=SIMG2;
					this.document.getElementById("img_sousmenu2").style.paddingTop=10+"px";
					this.document.getElementById("img_sousmenu2").style.paddingLeft=6+"px";

					$j('#img_sousmenu1').click(function() {onclique_sousmenu(2, "sbtn1");});
					$j('#img_sousmenu2').click(function() {onclique_sousmenu(2, "sbtn2");});
				
					sousmenu.style.left = 184+"px";
					sousmenu.style.top = 17+"px";
					$j("#Sous_menu").stop().animate({ opacity: 1, top:SOUS_MENU_FALL}, 500, function (){});
				}
	
			}
	
}
*/
/*
//-----------------------------------------------------------------------------------------
//Le sous menu disparait
function inverse(bt)
{
		//diparition du menu
		$j("#Sous_menu").stop().animate({ opacity: 0, top:17}, 200, function (){sousmenu.style.top = 0+"px";} );
		
		//Plus aucune animation ne peu être lancé donc je 'vide' la var (DEBUG)
		encours = 0;
}
*/
//-----------------------------------------------------------------------------------------
//Quand on clique sur un sous menu ou un menu
function onclique_sousmenu(menu, btn)
{
	
	if(section=="part")
	{
		switch(menu)//Je renvoi en appelant la fonction 1 2 3 4 5 en fonction du bouton pricipal cliqué
		{
			case 1: //bouton 1 menu pricipal
					document.location.href="http://www.clairazur.com/spas.html";
					break;
			case 2: //bouton 2 menu pricipal
					document.location.href="http://www.clairazur.com/spas-nage.html";
					break;
			case 3: //bouton 3 menu pricipal
					document.location.href="http://www.clairazur.com/saunas.html";
					break;	
			case 4: //bouton 4 menu pricipal
					document.location.href="http://www.clairazur.com/hammams.html";
					break;	
			case 5: //bouton 5 menu pricipal
					document.location.href="http://www.clairazur.com/gazebos.html";
					break;	
			case 6: //bouton 5bis menu pricipal
					document.location.href="http://www.clairazur.com/wellness.html";
					break;	
		}
	}
	else
	{
		switch(menu)//Je renvoi en appelant la fonction 1 2 3 4 5 en fonction du bouton pricipal cliqué
		{
			case 1: //bouton 1 menu pricipal
					document.location.href="http://www.clairazur.com/spa-professionnel.html";
					break;
			case 2: //bouton 2 menu pricipal
					document.location.href="http://www.clairazur.com/spa-nage-professionnel.html";
					break;
			case 3: //bouton 3 menu pricipal
					document.location.href="http://www.clairazur.com/sauna-professionnel.html";
					break;	
			case 4: //bouton 4 menu pricipal
					document.location.href="http://www.clairazur.com/hammam-professionnel.html";
					break;	
			case 5: //bouton 5 menu pricipal
					document.location.href="http://www.clairazur.com/gazebos.html";
					break;	
			case 6: //bouton 5bis menu pricipal
					document.location.href="http://www.clairazur.com/wellness.html";
					break;	
		}
	}
}