/**
 * @author Nosy Mena
 */

dojo.require("dojo.parser");
dojo.require("nosymena.widgets.Bloc");
dojo.require("dojox.image.Lightbox");

dojo.addOnLoad(function () {
//	dojo.query("#onglets LI").connect("onclick", displayOnglet);
	dojo.query("#onglets IMG").connect("onmouseover", rollover);
	dojo.query("#onglets IMG").connect("onmouseout", rollover);
    console.debug("Fin Initialisation DOJO");
});
        
function displayOnglet( evt ) {
	// Pour éviter d'avoir le cadre de sélection sur l'onglet
	evt.target.blur();

	// Le menu est une suite de LI.
	// On recherche l'index du LI sélectionné.
	var selectedNode = evt.target.parentNode;
	var selectedIndex = dojo.indexOf(dojo.query("li", selectedNode.parentNode), selectedNode);
	
	// On supprime la class "active" à tous les LI et on l'ajout au LI sélectionné
	dojo.query("li", selectedNode.parentNode).removeClass("active");
	dojo.addClass(selectedNode, "active");
	activeOnglet(selectedIndex);
	
	// On affiche l'onglet associé
//	var widOnglets = dijit.byId("voyages");
//	widOnglets.selectChild(widOnglets.getChildren()[selectedIndex]);
	
	// On ne propage pas l'évènement pour ne pas recharger la page
	evt.preventDefault();
}

function activeOnglet( selectedIndex ) {
	dojo.query("li", dojo.byId("onglets")).forEach(function(node, index) {
		var imgNode = (dojo.query("img", node))[0];
		var imgSrc = imgNode.src;
		
		if (index == selectedIndex) {
			// On est sur l'onglet à activer
			imgSrc = imgSrc.replace("_off", "");	// en supprimant le suffixe _off, on obtient l'image "activée"
		}
		else {
			// On est sur un onglet à desactiver ou déjà desactivé
			var indexOfOff = imgSrc.lastIndexOf("_off");
			if (indexOfOff == -1) {
				// Onglet à desactiver
				var indexOfPoint = imgSrc.lastIndexOf(".");
				var extension = imgSrc.substring(indexOfPoint);
				imgSrc = imgSrc.replace(extension, "_off"+extension);
			}
		}
		imgNode.src = imgSrc;
	});
}

function rollover( evt ) {
	if (dojo.hasClass(evt.target.parentNode, "active")) return;
	
	var imgSrc = evt.target.src;
	
	var indexOfOff = imgSrc.lastIndexOf("_off");
	if (indexOfOff == -1) { // Onglet avec une sélection
		// On ajoute _off
		var indexOfPoint = imgSrc.lastIndexOf(".");
		var extension = imgSrc.substring(indexOfPoint);
		imgSrc = imgSrc.replace(extension, "_off"+extension);
	}
	else {
		imgSrc = imgSrc.replace("_off", "");
	}
	evt.target.src = imgSrc;
}