var currentMenu;


function init(panel) {
	gotoMenu("stockage");
	displaySecondMenu('contact');

	
}


function displaySecondMenu(menu) {

	returnObjById(menu).style.display = "block";

}

function gotoMenu(menu) {
	currentMenu = menu;
	
	if(menu == "stockage") {
		var c1 = returnObjById("ulStockage");
		c1.style.display="block";
		var c2 = returnObjById("ulVirtu");
		c2.style.display="none";
		var c2 = returnObjById("ulAlyseo");
		c2.style.display="none";
		var c2 = returnObjById("ulInfra");
		c2.style.display="none";

		var img = returnObjById("imgmenustockage");
		img.src = "/pics/onglet-stockage-s.png";
		img = returnObjById("imgmenuvirtu");
		img.src = "/pics/onglet-virtu.png";
		img = returnObjById("imgmenualyseo");
		img.src = "/pics/onglet-alyseo.png";
		img = returnObjById("imgmenualyseo");
		img.src = "/pics/onglet-alyseo.png";		
		img = returnObjById("imgmenuinfra");
		img.src = "/pics/onglet-infra.png";		
		returnObjById("submenustockage").style.display = "block";
		returnObjById("submenuvirtu").style.display = "none";
		returnObjById("submenualyseo").style.display = "none";
		returnObjById("submenuinfra").style.display = "none";
		if(carouselStockage != null) {
			carouselStockage.calculateSize();
		}
	}
	if(menu == "infra") {
		var c1 = returnObjById("ulStockage");
		c1.style.display="none";
		var c2 = returnObjById("ulVirtu");
		c2.style.display="none";
		var c2 = returnObjById("ulAlyseo");
		c2.style.display="none";
		var c2 = returnObjById("ulInfra");
		c2.style.display="block";
		
		var img = returnObjById("imgmenuinfra");
		img.src = "/pics/onglet-infra-s.png";
		img = returnObjById("imgmenustockage");
		img.src = "/pics/onglet-stockage.png";
		img = returnObjById("imgmenuvirtu");
		img.src = "/pics/onglet-virtu.png";
		img = returnObjById("imgmenualyseo");
		img.src = "/pics/onglet-alyseo.png";
		returnObjById("submenuinfra").style.display = "block";
		returnObjById("submenustockage").style.display = "none";
		returnObjById("submenuvirtu").style.display = "none";
		returnObjById("submenualyseo").style.display = "none";
		if(carouselInfra != null) {
			carouselInfra.calculateSize();
		}
	}
	if(menu == "virtu") {
		var c1 = returnObjById("ulStockage");
		c1.style.display="none";
		var c2 = returnObjById("ulVirtu");
		c2.style.display="block";
		var c2 = returnObjById("ulAlyseo");
		c2.style.display="none";
		var c2 = returnObjById("ulInfra");
		c2.style.display="none";
		
		var img = returnObjById("imgmenustockage");
		img.src = "/pics/onglet-stockage.png";
		img = returnObjById("imgmenuvirtu");
		img.src = "/pics/onglet-virtu-s.png";
		img = returnObjById("imgmenualyseo");
		img.src = "/pics/onglet-alyseo.png";
		img = returnObjById("imgmenuinfra");
		img.src = "/pics/onglet-infra.png";
		returnObjById("submenustockage").style.display = "none";
		returnObjById("submenuvirtu").style.display = "block";
		returnObjById("submenualyseo").style.display = "none";
		returnObjById("submenuinfra").style.display = "none";
		if(carouselVirtu != null) {
			carouselVirtu.calculateSize();
		}
	}
	if(menu == "alyseo") {
		var c1 = returnObjById("ulStockage");
		c1.style.display="none";
		var c2 = returnObjById("ulVirtu");
		c2.style.display="none";	
		var c2 = returnObjById("ulAlyseo");
		c2.style.display="block";
		var c2 = returnObjById("ulInfra");
		c2.style.display="none";
		var img = returnObjById("imgmenustockage");
		img.src = "/pics/onglet-stockage.png";
		img = returnObjById("imgmenuvirtu");
		img.src = "/pics/onglet-virtu.png";
		img = returnObjById("imgmenualyseo");
		img.src = "/pics/onglet-alyseo-s.png";
		img = returnObjById("imgmenuinfra");
		img.src = "/pics/onglet-infra.png";

		returnObjById("submenustockage").style.display = "none";
		returnObjById("submenuvirtu").style.display = "none";
		returnObjById("submenuinfra").style.display = "none";
		returnObjById("submenualyseo").style.display = "block";
		
		if(carouselAlyseo != null) {
			carouselAlyseo.calculateSize();
		}
	}

}

function swapimage(el) {
	var re = new RegExp("-s.png$", "g");
	if( ! el.src.match(re)) {
		el.src="/pics/onglet-stockage.png";
	} else {
		el.src="/pics/onglet-stockage-s.png";
	}

}

