$(document).ready(function(){ 
	
	//alert($("#listeExp > option:selected").attr("name"));
	$(".hideME").css({"opacity":"0"});
	
	var maVar = 0;
	showImage($("#listeExp > option:selected").attr("name"));
	
	
	
	$("#listeExp").change(function(){
		//alert($("#listeExp > option:selected").attr("name"));
		showImage($("#listeExp > option:selected").attr("name"));
	});
	
	function showImage(alias){
		maVar = 0;
		$(".actif").removeClass("actif").animate({"opacity":"0"},200);
		$("#"+alias).addClass("actif").css({"display":"block"});;
		$(".actif > ul > li:first").css("display","block").addClass("imgOver");
		$("#"+alias).animate({"opacity":"1"},1000,"linear",function(){
			var imgHeight = $("#"+alias+" li").height();
			$("#dualImage").animate({"height":imgHeight},400);
		});
		showNav(alias);
	}
	
	function showNav(alias){
		$("#navImg").animate({"opacity":"0"},200,"linear",function(){
			$("#navImg").empty();
			$("#"+alias+" li").each(function(i){
				
				$("#navImg").append("<span name='"+i+"'>"+(i+1)+"</span>");
				$("#navImg").animate({"opacity":"1"},200);
				
			});
			$("#navImg > span").click(function(){
					changeImage(alias,$(this).attr("name"));
			});
			changeImage(alias,0);
			
		});
			var imgHeight = $("#"+alias+" li").height();
			$("#dualImage").animate({"height":imgHeight},400);		
		
	}
	
	function changeImage(alias,nb){
		//alert(maVar);
		if(maVar != 0){
			$(".imgOver").animate({"opacity":"0"},300,"linear",function(){
			$(this).css("display","none");
				$(this).removeClass("imgOver");
				$("#"+alias+" li").eq(nb).css({
					"opacity":"0",
					"display":"block"
				}).addClass("imgOver").animate({"opacity":"1"},300);
				$("#"+alias+" li a img").css("z-index","103");	
			});
		}
		var imgHeight = $("#"+alias+" li").eq(nb).height();
			$("#dualImage").animate({"height":imgHeight},400);
		maVar++;
		$("#navImg > span.over").removeClass("over");
		$("#navImg > span").eq(nb).addClass("over");
	}
	
});