/*
 * Vertical Tabs
 *
 * Copyright (c) 2008 Neopost Diva 
 *
 *$Author: Pierre-Michel Villa
 * $Date: 2008-12-04 22:22:17 -0400 (Thu, 04 Dec 2008) $
 * $Rev: 1 $
 */
$( function() { // onload...do
    $('#container_master').cornerz({radius:20, corners: "tl br"}) // borderWidth: '1', background: '#ffffff', borderColor: '#e1e1e1' au premier bouton
	$('#container_menu').children(".default").removeClass("normal"); // On donne la classe normal au premier bouton
	$('#container_menu').children(".default").addClass("selected"); // On lui enlève son attribut "selected"
	var link = $('#container_menu>.selected>a').attr("href"); // On récupère le lien  du boutton sur lequel on a cliqué
		
	loadProductContentLink(link,'fast','slow');
		
	// On "écoute" chaque clic sur un élément de classe "selected" contenu dans un élément d'id "container_menu"
	$('#container_menu').children(".labelsolution").click( function() {
		if ($(this).hasClass("normal")) {
			var link = $("a", this).attr("href"); // On récupère le lien  du boutton sur lequel on a cliqué
			$('#container_menu>.selected').addClass("normal"); // On donne la classe normal au bouton précédemment sélectionné
			$('#container_menu>.selected').removeClass("selected"); // On lui enlève son attribut "selected"
			$(this).removeClass("normal"); // On enlève l'attribut "normal" au boutton cliqué
			$(this).addClass("selected"); // il devient donc "selected"
			return loadProductContentLink(link);
		}
		return false; // comme on est déjà sur le contenu du selected on ne fait simplement rien
	});

	// On "écoute" chaque clic sur un élément de classe "normal" contenu dans un élément d'id "container_menu"
	$('#container_menu').children(".labelproduct").click( function() {
		if ($(this).hasClass("labelfamily")) return false;
		var link = $("a", this).attr("href"); // On récupère le lien  du boutton sur lequel on a cliqué
		$('#container_menu>.selected').addClass("normal"); // On donne la classe normal au bouton précédemment sélectionné
		$('#container_menu>.selected').removeClass("selected"); // On lui enlève son attribut "selected"
		$(this).removeClass("normal"); // On enlève l'attribut "normal" au boutton cliqué
		$(this).addClass("selected"); // il devient donc "selected"
		return loadProductContentLink(link);
	});

})

/*  Updated by Jean-Mathieu, 03-2009
  *  Load the product content Div From a <A> element
  */
function loadProductContentA(menu, elt) {
	$('#container_menu>.selected').addClass("normal"); // On donne la classe normal au bouton précédemment sélectionné
	$('#container_menu>.selected').removeClass("selected"); // On lui enlève son attribut "selected"
	//celui choisi est "selected"

	if(menu==0) {
		$(".labelsolution").removeClass("normal");
		$(".labelsolution").addClass("selected");
		if(elt=="")elt = $(".labelsolution a:first-child").attr("href");
	} else {
		$(".labelsolution").removeClass("default");
		//sous-menu
		$(".labelproduct:eq("+(menu-1)+")").removeClass("normal");
		$(".labelproduct:eq("+(menu-1)+")").addClass("selected");
		if(elt=="")elt = $(".labelproduct:eq("+(menu-1)+") a:first-child").attr("href");
	}
	return loadProductContentLink(elt);
}

/*
  *  Load the product content Div From a string link
  */
function loadProductContentLink(link,fOut,fIn) {
	if(!fOut)fOut=600;
	if(!fIn)fIn=600;
	//ceci est la requète ajax pour afficher les pages dans la div de classe "main_content"
	jQuery.ajax( {
		url :link, //on donne à AJAX le lien que l'on a récupéré plus haut
		timeout :30000, //ceci est le temps que l'on doit attendre avant de dire qu'un page est inaccessible (en millisecondes)
		error : function() { //on définit ici le comportement du script en cas d'erreur
			alert("Failed to submit:" + link);
		},
		success : function(r) { // on définit ici le comportement du script en cas de succès de la requète AJAX
			$('div.main_content').fadeOut(fOut, function() { // on fait disparaitre rapidement le contenu de la div de classe "main_content"
				$('div.main_content').html(r); //la fonction html appliquée à la div de classe "main_content" permet de lui écrire du contenu html, ici la réponse "r" renvoyée par ajax (la page web link)
				$('div.main_content').fadeIn(fIn); // et on l'affiche lentement
				doOnNewContent();
			});

			return false;
		}
	})
	return false; //permet de ne pas recharche la page 
}

/*
  *  Ce qui doit etre appliquer on nouveau contenu charge
  */
function doOnNewContent() {
	if(typeof myLytebox != "undefined") {
		myLytebox.updateLyteboxItems();//actualise la detection des liens LyteBox
	}
	if(typeof initAccord != "undefined") {
		initAccord();
	}
	//tb_init('a.thickbox, area.thickbox, input.thickbox'); //actualise la detection des liens thickbox
}