for (i=0; i<ArrayImg.length; i++) {

$("#slider #controler span a#thumb"+i+"").hover( function() {
	if ($(this).hasClass("alwaysactive")) {
	} else {
  		$(this).removeClass("notactive").addClass("active");
  		}
  });
  
$("#slider #controler span a#thumb"+i+"").mouseout( function() {
if ($(this).hasClass("alwaysactive")) {
	} else {
		$(this).removeClass("active").addClass("notactive");
		}
  });
  
$("#slider #controler span a#thumb"+i+"").click( function() {
if ($(this).hasClass("alwaysactive")) {
	} else if($("#slider #controler span a").hasClass("alwaysactive")) {
	
		for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					position = i;
				}
			}
			
  		$("#slider #controler span a").removeClass("alwaysactive").addClass("notactive");
		$(this).removeClass("notactive").addClass("alwaysactive");
		//$("#slider ul li").css("display","none");
		$("#slider ul li#image"+position+"").animate({
		MozOpacity:'opacity/0' ,
		MozOpacity:'0' ,
		filter:'alpha(opacity=0)' ,
		opacity:'0'
  		}, 1000, function() {
    		// Animation complete.
  		});
		
		$('#controler').animate({
    height: '0px',
    MozOpacity:'opacity/0' ,
	MozOpacity:'0' ,
	filter:'alpha(opacity=0)' ,
	opacity:'0' ,
    marginTop: '250px'
  }, 500, function() {
    document.getElementById("nom").innerHTML = nom[positionInit];
	document.getElementById("desc").innerHTML = desc[positionInit];
  });
		
		for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					positionInit = i;
				}
			}
			
			
		$("#slider ul li#image"+positionInit+"").css("display","block");
		$("#slider ul li#image"+positionInit+"").animate({
		MozOpacity:'opacity/100' ,
		MozOpacity:'1' ,
		filter:'alpha(opacity=100)' ,
		opacity:'1'
  		}, 1000, function() {
    		// Animation complete.
  		});
		
	
		$('#controler').animate({
    height: '50px',
    MozOpacity:'opacity/75' ,
	MozOpacity:'.75' ,
	filter:'alpha(opacity=75)' ,
	opacity:'.75' ,
    marginTop: '200px'
  }, 500, function() {
    
  });
			}
			
			refreishId = 0; 
		
		var refreshId = setInterval(function() {
	
	if (varPlaying == 1) {
	  
	  for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					position = i;
				}
			}

		
		
		if (position >= ArrayImg.length-1) {

		$("#slider ul li#image"+position+"").animate({
		MozOpacity:'opacity/0' ,
		MozOpacity:'0' ,
		filter:'alpha(opacity=0)' ,
		opacity:'0'
  		}, 1000, function() {
    		 
  		});
	  position = 0;
	  } else {
	  $("#slider ul li#image"+position+"").animate({
		MozOpacity:'opacity/0' ,
		MozOpacity:'0' ,
		filter:'alpha(opacity=0)' ,
		opacity:'0'
  		}, 1000, function() {
    		 
  		});
	  position = position+1;
	  
	  }
		
	 	$("#slider #controler span a").removeClass("alwaysactive").addClass("notactive");
		$("#slider #controler span a#thumb"+position+"").removeClass("notactive").addClass("alwaysactive");

		
		
		
		$('#controler').animate({
    height: '0px',
    MozOpacity:'opacity/0' ,
	MozOpacity:'0' ,
	filter:'alpha(opacity=0)' ,
	opacity:'0' ,
    marginTop: '250px'
  }, 500, function() {
    document.getElementById("nom").innerHTML = nom[positionInit];
	document.getElementById("desc").innerHTML = desc[positionInit];
  });
  
  
  for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					positionInit = i;
				}
			}
			
  
  $("#slider ul li#image"+positionInit+"").css("display","block");
		$("#slider ul li#image"+positionInit+"").animate({
		MozOpacity:'opacity/100' ,
		MozOpacity:'1' ,
		filter:'alpha(opacity=100)' ,
		opacity:'1'
  		}, 1000, function() {
    		// Animation complete.
  		});
		
	
		$('#controler').animate({
    height: '50px',
    MozOpacity:'opacity/75' ,
	MozOpacity:'.75' ,
	filter:'alpha(opacity=75)' ,
	opacity:'.75' ,
    marginTop: '200px'
  }, 500, function() {
    // Animation complete.
  });
  
 } else {
 
   }
   
	  
   }, 10000);
  });

}



















$(document).ready(function() {
 varPlaying = 1;
 
 $("#slider #controler span p").click( function() {
  		if ($(this).hasClass("playing")) { 
		$(this).removeClass("playing").addClass("paused");
		varPlaying = 0;
		} else {
			$(this).removeClass("paused").addClass("playing");
			varPlaying = 1;
			}
 
   });
 
	

 
   var refreshId = setInterval(function() {
	
	if (varPlaying == 1) {
	  
	  for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					position = i;
				}
			}

		
		
		if (position >= ArrayImg.length-1) {

		$("#slider ul li#image"+position+"").animate({
		MozOpacity:'opacity/0' ,
		MozOpacity:'0' ,
		filter:'alpha(opacity=0)' ,
		opacity:'0'
  		}, 1000, function() {
    		 
  		});
	  position = 0;
	  } else {
	  $("#slider ul li#image"+position+"").animate({
		MozOpacity:'opacity/0' ,
		MozOpacity:'0' ,
		filter:'alpha(opacity=0)' ,
		opacity:'0'
  		}, 1000, function() {
    		 
  		});
	  position = position+1;
	  
	  }
		
	 	$("#slider #controler span a").removeClass("alwaysactive").addClass("notactive");
		$("#slider #controler span a#thumb"+position+"").removeClass("notactive").addClass("alwaysactive");

		
		
		
		$('#controler').animate({
    height: '0px',
    MozOpacity:'opacity/0' ,
	MozOpacity:'0' ,
	filter:'alpha(opacity=0)' ,
	opacity:'0' ,
    marginTop: '250px'
  }, 500, function() {
    document.getElementById("nom").innerHTML = nom[positionInit];
	document.getElementById("desc").innerHTML = desc[positionInit];
  });
  
  
  for (i=0; i<ArrayImg.length; i++) {
				if ($("#slider #controler span a#thumb"+i+"").hasClass("alwaysactive")) {
					positionInit = i;
				}
			}
			
  
  $("#slider ul li#image"+positionInit+"").css("display","block");
		$("#slider ul li#image"+positionInit+"").animate({
		MozOpacity:'opacity/100' ,
		MozOpacity:'1' ,
		filter:'alpha(opacity=100)' ,
		opacity:'1'
  		}, 1000, function() {
    		// Animation complete.
  		});
		
	
		$('#controler').animate({
    height: '50px',
    MozOpacity:'opacity/75' ,
	MozOpacity:'.75' ,
	filter:'alpha(opacity=75)' ,
	opacity:'.75' ,
    marginTop: '200px'
  }, 500, function() {
    // Animation complete.
  });
  
 } else {
 
   }
   
	  
   }, 10000);
   
   
   
  
   
   
   
   
});