var cpt = 1;

$(document).ready(function(){
	// Changement au clic sur l'un des 3 petits boutons
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "btn-3":
				$("#btn-3").addClass("active");
				$("#btn-2").removeClass("active");
				$("#btn-1").removeClass("active");
				//display selected division, hide others
				$("div.pme-avec-activite").fadeIn();
				$("div.pme-sans-activite").css("display", "none");
				$("div.porteur-projet").css("display", "none");
				cpt = 3;
			break;
			case "btn-2":
				$("#btn-3").removeClass("active");
				$("#btn-2").addClass("active");
				$("#btn-1").removeClass("active");
				//display selected division, hide others
				$("div.pme-sans-activite").fadeIn();
				$("div.pme-avec-activite").css("display", "none");
				$("div.porteur-projet").css("display", "none");
				cpt = 2;
			break;
			case "btn-1":
				$("#btn-3").removeClass("active");
				$("#btn-2").removeClass("active");
				$("#btn-1").addClass("active");
				//display selected division, hide others
				$("div.porteur-projet").fadeIn();
				$("div.pme-avec-activite").css("display", "none");
				$("div.pme-sans-activite").css("display", "none");
				cpt = 1;
			break;
		}
		//alert(e.target.id);
		return false;
	});
	
	// Changement de vignette toute les 10 secondes
	slideShow();
	
	// Changement du contenu du site avec un clic sur plus de detail
	$(".detail > img").click(function(e){
		switch(e.target.id){
			case "pme-avec":
				//display selected division, hide others
				$("div.pme-avec-activite-texte").fadeIn();
				$("div.pme-sans-activite-texte").css("display", "none");
				$("div.porteur-projet-texte").css("display", "none");
				$("div.base").css("display", "none");
				//references
				$("div.client-pme-avec").fadeIn();
				$("div.client-pme-sans").css("display", "none");
				$("div.client-porteur").css("display", "none");
				$("div.client-base").css("display", "none");
				cpt = 3;
				// Ancre
				var $target = $('#references');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "pme-sans":
				//display selected division, hide others
				$("div.pme-sans-activite-texte").fadeIn();
				$("div.pme-avec-activite-texte").css("display", "none");
				$("div.porteur-projet-texte").css("display", "none");
				$("div.base").css("display", "none");
				//references
				$("div.client-pme-sans").fadeIn();
				$("div.client-pme-avec").css("display", "none");
				$("div.client-porteur").css("display", "none");
				$("div.client-base").css("display", "none");
				cpt = 2;
				var $target = $('#references');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "porteur":
				//display selected division, hide others
				$("div.porteur-projet-texte").fadeIn();
				$("div.pme-avec-activite-texte").css("display", "none");
				$("div.pme-sans-activite-texte").css("display", "none");
				$("div.base").css("display", "none");
				//references
				$("div.client-porteur").fadeIn();
				$("div.client-pme-avec").css("display", "none");
				$("div.client-pme-sans").css("display", "none");
				$("div.client-base").css("display", "none");
				cpt = 1;
				var $target = $('#references');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
		}
		return false;
	});
	
	// Changement du contenu de la page métier
	$(".metier > div").click(function(e){
		switch(e.target.id){
			case "ingenieur":
				$("div.inge").fadeIn();
				$("div.dev").css("display", "none");
				$("div.graph").css("display", "none");
				$("div.edit").css("display", "none");
				// Ancre
				var $target = $('#ancre-inge');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "developpement":
				$("div.inge").css("display", "none");
				$("div.dev").fadeIn();
				$("div.graph").css("display", "none");
				$("div.edit").css("display", "none");
				// Ancre
				var $target = $('#ancre-dev');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "graphisme":
				$("div.inge").css("display", "none");
				$("div.dev").css("display", "none");
				$("div.graph").fadeIn();
				$("div.edit").css("display", "none");
				// Ancre
				var $target = $('#ancre-graph');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "editorial":
				$("div.inge").css("display", "none");
				$("div.dev").css("display", "none");
				$("div.graph").css("display", "none");
				$("div.edit").fadeIn();
				// Ancre
				var $target = $('#ancre-edit');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
		}
		return false;
	});
	
	// Changement du contenu de la page prestation
	$(".prestations > div").click(function(e){
		switch(e.target.id){
			case "site":
				$("div.site").fadeIn();
				$("div.webmaster").css("display", "none");
				$("div.formation").css("display", "none");
				// Ancre
				var $target = $('#ancre-site');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "webmaster":
				$("div.site").css("display", "none");
				$("div.webmaster").fadeIn();
				$("div.formation").css("display", "none");
				// Ancre
				var $target = $('#ancre-webmaster');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
			case "formation":
				$("div.site").css("display", "none");
				$("div.webmaster").css("display", "none");
				$("div.formation").fadeIn();
				// Ancre
				var $target = $('#ancre-formation');
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, "normal");
			break;
		}
		return false;
	});
	
	$('#photos').galleryView({
		panel_width: 640,
		panel_height: 350,
		frame_width: 120,
		frame_height: 120
	});
});

function slideShow() {
	// 10000 = change to next image after 10 seconds
	setInterval('gallery()',10000);
}

function gallery() {
	cpt = cpt + 1;
	
	if (cpt == 4){
		cpt = 1;
	}
	if (cpt == 3){
		$("#btn-3").addClass("active");
		$("#btn-2").removeClass("active");
		$("#btn-1").removeClass("active");
		//display selected division, hide others
		$("div.pme-avec-activite").fadeIn();
		$("div.pme-sans-activite").css("display", "none");
		$("div.porteur-projet").css("display", "none");
	} else if (cpt == 2){
		$("#btn-3").removeClass("active");
		$("#btn-2").addClass("active");
		$("#btn-1").removeClass("active");
		//display selected division, hide others
		$("div.pme-sans-activite").fadeIn();
		$("div.pme-avec-activite").css("display", "none");
		$("div.porteur-projet").css("display", "none");
	} else if (cpt == 1){
		$("#btn-3").removeClass("active");
		$("#btn-2").removeClass("active");
		$("#btn-1").addClass("active");
		//display selected division, hide others
		$("div.porteur-projet").fadeIn();
		$("div.pme-avec-activite").css("display", "none");
		$("div.pme-sans-activite").css("display", "none");
	}
}