//// fade
YAHOO.namespace("visiomob");

//////////////////////////////////////
function init() {
/////////////O1
	YAHOO.visiomob.overlay1 = new YAHOO.widget.Overlay("overlay1", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay1.render("example");

/////////////O2
	YAHOO.visiomob.overlay2 = new YAHOO.widget.Overlay("overlay2", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay2.render("example");

/////////////O3
	YAHOO.visiomob.overlay3 = new YAHOO.widget.Overlay("overlay3", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay3.render("example");

/////////////O4
	YAHOO.visiomob.overlay4 = new YAHOO.widget.Overlay("overlay4", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay4.render("example");

/////////////O5
	YAHOO.visiomob.overlay5 = new YAHOO.widget.Overlay("overlay5", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay5.render("example");

/////////////O6
	YAHOO.visiomob.overlay6 = new YAHOO.widget.Overlay("overlay6", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay6.render("example");


	YAHOO.util.Event.addListener("show1", "mouseover", YAHOO.visiomob.overlay1.show, YAHOO.visiomob.overlay1, true);	
	YAHOO.util.Event.addListener("show2", "mouseover", YAHOO.visiomob.overlay2.show, YAHOO.visiomob.overlay2, true);	
	YAHOO.util.Event.addListener("show3", "mouseover", YAHOO.visiomob.overlay3.show, YAHOO.visiomob.overlay3, true);	
	YAHOO.util.Event.addListener("show4", "mouseover", YAHOO.visiomob.overlay4.show, YAHOO.visiomob.overlay4, true);	
	YAHOO.util.Event.addListener("show5", "mouseover", YAHOO.visiomob.overlay5.show, YAHOO.visiomob.overlay5, true);
	YAHOO.util.Event.addListener("show6", "mouseover", YAHOO.visiomob.overlay6.show, YAHOO.visiomob.overlay6, true);
}

//YAHOO.util.Event.onDOMReady(init);

///////////////////////////////////////

function initdefault() {
/////////////O1
	YAHOO.visiomob.overlay1 = new YAHOO.widget.Overlay("overlay1", {
	visible:true, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay1.render("example");

/////////////O2
	YAHOO.visiomob.overlay2 = new YAHOO.widget.Overlay("overlay2", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay2.render("example");

/////////////O3
	YAHOO.visiomob.overlay3 = new YAHOO.widget.Overlay("overlay3", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay3.render("example");

/////////////O4
	YAHOO.visiomob.overlay4 = new YAHOO.widget.Overlay("overlay4", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay4.render("example");

/////////////O5
	YAHOO.visiomob.overlay5 = new YAHOO.widget.Overlay("overlay5", {
	visible:false, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay5.render("example");

/////////////O6
	YAHOO.visiomob.overlay6 = new YAHOO.widget.Overlay("overlay6", {
	visible:true, effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.15}
	} );
	YAHOO.visiomob.overlay6.render("example");


	YAHOO.util.Event.addListener("show1", "mouseover", YAHOO.visiomob.overlay1.show, YAHOO.visiomob.overlay1, true);	
	YAHOO.util.Event.addListener("show2", "mouseover", YAHOO.visiomob.overlay2.show, YAHOO.visiomob.overlay2, true);	
	YAHOO.util.Event.addListener("show3", "mouseover", YAHOO.visiomob.overlay3.show, YAHOO.visiomob.overlay3, true);	
	YAHOO.util.Event.addListener("show4", "mouseover", YAHOO.visiomob.overlay4.show, YAHOO.visiomob.overlay4, true);	
	YAHOO.util.Event.addListener("show5", "mouseover", YAHOO.visiomob.overlay5.show, YAHOO.visiomob.overlay5, true);
	YAHOO.util.Event.addListener("show6", "mouseover", YAHOO.visiomob.overlay6.show, YAHOO.visiomob.overlay6, true);
}

YAHOO.util.Event.onDOMReady(initdefault);

///////////////////////////////////////

function hiddendiv(idmenu) {
	var divintro=document.getElementById('intro').getElementsByTagName('div');
	var amenu=document.getElementById('visio-menu').getElementsByTagName('a');
	var ahoverclass="mob-visio-menu-in";
	var anoclass="mob-visio-menu-no";
	
	// hide all div in div 'intro'
	for(i=0;i<divintro.length;i++)	{	
	var divtab=divintro[i];
	divtab.style.visibility = "hidden";
	}
	
	// cancel class for all <a>	
	for(i=0;i<amenu.length;i++)	{	
	var atab=amenu[i];
	atab.className = anoclass;
	}
	//YAHOO.util.Event.addListener(divid, YAHOO.salut.divid.show, YAHOO.salut.divid, true);
	//idclass.className=divclass;
	document.getElementById(idmenu).className=ahoverclass;
	init()
}
//////////////////////////////////
function UnderVisio(div_und,id_und,id_block) {
	var span_und, span_id;

	span_und=document.getElementById(div_und).getElementsByTagName('span');
	span_id=document.getElementById(id_und);
	span_block=document.getElementById(id_block);

	for(i=0;i<span_und.length;i++) {	
	var span_und_ar=span_und[i];
	span_und_ar.style.display = "none";
	}
	span_id.style.display = "block";
	span_block.style.display = "block";
}
//////////////////////////////////
function SwitchImg(id_swi,class_swi) {
	var img_swi, img_class;

	img_swi=document.getElementById(id_swi);
	img_class=id_swi + "_" + class_swi;

	img_swi.className = img_class;
}