/**
 * @author Celsius Online
 */

function changeTexte(num)
{
	$("#client").text(realisation[num]['client']);
	$("#date_concept").text(realisation[num]['date_concept']);
	$("#domaine").text(realisation[num]['domaine']);
	$("#techno").html(realisation[num]['techno']);
	$("#pays").text(realisation[num]['pays']);
	$("#url").html(realisation[num]['url']);
	$(".dyn").animate({
		opacity:1
	}, "normal");
}

function opaque()
{
	$(".images").each(function(){
		$(this).find("img").eq(0).css({opacity:1, top:"0px"}).end().eq(1).css({opacity:0, top:"0px"}).end().eq(2).css({opacity:0, top:"0px"});
	})
	$(".pagination span").removeClass("page_actif").eq(0).addClass("page_actif");
}

$(document).ready(function() {

	$("#bgAccueil, #bgRea, #bgRef, #bgCompetence, #bgContact").css({display:"inline-block", opacity:0});

	$(".accueil").hover(function(){
		$("#bgAccueil").stop().animate({
			opacity:1
		}, "fast");
	}, function(){
		$("#bgAccueil").stop().animate({
			opacity:0
		}, "fast");
	});

	$(".realisations").hover(function(){
		$("#bgRea").stop().animate({
			opacity:1
		}, "fast");
	}, function(){
		$("#bgRea").stop().animate({
			opacity:0
		}, "fast");
	});

	$(".references").hover(function(){
		$("#bgRef").stop().animate({
			opacity:1
		}, "fast");
	}, function(){
		$("#bgRef").stop().animate({
			opacity:0
		}, "fast");
	});

	$(".competences").hover(function(){
		$("#bgCompetence").stop().animate({
			opacity:1
		}, "fast");
	}, function(){
		$("#bgCompetence").stop().animate({
			opacity:0
		}, "fast");
	});

	$(".contact").hover(function(){
		$("#bgContact").stop().animate({
			opacity:1
		}, "fast");
	}, function(){
		$("#bgContact").stop().animate({
			opacity:0
		}, "fast");
	});
	$("#TexteTypeSite").css("color", "#FF7800");
	$("#cube_wa").hover(function(){
		if ($("#TexteTypeSite").text() != "WEBAGENCY") {
			$("#imageCube").stop().css("opacity", 0).attr("src", "images/cube-agency.png").animate({
				opacity:1
			}, "normal");
			$("#TexteTypeSite").stop().css({
				color: "#FF7800",
				opacity:0,
				left:"-41px"
			}).text("WEBAGENCY").animate({
				left:"-50px",
				opacity: 1
			}, "normal");
		}
	});
	$("#cube_krew").hover(function(){
		if ($("#TexteTypeSite").text() != "DA KREW") {
			$("#TexteTypeSite").stop().css({
				color: "#0AC8F5",
				opacity:0,
				left:"-41px"
			}).text("DA KREW").animate({
				left:"-50px",
				opacity: 1
			}, "normal");
			$("#imageCube").stop().css("opacity", 0).attr("src", "images/cube-krew.png").animate({
				opacity:1
			}, "normal");

		}
	});
	$("#cube_game").hover(function(){
		if ($("#TexteTypeSite").text() != "GAMES") {
			$("#TexteTypeSite").stop().css({
				color: "#99CF15",
				opacity:0,
				left:"-41px"
			}).text("GAMES").animate({
				left:"-50px",
				opacity:1
			}, "normal");
			$("#imageCube").stop().css("opacity", 0).attr("src", "images/cube-game.png").animate({
				opacity:1
			}, "normal");

		}
	});
	$("#bouton_multisite").mouseout(function(){
		if ($("#TexteTypeSite").text() != "WEBAGENCY") {
			$("#TexteTypeSite").stop().css({
				color: "#FF7800",
				opacity:0,
				left:"-41px"
			}).text("WEBAGENCY").animate({
				left:"-50px",
				opacity: 1
			}, "normal");
			$("#imageCube").stop().css("opacity", 0).attr("src", "images/cube-agency.png").animate({
				opacity:1
			}, "normal");

		}
	});
	//Menu déroulant

	$('#Nav').hover(function() {
		$("#Menu").stop().css("width", "325px").animate({
			opacity:1
		}, "normal", function(){
			$("#Menu li").css("display", "inline");
		});
	}, function() {
		$("#Menu").stop().find("li").css("display", "none").end().animate({
			opacity:0
		}, "normal", function(){
			$(this).css("width", "0px");
		});
	});

	if(rea)
	{
		var page = 1;
		var cur_img = 1;
		var nbRealisation = realisation.length;

		/*
		 <div class="zoneTexte">Charal</div>
                   <div class="zoneTexte">AGP_architectes.de</div>
                   <div class="zoneTexte">COS-eu.org</div>
		 */
		var chaine = '';
		for(var i = 0; i < nbRealisation; i++)
			chaine += '<div class="zoneTexte">'+ realisation[i]['client'] +'</div>';
		$("#les_urls").html(chaine);

		opaque();
		changeTexte(0);
		$(".contenu_hidden").css("width", (nbRealisation*686)+"px");
		$(".fleche_gauche").click(function(){
			if (page > 1) {
				var num = page - 2;
				page--;
				cur_img = 1;
				opaque();
				num = num * 686;
				$(".dyn").animate({
					opacity: 0
				}, "normal");
				$(".contenu_hidden").animate({
					left: "-" + num + "px"
				}, "normal", "swing", function(){
					changeTexte(page - 1);
				});
			}
		});
		$(".fleche_droite").click(function(){
			if (page < nbRealisation) {
				var num = page;
				page++;
				cur_img = 1;
				opaque();
				num = num * 686;
				$(".dyn").animate({
					opacity: 0
				}, "normal");
				$(".contenu_hidden").animate({
					left: "-" + num + "px"
				}, "normal", "swing", function(){
					changeTexte(page - 1);
				});
			}
		});

		$("#les_urls div").click(function(){
			var appel = $("#les_urls div").index(this);
			if (page != appel + 1) {
				page = appel + 1;
				cur_img = 1;
				opaque();
				num = appel * 686;
				$(".dyn").animate({
					opacity: 0
				}, "normal");
				$(".contenu_hidden").animate({
					left: "-" + num + "px"
				}, "normal", "swing", function(){
					changeTexte(page - 1);
				});
			}
		});

		$(".pagination span").click(function(){
			var image = $(this).text();
			image = parseInt(image);
			if (cur_img != image) {
				$(".pagination span").removeClass("page_actif");
				$(this).addClass("page_actif");
				var objq = $(".images").eq(page - 1).find("img").eq(cur_img - 1);
				$(objq).stop().css("top", "0px").animate({
					opacity: 0,
					top:"-=30px"
				}, "fast", "swing", function(){
					cur_img = image;
					objq = $(".images").eq(page - 1).find("img").eq(image - 1);
					$(objq).stop().css("top", "-30px").animate({
						opacity: 1,
						top:"+=30px"
					}, "fast", "swing");
				});
			}
		});
	}
	else
	{
		$("#Menu").css("opacity", 0).css("width", "0px").find("li").css("display", "none");
	}
});