var timeDelay = 7500;

var arrayId = new Array("#", "01", "02", "03" , "#"); 
 
var arrayImages = new Array("../_fr/style/img/fonds/accueil.jpg", "../_fr/style/img/fonds/soins-cheveux-lissant.jpg", "../_fr/style/img/fonds/kera.jpg", "../_fr/style/img/fonds/eau-02.jpg", "../_fr/style/img/fonds/rosee.jpg"); 

var arrayText = new Array("../_fr/images/text/soins-cheveux_en.png", "../_fr/images/text/soins-cheveux-lissant_en.png", "../_fr/images/text/cure-keratine-cheveux_en.png", "../_fr/images/text/soin-repair_en.png", "../_fr/images/text/soin-hydralizz_en.png"); 



 
var imgNow = 0 ;

var moveNow = 0 ;

function startAnim() {

var src = arrayImages[imgNow] ;
var srcTxt = arrayText[imgNow] ;
var id = 'a#' + arrayId[imgNow] + ' span';


//$(".diaporama").css({ opacity : 0 }, 1200 );

$('#sliderAccueil a span').css({'color' : '#000'});
$('#sliderAccueil a span').css({'background-color' : 'transparent'});
$('#sliderAccueil a span').css({'background-image' : 'none'});


$(id).css({'color' : '#FFF'});
$(id).css({'background-image' : 'url(../_fr/style/img/bg_menu.png)'});

document.getElementById("bg").src = src ;

document.getElementById("bgTxt").src = srcTxt ;

//$(".diaporama").css({'background-image' : 'url('+ src +')'});
/*document.getElementById("ChangeImage").src = src ;  
document.getElementById("ChangeLink").href = href ;*/ 


$(".diaporama").stop();

setInterval("ChangeAnim()", timeDelay);



 
//$(".diaporama").css({'background-image' : 'url('+ src +')'}); 
$(".diaporama").animate({ 'opacity' : '1'}, 1200 ) ;



 




} 



function ChangeAnim() {
if (imgNow==arrayImages.length-2) imgNow=-1 ;


imgNow++ ;
var src = arrayImages[imgNow] ;
var srcTxt = arrayText[imgNow] ;
var id = 'a#' + arrayId[imgNow] + ' span';


$('#sliderAccueil a span').css({'color' : '#000'});
$('#sliderAccueil a span').css({'background-color' : 'transparent'});
$('#sliderAccueil a span').css({'background-image' : 'none'});


//$(".diaporama").css({'background-image' : 'url('+ src +')'});
 
 
$(".diaporama").css({'opacity' : '0'});
document.getElementById("bg").src = src ;
document.getElementById("bgTxt").src = srcTxt ;

$(".diaporama").stop();



//$(".diaporama").css({'background-image' : 'url('+ src +')'});
$(".diaporama").animate({ opacity : 1 }, 1200 );

 
$(id).css({'color' : '#FFF'});
$(id).css({'background-image' : 'url(../_fr/style/img/bg_menu.png)'});



}