function changeSubMenuAlyseo(classname) {
		if(carouselStockage != null) {
			carouselStockage.calculateSize();
		}

		var els = document.getElementById("submenu" + currentMenu).getElementsByTagName("div");
		var num;

		for(var i=0; i < els.length; i++){
			var obj = els[i];
			if(classname == obj.id) {
				num = i;
			} 
		}
		if(currentMenu == "alyseo" && carouselAlyseo != null) {
			carouselAlyseo.scrollTo(num+1);
		}


}

function changeSubMenu(classname) {
		
		var els = document.getElementById("submenu" + currentMenu).getElementsByTagName("img");
		var num;

		for(var i=0; i < els.length; i++){
			var obj = els[i];
			if(classname == obj.id) {
				num = i;
			} 
		}
		if(currentMenu == "stockage" && carouselStockage != null) {
			carouselStockage.scrollTo(num+1);
		}
		if(currentMenu == "virtu" && carouselVirtu != null) {
			carouselVirtu.scrollTo(num+1);
		}		
		if(currentMenu == "infra" && carouselInfra != null) {
			carouselInfra.scrollTo(num+1);
		}		
}

function switchButton(el, state) {
	if(state == true) {
		el.src = "/pics/" + el.className + "-s.png";
	} else {
		el.src = "/pics/" + el.className + ".png";
	}
	return;
}

function returnObjById( id )
{
    if (document.getElementById)
        var returnVar = document.getElementById(id);
    else if (document.all)
        var returnVar = document.all[id];
    else if (document.layers)
        var returnVar = document.layers[id];
    return returnVar;
}



var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	if(enabling) {
		leftImage.src = "/pics/misc/previous-button.png";	
	} else {
		leftImage.src = "/pics/misc/previous-button.png";	
	}
	
};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the next button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: nextButtonStateHandler
 **/
var handleNextButtonState = function(type, args) {

	var enabling = args[0];
	var rightImage = args[1];
	
	if(enabling) {
		rightImage.src = "/pics/misc/next-button.png";
	} else {
		rightImage.src = "/pics/misc/next-button.png";
	}
	
};


/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'mycarousel'.) See the
 * HTML code below.
 **/
var carouselStockage; // for ease of debugging; globals generally not a good idea
var carouselVirtu;
var carouselAlyseo;
var carouselInfra;

var pageLoad = function() 
{
	var navnextC1 = new Array("nextarrowS1", "nextarrowS2", "nextarrowS3", "nextarrowS4", "nextarrowS5");
	var navprevC1 = new Array("prevarrowS1", "prevarrowS2", "prevarrowS3", "prevarrowS4", "prevarrowS5");

	var navnextC2 = new Array("nextarrowV1", "nextarrowV2", "nextarrowV3");
	var navprevC2 = new Array("prevarrowV1", "prevarrowV2", "prevarrowV3");

	var navnextC3 = new Array("nextarrowA1", "nextarrowA2", "nextarrowA3");
	var navprevC3 = new Array("prevarrowA1", "prevarrowA2", "prevarrowA3");

	var navnextC4 = new Array("nextarrowI1", "nextarrowI2", "nextarrowI3");
	var navprevC4 = new Array("prevarrowI1", "prevarrowI2", "prevarrowI3");
	
	carouselVirtu = new YAHOO.extension.Carousel("carouselVirtu", 
		{
			numVisible:        1,
			animationSpeed:    0.5,
			scrollInc:         1,
			navMargin:         20,
			firstVisible: 		1,
			autoPlay: 0,
			wrap:true,
			loadOnStart:true,
			prevElement:     navprevC2,
			nextElement:     navnextC2,
			size:              3,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);
	
	
	carouselStockage = new YAHOO.extension.Carousel("carouselStockage", 
		{
			numVisible:        1,
			animationSpeed:    0.5,
			scrollInc:         1,
			navMargin:         20,
			firstVisible: 		initPanel,
			autoPlay: 0,
			wrap:true,
			loadOnStart:true,
			prevElement:     navprevC1,
			nextElement:     navnextC1,
			size:              5,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);

	carouselAlyseo = new YAHOO.extension.Carousel("carouselAlyseo", 
		{
			numVisible:        1,
			animationSpeed:    0.5,
			scrollInc:         1,
			navMargin:         20,
			firstVisible: 		1,
			autoPlay: 0,
			loadOnStart:true,
			wrap:true,
			prevElement:     navprevC3,
			nextElement:     navnextC3,
			size:              3,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);

	carouselInfra = new YAHOO.extension.Carousel("carouselInfra", 
		{
			numVisible:        1,
			animationSpeed:    0.5,
			scrollInc:         1,
			navMargin:         20,
			firstVisible: 		1,
			autoPlay: 0,
			loadOnStart:true,
			wrap:true,
			prevElement:     navprevC4,
			nextElement:     navnextC4,
			size:              3,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);

	
};



YAHOO.util.Event.addListener(window, 'load', pageLoad);