$(document).ready(function() {
    //$("body").animate({'opacity' : '0'},0, function() {
        	//$(this).delay(100).animate({'opacity' : '1'},700);
        	//$(this).css({'backgroundColor' : '#001c37'});
	//});
	
	//On cache ou on affiche les éléments qui doivent l'être - paramètres de bases
	init();
	
	
     
   //-------------------------------------------------------//  
   //-------------------------------------------------------//  
   //-------------------------------------------------------//  
   //Gestion des slides

   //Calcul de la taille de slides
   var nbslides = $("#slides > .slide").size();
   $(".slide").each(function(index) {
   		$("#passeur").append('<a class="button_slide" href="#" rel="'+ index +'">'+ $(this).attr("rel") + ' </a>');
   });
   calcul_passeur();
   var tailleslides =  ($(window).width() * nbslides);
   if (tailleslides <= 3300) { tailleslides = 4000; };
   $("#slides").css({'width': tailleslides + 'px'});
   marginslide();
   
   
    //Gestion de la transition des slides avec le boutons
    $(".button_slide").click(function() {
    	$(".button_slide").css({'color' : '#00B4FF'});
    	$(this).css({'color' : '#FFF'});
    	var position = parseInt($(this).attr('rel'));
    	var lamarginleft = 0;
    	if (position == 0) {
    		lamarginleft = 0;
    	} else {
    		lamarginleft =  (position) * $(window).width() * (-1);
    	}
    	$("#slides").animate({'marginLeft': lamarginleft + 'px'}, 1000);
    });
    
    // Gestion de la transition des slides avec un lien
    $("a.inside").click(function() {
    	var position = parseInt($(this).attr('rel'));
    	var lamarginleft = 0;
    	if (position == 0) {
    		lamarginleft = 0;
    	} else {
    		lamarginleft =  (position) * $(window).width() * (-1);
    	}
    	$("#slides").animate({'marginLeft': lamarginleft + 'px'}, 1000);
    });
   
	
	//Gestion du slide sur les films
	$("#swipeleft").click(function() {
		var swipe_statut = parseInt($("#minoritymin").css("marginLeft"));
		var swipe_value = swipe_statut;
		if(swipe_statut >=0)
		{
			swipe_value = 0;
		} else {
			swipe_value += 414;
		}
		if(swipe_value >= 0)
		{
			swipe_value = 0;
		}
		$("#minoritymin").animate({'marginLeft':swipe_value+'px'});
	});
	$("#swiperight").click(function() {
		var swipe_statut = parseInt($("#minoritymin").css("marginLeft"));
		var swipe_value = swipe_statut;
		if(swipe_value <= ($("#minoritymin").width() - 414)*-1)
		{
			swipe_value = 0;
		} else {
			swipe_value -= 414;
		}
		$("#minoritymin").animate({'marginLeft':swipe_value+'px'});
	});
	

   
	//Gestion du mousewheel sur slides
	/*$("body").bind('mousewheel', function(event, delta) {
		var dir = delta > 0 ? 'retour' : 'avant',
		vel = Math.abs(delta);
		actumargin = parseInt($("#slides").css("marginLeft"));
		if (dir == 'retour')
		{
			if (actumargin >= 0)
			{
				actumargin = 0;
			} else {
				actumargin += 60;	
			}
			$("#slides").animate({'marginLeft': (actumargin+60) + 'px'}, 0);
			//changebackground();
		} else {
		if (actumargin < ($("#slides div:last-child").width() - $("#slides").width()))
			{
				actumargin = $("#slides div:last-child").width() - $("#slides").width();
			} else {
				actumargin -= 60;	
			}
			$("#slides").animate({'marginLeft': (actumargin-60) + 'px'}, 0);
			//changebackground();
		}
	});*/
        	
    
    
    //-------------------------------------------------------//  
    //-------------------------------------------------------//  
    //-------------------------------------------------------//  
       //Fonction de resize en fonction de la taille de l'écran
       resize_elements();
       //Fonction de resize à la fin d'un redimensionnement de fenêtre
		$(window).bind('taillefenetre', function() {
			resize_elements();
     	});	
        
        
    //-------------------------------------------------------//  
       //Fonction de calcul des bandes noires - redimensionne a la fin de l'évènement
        $(window).resize(function() {
    		if(this.resizeTO) clearTimeout(this.resizeTO);
    			this.resizeTO = setTimeout(function() {
        		$(this).trigger('taillefenetre');
    		}, 0);
		});
		

   //-------------------------------------------------------//
   //Colorbox des menus
    $("a[rel='colorboxclient']").colorbox({
		  transition:"fade",
		  iframe:true,
		  innerWidth:'80%',
		  innerHeight:'80%',
      	  maxWidth:'80%',
          maxHeight:'80%'
	  });
	  
	$("a[rel='colorboxphoto']").colorbox({
		  transition:"fade"
	});
	  
	$("a[rel='colorboxvideo']").colorbox({
		  transition:"elastic",
		  speed: 500,
		  iframe:true,
		  innerWidth:'640px',
		  innerHeight:'368px',
      	  opacity: 0.6,
      	  previous:	"précédent",
		  next : "suivant",
		  close: "fermer"
	  });
	  
	
	$("a[rel='colorboxframe']").colorbox({
		  transition:"elastic",
		  speed: 300,
		  iframe:true,
		  innerWidth:'88%',
		  innerHeight:'88%',
      	  opacity: 0.6
	  });

	//-------------------------------------------------------//
    //Animation des menus sur Slide intro
    $(".slideintro ul li a").hover(function() {
    	$(this).animate({'paddingLeft': '30px'}, 500, 'easeInOutCirc');
    }, function() {
    	$(this).animate({'paddingLeft': '10px'}, 300, 'easeInOutCirc');
    });
    
    $("#menuintro ul li a, #menuintro2 ul li a").css({'opacity':'0.6'});
    $("#menuintro ul li a, #menuintro2 ul li a").hover(function() {
    	$(this).fadeTo(200, 1);
    }, function() {
    	$(this).fadeTo(200, 0.6);
    });
    
    //Fix et bugs
    $("#mainmenu ul li a").hover(function() {
    });		

    // ENVOIE DU DEVIS
    $("#devis_form").validationEngine({
	    ajaxFormValidation: true,
      onAjaxFormComplete: form_add_html
    });

    $("#contactform").validationEngine({
	    ajaxFormValidation: true,
      onAjaxFormComplete: form_add_html_contact
    });	
	
});

