//---------------------------------------------------------------
// Opacity Displayer, Version 1.0
// Copyright Michael Lovitt, 6/2002.
// Distribute freely, but please leave this notice intact.
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY OBJECT
//
// Instantiates the object, defines the properties and methods.
function OpacityObject(divId, strPath) {
	this.id = divId;
	this.path = strPath;
	if (ns){
		if (browserVersion>=5) {
			this.layerObject = document.getElementById(divId).style;
		} else { 
			this.layerObject = eval("document."+divId);
		}
	} else {
		this.layerObject = eval(divId + ".style");
	}
	this.setBackground = od_object_setBackground;
}
// Uses AlphaImageLoader filter, or the css background property,
// as appropriate, to apply a PNG or GIF as the background of the layerObject.
function od_object_setBackground() {	
	if (pngAlpha) {
		this.layerObject.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.path+".png', sizingMethod='scale')";
	} else if (pngNormal) {
		this.layerObject.backgroundImage = 'url('+this.path+'.png)';
	} else {
		this.layerObject.backgroundImage = 'url('+this.path+'.gif)';
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY DISPLAY FUNCTION
// Outputs the image as a div with the AlphaImageLoader, or with
// a standard image tag.
function od_displayImage(strId, strPath, intWidth, intHeight, strClass, strAlt) {
	if (pngAlpha) {
		document.write('<div style="z-index:4000;height:'+intHeight+'px;width:'+intWidth+'px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+strPath+'.png\', sizingMethod=\'scale\')" id="'+strId+'" class="'+strClass+'"></div>');
	} else {
		document.write('<img src="'+strPath+'.png" width="'+intWidth+'" height="'+intHeight+'" id="'+strId+'" border="0" class="'+strClass+'" alt="'+strAlt+'"style="z-index:4000;" border="1" />');
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// OPACITY ROLL-OVER FUNCTIONS
function od_rollOver(strId, strColor) {	
	if (pngAlpha) {
		document.getElementById(strId).style.backgroundColor = strColor;
	} else {
	    if (document.images && (flag == true)) {
	        document[strId].src = eval(strId + "on.src");
	    }
	}
}
function od_rollOut(strId, strColor) {	
	if (pngAlpha) {
		document.getElementById(strId).style.backgroundColor = strColor;
	} else {
	    if (document.images) {
	        document[strId].src = eval(strId + "off.src");
	    }
	}
}
//---------------------------------------------------------------

//---------------------------------------------------------------
// global variables

// if IE5.5+ on win32, then display PNGs with AlphaImageLoader
if ((browser.isIE55 || browser.isIE6x) && browser.isWin32) {
	var pngAlpha = true;
	var strExt = ".png";
// else, if the browser can display PNGs normally, then do that. that list includes:
	//     -Gecko Engine: Netscape 6 or Mozilla, Mac or PC
	//     -IE5+ Mac (OpacityObject applies the background image at 100% opacity)
	//     -Opera 6+ PC
	//     -Opera 5+ Mac (Doesn't support dynamically-set background images)
	//     -Opera 6+ Linux 
	//     -Omniweb 3.1+ 
	//     -Icab 1.9+ 
	//     -WebTV 
	//     -Sega Dreamcast
} else if ((browser.isGecko) || (browser.isIE5up && browser.isMac) || (browser.isOpera && browser.isWin && browser.versionMajor >= 6) || (browser.isOpera && browser.isUnix && browser.versionMajor >= 6) || (browser.isOpera && browser.isMac && browser.versionMajor >= 5) || (browser.isOmniweb && browser.versionMinor >= 3.1) || (browser.isIcab && browser.versionMinor >= 1.9) || (browser.isWebtv) || (browser.isDreamcast)) {
	var pngNormal = true;
	var strExt = ".png";
	// otherwise, we use plain old GIFs
} else {
	var strExt = ".gif";
}

var ns = (document.all)?false:true;
var browserVersion = parseFloat(navigator.appVersion);
//---------------------------------------------------------------
function rollLI(obj,val){
	if(val){
		obj.style.backgroundColor="#35401F";
      obj.childNodes[0].childNodes[0].style.color="#FFFFFF";
   }else{
   	obj.style.backgroundColor="transparent";
      obj.childNodes[0].childNodes[0].style.color="#35401F";
   }
}
var showHideval=false;
function showHide(){
	if(showHideval){
		document.getElementById("divtransparence").style.display="none";
	   showHideval=false;
   }else{
	   document.getElementById("divtransparence").style.display="block";
		 document.getElementById("divtransparence").style.height="250px";
   	showHideval=true;
   }
}

onload=start

function start(){
		for(indice=divdessus;indice<maximg+1;indice++){
	    document.getElementById("divfond"+indice).style.display="block";
    }
		myinterval=setInterval("startAnim()",200);
}
function startAnim(){
	//reduction de la transparence du calque du dessus
   myobj=document.getElementById("divfond"+divdessus).style
   lastalpha=lastalpha-5;
   if(document.all&&document.getElementById){
   	myobj.filter="alpha(opacity="+lastalpha+")";
   }else{
   	myobj.opacity=(lastalpha/100);
      myobj.MozOpacity=(lastalpha/100);
   }
   if(lastalpha==0){
   	//réorganisation des z-index
      myobj.zIndex=1;
      for(indice=divdessus;indice<maximg+1;indice++){
      	//alert((document.getElementById("divfond"+indice).style.zIndex*1)+1);
			document.getElementById("divfond"+indice).style.zIndex=(document.getElementById("divfond"+indice).style.zIndex*1)+1;
	   }
      if(document.all&&document.getElementById){
   		myobj.filter="alpha(opacity=100)";
	   }else{
   		myobj.opacity=1;
   	   myobj.MozOpacity=1;
	   }
      lastalpha=100;
      divdessus++;
   }
   if(divdessus>maximg){
   	divdessus=1;
    clearInterval(myinterval);
   }
}
function chgImg(myurl){
	document.getElementById("exemple").src=myurl;
}
function rollon(lib){
	//alert()
	document.getElementById(lib+'_off').style.display="none";
	document.getElementById(lib+'_on').style.display="block";
}
function rollout(lib){
	document.getElementById(lib+'_on').style.display="none";
	document.getElementById(lib+'_off').style.display="block";
}