// configuration :
var FadeSpeed=1 // en seconde : durée de l'animation de la transition
var ChangeDelay=5 // en seconde : durée entre deux changements automatique // 0 = pas de changement automatique


// variable pour le fonctionnement du script

var BBanniereAuto=-1
var BBanniereSurveille=0
var BInFade=false

function changeOpacity(id, opacStart, opacEnd, millisec){
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(opacStart > opacEnd){
		for(i = opacStart; i >= opacEnd; i--){
			setTimeout("setOpacityIE(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}else if(opacStart < opacEnd){
		for(i = opacStart; i <= opacEnd; i++){
			setTimeout("setOpacityIE(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function setOpacityIE(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
//	object.MozOpacity = (opacity / 100);
//	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
//	object.filter.enable = 1
//	if(opacity > 0){
//		object.display = "inline";
//	}else{
//		object.display = "none";
//	}
} 

function imgSuiv(object){
	if (BInFade) return
	BInFade=true
	if (object.getAttribute('data-origine')){
    	src = document.getElementById(object.getAttribute('data-origine'))
    	BBanniereSurveille=0
    	if (ChangeDelay>0){
    	    BBanniereAuto=BBanniereAuto+1
        	setTimeout("imgSuivAuto(\""+object.getAttribute('data-origine')+"\")",ChangeDelay*1000)
    	}
    }else
    	src=object
    srcFadeIn = document.getElementById(src.id+'-fadein')
    if (jQuery.browser.msie){
 //   	srcFadeIn.filter = "alpha(opacity=0)"
    }else
		srcFadeIn.style.opacity=0

    img = src.getAttribute('data-srcs');
	reg=new RegExp("[,]+", "g");
	images = img.split(reg)
	if (jQuery.browser.msie){
		if (src.getAttribute('data-idx')==images.length-1){
			idOut=src.id+'-'+src.getAttribute('data-idx')
			idIn=src.id+'-0'
			src.setAttribute('data-idx',0)
		}else{
			idOut=src.id+'-'+src.getAttribute('data-idx')
			idIn=src.id+'-'+(parseInt(src.getAttribute('data-idx'))+1)
			src.setAttribute('data-idx',parseInt(src.getAttribute('data-idx'))+1)
		}
		changeOpacity(idOut,100,0,FadeSpeed*1000)
		changeOpacity(idIn,0,100,FadeSpeed*1000)
		setTimeout("imgIsFadeOut(\"" + idOut + "\",\"" + idIn + "\")",(FadeSpeed*1000));
		return true
	}else{
				
		for (var i=0; i<images.length; i++) {
			if ('uploads/images/banniere/'+images[i]==src.getAttribute('src')){
				if (jQuery.browser.msie){
					srcFadeIn.style.left=-10000
					srcFadeIn.style.position='absolute'
				}
				if (i==(images.length-1)) {
					srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[0])
				}else
					srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[i+1])
				$(srcFadeIn).fadeTo(FadeSpeed*1000,1)
				$(src).fadeTo(FadeSpeed*1000,0,function(){imgIsFadeOut(src,srcFadeIn)})
				return true
			}
		}
		srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[0])	
		$(srcFadeIn).fadeTo(FadeSpeed*1000,1)
		$(src).fadeTo(FadeSpeed*1000,0,function(){imgIsFadeOut(src,srcFadeIn)})
	}
	//$(src).effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	//imgSuivFadeOut(src)
}
function imgIsFadeOut(src,srcFadeIn){
	if (typeof src == 'string')
		src=document.getElementById(src)
	if (typeof srcFadeIn == 'string')
		srcFadeIn=document.getElementById(srcFadeIn)
	src.setAttribute('src',srcFadeIn.getAttribute('src'))
    if (jQuery.browser.msie){
    	src.display='inline'
    	srcFadeIn.display='none'
    	srcFadeIn.filter = "alpha(opacity=0)";
    	src.filter = "alpha(opacity=100)"
//        src.filter.enable = 0
    }else{
		src.style.opacity=1
		srcFadeIn.style.opacity=0
	}
	BInFade=false
//	$(src).effects({duration: 1000, transition: Fx.Transitions.Quart.easeIn});
}
function imgPrec(object){
	if (BInFade) return
	BInFade=true
	BBanniereSurveille=0
	BBanniereAuto=BBanniereAuto+1
	setTimeout("imgSuivAuto(\""+object.getAttribute('data-origine')+"\")",ChangeDelay*1000)
    src = document.getElementById(object.getAttribute('data-origine'))
    srcFadeIn = document.getElementById(src.id+'-fadein')
    if (jQuery.browser.msie){
//    	srcFadeIn.filter = "alpha(opacity=0)";
	}else
		srcFadeIn.style.opacity=0

	img = src.getAttribute('data-srcs');
	reg=new RegExp("[,]+", "g");
	images = img.split(reg)
	if (jQuery.browser.msie){
		if (src.getAttribute('data-idx')==0){
			idOut=src.id+'-0'
			idIn=src.id+'-'+(images.length-1)
			src.setAttribute('data-idx',0)
		}else{
			idOut=src.id+'-'+src.getAttribute('data-idx')
			idIn=src.id+'-'+(parseInt(src.getAttribute('data-idx'))-1)
			src.setAttribute('data-idx',parseInt(src.getAttribute('data-idx'))-1)
		}
		changeOpacity(idOut,100,0,FadeSpeed*1000)
		changeOpacity(idIn,0,100,FadeSpeed*1000)
		setTimeout("imgIsFadeOut(\"" + idOut + "\",\"" + idIn + "\")",(FadeSpeed*1000));
		return true
	}else{
		for (var i=0; i<images.length; i++) {
			if ('uploads/images/banniere/'+images[i]==src.getAttribute('src')){
				if (i==0) {
					srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[images.length-1])
				}else
					srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[i-1])
				$(srcFadeIn).fadeTo(FadeSpeed*1000,1)
				$(src).fadeTo(FadeSpeed*1000,0,function(){imgIsFadeOut(src,srcFadeIn)})
				return true
			}
		}
		srcFadeIn.setAttribute('src','uploads/images/banniere/'+images[0])
		$(srcFadeIn).fadeTo(FadeSpeed*1000,1)
		$(src).fadeTo(FadeSpeed*1000,0,function(){imgIsFadeOut(src,srcFadeIn)})
	}
}