/* fonction de modification du dom aprés envoie du formulaire de devis*/
function form_add_html(){
  $("#devis").empty();
  $("#devis").append("<p id='confirm_devis'>Merci de votre confiance, nous répondrons à votre demande dans les plus brefs delais.</p>");
}

/* fonction de modification du dom aprés envoie du formulaire de contact*/
function form_add_html_contact(){
  $("#idcontact").empty();
  $("#idcontact").append("<p id='confirm_devis'>Merci de votre confiance, nous répondrons à votre message dans les plus brefs delais.</p>");
}

/**/
function init() {
	// Je cache les élements qui doivent l'être //
     $("#menuintro").hide(0);
     $(".slideintro ul").hide(0);
     $("#mask").css({'display':'block'});

}

/**/
function resize_logo() {
     		var larg_defaut = 319/1920;
     		var ratio_logo = 319/286;
     		var largfenetre = $(window).width();
     		var new_larg = largfenetre * larg_defaut;
     		var new_long = new_larg / ratio_logo;
     		$("#logo img").css({width: new_larg+'px', height: new_long+'px'}, 200);
     		$("#logo").css({width: new_larg+'px'});
     	};


/**/
function marginslide() {
    if ($(".slide, .slideintro, .slideunique").length != 0) {
	var largeurecran = $(window).width();
	var marginslides = (largeurecran - 980) / 2;
	$(".slide, .slideintro, .slideunique").css({'marginLeft' : marginslides+'px', 'marginRight': marginslides+'px'});
	}
}


/**/
function calcul_passeur(hauteur) {
    if ($("#passeur").length != 0) {
	var taillepasseur = $("#passeur").width();
	var marginpasseur = ($(window).width() - taillepasseur) / 2;
	$("#passeur").css({'marginLeft': marginpasseur+'px', 'bottom' : (hauteur+20) + 'px'});
	}
}



