// JavaScript
/// SLIDER HTML 5 CSS3 JQuery © Rodolphe SERAPHINE 2011

//////////////////////////  FADE IN DES IMAGES


// Fonction video javascript
var _type;
var _url;
var _titre;
var nav = navigator.appName;
function video(type,url,titre){		
	 _type = type;
     _url = url;
	 _titre = titre;
	}
	

$(document).ready(function() {
	

///	

var duree = 8000;

var sens = true;

	
function rafraichit()
{
	if (document.getElementById('prec').style.visibility=='hidden' && document.getElementById('suiv').style.visibility=='visible'){
		sens=true;
		document.getElementById('prec').style.visibility='visible';
		position-=976;	
		if( position == ( taille -976)* -1){
			document.getElementById('suiv').style.visibility='hidden';
		}
			
	        $(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");								
	
			
	}else if (document.getElementById('prec').style.visibility=='visible' && document.getElementById('suiv').style.visibility=='hidden') {
		
	sens=false;
		document.getElementById('suiv').style.visibility='visible';
			position+=976;	
			if( position == 0){
			document.getElementById('prec').style.visibility='hidden';
			}
			
			$(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");	
			
	}else if (document.getElementById('prec').style.visibility=='hidden' && document.getElementById('suiv').style.visibility=='hidden'){} else {
			if (sens){
			document.getElementById('prec').style.visibility='visible';
		position-=976;	
		if( position == ( taille -976)* -1){
			document.getElementById('suiv').style.visibility='hidden';
		}
			
	        $(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");		
			}else{
				
				document.getElementById('suiv').style.visibility='visible';
			position+=976;	
			if( position == 0){
			document.getElementById('prec').style.visibility='hidden';
			}
			
			$(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");	
				}
		
		
	}
	
}

	  
		///////////////////////// VIDEO
		// Fonction video Jquery
		
		for (i=1;i<=_videonum;i++){
		
		$("#vid"+i+"").click(function() {
			if( nav != "Microsoft Internet Explorer"){	
			clearInterval(timer);	
				
				}
			 $('#video').fadeIn('slow', function() {
      		
      		});
			if (_type == "youtube"){
			$('#video').append('<div class="cadrevideo"><iframe width="720" height="440" src="http://www.youtube.com/embed/'+_url+'" frameborder="0"></iframe>');
			  $('.cadrevideo').css("height", "440px"); 
			
			}else{
			$('#video').append('<div class="cadrevideo"><iframe  width="720" height="405" src="http://player.vimeo.com/video/'+_url+'?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9300&amp;autoplay=1" frameborder="0"></iframe>');
			  $('.cadrevideo').css("height", "405px"); 
			
			}
			$('#video').append('<div class="titrevideo"><span>'+_titre+'</span></div></div>');
			$('#video').show();
		});
		
		}
		
		$('#video').click(function() {
					if( nav != "Microsoft Internet Explorer"){	
			
				timer = setInterval(rafraichit, duree); // Toutes les 8s
				}
			 $('#video').fadeOut('slow', function() {
			 $('#video').hide();
			 $('#video').empty();
			 });
		});
		
	//
	 $('.bloc-haut img').hide();
	  $('#video').hide();
	  
	  
	  ///////////////////   FIN VIDEO
	  
	  //////////////////////////   SLIDE
	    document.getElementById('prec').style.visibility='hidden';
		

	    var position = 0;
	    var taille= $(".bloc-slide").css("width");
		var i = taille.indexOf("px",0);
		taille=parseInt(taille.substr(0,i));
		
		if (taille == 976){
		    document.getElementById('suiv').style.visibility='hidden';	
			
		}
		if( nav != "Microsoft Internet Explorer"){	
		 var timer = setInterval(rafraichit, duree); // Toutes les 8s
		}
		//// SUIVANT
		$("#suiv").click(function() {
			
				if( nav != "Microsoft Internet Explorer"){	
			clearInterval(timer);	
				timer = setInterval(rafraichit, duree); // Toutes les 8s
				}
		document.getElementById('prec').style.visibility='visible';
		position-=976;	
		if( position == ( taille -976)* -1){
			document.getElementById('suiv').style.visibility='hidden';
		}
		
            
			
			if( nav == "Microsoft Internet Explorer"){	
			$(".bloc-slide").css("margin-left", position+"px");
			}else{
	        $(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");
			}		
											
			$("#suiv").removeClass("selected");
			$(this).addClass("selected");	
			
			
		});
		//// PRECEDENT
		$("#prec").click(function() {
				if( nav != "Microsoft Internet Explorer"){	
	clearInterval(timer);	
		timer = setInterval(rafraichit, duree); // Toutes les 8s
				}
			document.getElementById('suiv').style.visibility='visible';
			position+=976;	
			if( position == 0){
			document.getElementById('prec').style.visibility='hidden';
			}
			
			if( nav == "Microsoft Internet Explorer"){	
			$(".bloc-slide").css("margin-left", position+"px");

			}else{
			$(".bloc-slide").css("-webkit-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-moz-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("-o-transform","translate("+position+"px, 0px)");
			$(".bloc-slide").css("transform","translate("+position+"px, 0px)");	
			}
			$("#prec").removeClass("selected");
			$(this).addClass("selected");
		});
	
	});	
	
	
$(window).load(
function(){
  $(".bloc-haut img").fadeIn("slow", function() {
       $(".bloc-haut").css("background-image", "none"); 
      });
	  
	  // $(".bloc-bas h2").fadeIn("slow", function() {
  
      //});
	  
	    // $(".bloc-bas h3").fadeIn("slow", function() {
  
     //});
	
	}
);