function imgSuivAuto(id){
	if (BBanniereAuto>0){
		BBanniereAuto=BBanniereAuto-1
	}else{
    	BBanniereSurveille=0
		area=document.getElementById(id)
		imgSuiv(area)
		BBanniereSurveille=BBanniereSurveille+1
		if (ChangeDelay>0)
		setTimeout("imgSuivAuto(\""+id+"\")",ChangeDelay*1000)
	}
}
function surveille(){
	if (BBanniereSurveille>ChangeDelay+1){
		imgSuivAuto("image-entete")
	}
	BBanniereSurveille=BBanniereSurveille+1
	if (ChangeDelay>0)
	setTimeout("surveille()",1000)
}
function initsurveille(){
	var o=document.getElementById("image-entete")
	if (jQuery.browser.msie){
		img = o.getAttribute('data-srcs');
		reg=new RegExp("[,]+", "g");
		images = img.split(reg)
		for (var i=0; i<images.length; i++) {
			var neWo=o.cloneNode(true)
			neWo.id=neWo.id+'-'+i
			neWo.setAttribute('class',neWo.getAttribute('class'))
			neWo.style.display='block'
			neWo.filter = "alpha(opacity=0)"
			neWo.style.filter="alpha(opacity=0)"
			neWo.style.position='relative'
			neWo.style.top=(0-o.height*i)+'px'
			//neWo.style.zIndex=2
			neWo.setAttribute('src','uploads/images/banniere/'+images[i])
			o.parentNode.appendChild(neWo)
			o.style.display='none'
		}
		o.setAttribute('data-idx',0)
		neWo=document.getElementById("image-entete-0")
//		neWo.filter = "alpha(opacity=100)"
//		o.filter = "alpha(opacity=0)"
//		o.style.filter="alpha(opacity=0)"
			changeOpacity((o.id+'-'+0),0,100,10)
			changeOpacity(o.id,100,0,10)
	}else{
	var neWo=o.cloneNode(true)
	neWo.id=neWo.id+'-fadein'
	neWo.style.display='block'
		neWo.style.opacity=0
	neWo.style.position='relative'
	neWo.style.top=(0-o.height)+'px'
	//neWo.style.zIndex=1
	o.parentNode.appendChild(neWo)
	}
	//o.style.zIndex=2
	if (ChangeDelay>0)
	setTimeout("surveille()",1000)
}

if (ChangeDelay>0)
	BBanniereAuto=0
setTimeout("imgSuivAuto(\"image-entete\")",ChangeDelay*1000)
setTimeout("initsurveille()",1000)