$(document).ready(function(){
	
	//Menu déroulant
	$(function() {
    	$('#menu_drop').droppy({speed: 100});
	});
	
	
	/*Accordeon */
	
	lastBlock = $(".maitriser_img");	 
	maxWidth = 561;
	minWidth = 172;
	lastBlock.width(maxWidth); 
				
			
				 
	
				 
				
	$(".act").hover(
			function() {
				$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
				$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
				lastBlock = this;
			}
	);
	
	
	
	// gérer l'image courante -> sert pour l'opcité des boutons suivant précédent
	$('.Nav').click(function(e){ 
		
		var current = $(".current_page");
		var id = (current.attr("id")).substr(4,(current.attr("id")).length);
		var nav = ($(this).attr("id")).substr(4,($(this).attr("id")).length);

		var pos = parseInt(id)+parseInt(nav);
		
		
		if ((pos!=0) && (pos!=nb_image+1))
		{
			current.removeClass('current_page');	
			$('.SlideTab[id=img_'+pos+']').addClass('current_page');
			opacity_btn();
			$('.SlideTab').tabSwitch('moveStep',{step: parseInt(nav)});
			e.preventDefault();
		}
			
	});
	
	$('#ViewPort2').css('z-index',1);
	
	$('#WideDiv2').css('z-index',1);


		
 
	
});

