http://www.antoinegermain.fr/Contact/// Déclaration des variables globales
var old_panneau = "";
var act_panneau = "onglet_1";
var panneau_actu = 1;
var sp1;
	
$(document).ready(function() {
    
    $("a[href^='http://www.facebook.com/sharer.php?u=http://www.antoinegermain.fr']").click(function(){
      if(($(this).attr("class"))=='internal'){
        return true;
      }
      window.open(this.href);
      return false;
    });

    $("a[href^='../CV_Antoine_Germain.pdf']").click(function(){
      if(($(this).attr("class"))=='internal'){
        return true;
      }
      window.open(this.href);
      return false;
    });
    $("a[href^='CV_Antoine_Germain.pdf']").click(function(){
      if(($(this).attr("class"))=='internal'){
        return true;
      }
      window.open(this.href);
      return false;
    });	
	if(page == "index")
	{
		// On définis que l'on voit le premier panneau
		old_panneau = ".panneau_1";
		
		// On arrondit les coins bas de la div contenue
		$("#contenue").corner("bottom");

		// On arrondit les coins des onglet
		$("#header ul li a:first").corner("tl");
		$("#header ul li a:last").corner("tr");

		// On efface les contenus des onglet fermés
		$(".panneau_2").hide();
		$(".panneau_3").hide();
		$(".panneau_4").hide();
		
		// On ajoute les ecouteurs sur les onglet
		$("#onglet li").click(affiche_panneau);
		$("#onglet li").mouseover(onglet_hover);
		$("#onglet li").mouseout(onglet_out);

		// Coulissement des images de portfolio
		$("#portfolio ul li").hover(function() {
			$("img", this).stop().animate({left:'315px'},{queue:false,duration:300});
		}, function() {
			$("img", this).stop().animate({left:'0px'},{queue:false,duration:300});
		});
		
		// Ecouteur sur les fleches pour le défilement des oeuvres
		$("#fleche_droite").click(slide_panneau);		
		$("#fleche_gauche").click(slide_panneau);	
		 
		 // On efface la fleche de gauche
		$("#fleche_gauche").hide();
		
		// On initialise le widget de défilement de panneaux de Spry
		sp1 = new Spry.Widget.SlidingPanels("projet");	 
	}
	
	if(page == "contact")
	{
		// On cache la phrase pour la confirmation d'envoi de message
		$('#formulaire_contact p').hide();
		
		// On met les bords arrondie pour la page contact
		$('#informations_contact').corner();
		$('#formulaire_contact').corner("right");

		// Ecouteur sur le bouton d'envoie du formulaire
		$('#formulaire_contact form').submit(hide_form); 
		
		// On arrondit les coins des onglet
		$("#header ul li a:first").corner("tl");
		$("#header ul li a:last").corner("tr");
	}
	if(page == "realisation")
	{
		// On arrondit les coins des onglet
		$("#header ul li a:first").corner("tl");
		$("#header ul li a:last").corner("tr");
		
		// On définit la taille du swf de la page réalisation
		var taille_swf = 3000;

		var flashvars = {
						  id_oeuvre: $.url.param("oeuvre")
						};
		var params = {};
		var attributes = {}; 

		swfobject.embedSWF("../swf/realisations.swf", "realisations", "960", taille_swf, "9.0.0", "expressInstall.swf", flashvars);
	}
  });
  
	
function hide_form()
{
$.ajax({
			type:"POST",
			url:"/Sendit",
			data: $("#formulaire_contact form").serialize(),
			success:function(){
              }

        })
	// On masque le formulaire
	$('#formulaire_contact form').fadeOut(600, function(){
					// On affiche le message confirmant l'envoie
					$('#formulaire_contact p').text("Votre message a bien été envoyé !");
					$('#formulaire_contact p').fadeIn(600);
	});
	return false;
}
function affiche_panneau()
{	
	// on stock l'onglet cliqué
	act_panneau = $(this).attr('class');
	
	// On efface l'ancien panneau 
	$(old_panneau).fadeOut(600, function()
		{
		// On determine quel panneau afficher
		switch(act_panneau){
			case "onglet_1": 
				$(".panneau_1").fadeIn(600);
				old_panneau = ".panneau_1";
			break;
			case "onglet_2": 
				$(".panneau_2").fadeIn(600);
				old_panneau = ".panneau_2";
			break;
			case "onglet_3": 
				$(".panneau_3").fadeIn(600);
				old_panneau = ".panneau_3";
			break;
			case "onglet_4": 
				$(".panneau_4").fadeIn(600);
				old_panneau = ".panneau_4";
			break;
		}
	
	});
	
	// On change la couleur de l'onglet cliqué
	change_couleur($(this).attr('class'));
	
	return false;
	
}

function slide_panneau()
{	
	if($(this).is('#fleche_droite')){
		
		sp1.showNextPanel(); // On defile vers le panneau suivant
		$("#fleche_gauche").fadeIn(); // On affiche la fleche de gauche
		panneau_actu++; // On incrémente la variable pour savoir quel panel on voit
 		
		if(panneau_actu == $(".SlidingPanelsContent").length)
		{
			$("#fleche_droite").fadeOut();  
		}
		
		return false;
	}
	else{
		sp1.showPreviousPanel(); // On defile vers le panel précédent						
		$("#fleche_droite").fadeIn(); // On affiche la fleche de droite
		panneau_actu--; // On decrémente la variable pour savoir quel panel on voit
		
		if(panneau_actu == 1)
		{
			$("#fleche_gauche").fadeOut();
		}

		return false;
	}
}


function onglet_hover()
{

	if($(this).attr('class') != act_panneau)
	{
		$(this).css("background-position","0px 122px");
	}
}

function onglet_out()
{
	if($(this).attr('class') != act_panneau)
	{
		$(this).css("background-position","0px 61px");
	}
}

function change_couleur(element)
{
	// On met tous les onglet en position off
	$("#presentation ul li").css("background-position","0px 61px");
	$("#onglet a").css("color","#FFF");
	
	// On met l'onglet cliqué en position on
	var el = "."+element;
	$(el).css("background-position","0px 0px");
	$(el+" a").css("color","#68a117"); 
}

function actualise_taille(taille)
{
	// On modifie la taille de la div pour cacher la zone blanche en trio
	$("#realisations").css('height', taille+"px");
}

function scroll_to(hauteur)
{
	// On scroll jusqu'a la bonne oeuvre
	$(window).scrollTo( hauteur+'px', 800 );
}