/**/
function affiche_slideintro() {
	if ($('.slideintro').length != 0) {
		if ( $.browser.msie ) {
			if($('.conseiltext').length != 0) {
				$("#part1").delay(1000).slideDown(1000, function() {
					$(this).delay(4000).slideUp(300, function() {
						$("#part2").slideDown(1000);
					});
				});
			} else {
				$(".slideintro").delay(1000).slideDown(1000, function() {
					$("#mainmenu .active").slideDown(700, 'easeInOutCirc');
				});			
			}

		} else {
			if($('.conseiltext').length != 0) {
				$("#part1").delay(1000).fadeIn(1000, function() {
					$(this).delay(4000).fadeOut(300, function() {
						$("#part2").fadeIn(1000);
					});
				});
			} else {
				$(".slideintro").delay(1000).slideDown(1000, function() {
					$("#mainmenu .active").slideDown(700, 'easeInOutCirc');
				});			
			}
		}

			
		}
}

/**/
function minorityreport() {
	var nombre_video = $("#minoritymin > div").size();
	$("#minoritymin").css({'width': (nombre_video * 207) + 'px'}); 
	afficheswipe();
}


/**/
function afficheswipe() {
	if ($("#minoritymin").width() >= 900)
	{
		$("#swipeleft").css({'display':'block'});
		$("#swiperight").css({'display':'block'});
	}
}


/**/
function resize_elements() {
			// Je prend les mesures
			var hauteurecran = $(window).height();
			var largeurecran = $(window).width();
			
			
			// Je définis la taille des polices pour les bandeaux (entre 11 et 16px)
			var taillepolice = (largeurecran * 0.012);
			taillepolice = Math.round(taillepolice);
			if (taillepolice < 11) {
				taillepolice = 11;
			} else if (taillepolice > 16) {
				taillepolice = 16;
			};
			$("#world_after").css({'marginLeft': (largeurecran/2 - 350) + 'px'});
			$("#barrehaute p, #barrebasse p").css({'font-size': taillepolice+'px'});
			$("#menuintro ul li a, #menuintro2 ul li a").css({'font-size': (taillepolice+6)+'px'});
			$("#mainmenu ul li a").css({'font-size': (taillepolice+2)+'px'});
			$("#mainmenu ul li ul li a").css({'font-size': '11px'});
			//$("#bottommenu ul li a").animate({'font-size': (taillepolice)+'px'}, 200);
			// Centrer le menu du bas
			var bottommenu_larg = $("#bottommenu ul li").width() * 6;
						
			//Je définis la taille des bandeaux et je les place
    		var seize9 = hauteurecran / 2.6;
    		var difference = (seize9 / 2) / 2;
    		var taillewrapper = hauteurecran - (2*difference);
    		var marginmenuintro = (taillewrapper / 2) - ($("#menuintro").height() / 2);
    		$("#wrapper").css({'height': taillewrapper+'px', 'marginTop': (difference+5)+'px'});
    		$("#mask").css({'paddingTop': ((taillewrapper / 2) - 230)+'px'}); 
    	    $("#sensenaction").css({'paddingTop': (marginmenuintro-25)+'px'});
    	    $("#menuintro").css({'paddingTop': (marginmenuintro-25)+'px'});
    	    $("#menuintro2").css({'paddingTop': (marginmenuintro+50)+'px'});
    		//$("#menuintro").delay(300).fadeIn(1500);
    		$("#barrehaute").css({'height': difference+'px'});
    		$("#barrebasse").css({'height': difference+'px'});
    		$("#barrebasse").css({'width': $(window).width()+'px'});
    		$("#bottommenu").css({'width': bottommenu_larg+50+'px', 'marginLeft': (largeurecran - bottommenu_larg) / 2 + 'px'});
    		//Je met en blanc le premier élément du passeur
    		$(".button_slide:first").css({'color':'#fff'});
    		var hl = $("#barrehaute").height();
    		$(".liensite").css({lineHeight: hl + 'px'});
    		$(".text_video, .conseiltext").delay(200).slideDown(300);
    		resize_logo();
 			affiche_slideintro();
 			calcul_passeur(difference);
 			marginslide();
 			minorityreport();
}

function affichebigvideo(lienvideo, titre, contenu) {
  $("#sypnosys").empty().slideUp(200).append('<h3>' + titre + '</h3><p>' + contenu +'</p>').slideDown(500);
  $("#player").empty();
  $("#player").append('<iframe width="512" height="293" frameborder="0" scrolling="no" src="' + lienvideo +'&autoplay=1"></iframe>');
  $("#bigvideo").show();
  minorityreport();
  $(".text_video").remove();
}