$(window).load(function () {
	$("#loading").overlay().close();
});

$(document).ready(function(){
	// loading					   
	$("#loading").overlay({
		top: 272, 
		expose: { 
			color: '#000', 
			loadSpeed: 200, 
			opacity: 0.9 
		}, 
		closeOnClick: false, 
		api: true 
	}).load();	
	
	// Scrollable
	$("div.projets").scrollable({
		size: 1,
		clickable: false,
		disabledClass: "inactif",
		onSeek: function() { 
			animNavi();
		}
	}).navigator({ 
		navi:'ul.navi' ,
		naviItem: 'a',
        activeClass: 'current',
		indexed: true
	});
	
	// Actions boutons navi
	$(".btn-navi").css("opacity","0.6");
	var all = $(".btn-navi").mouseover(function(){
    	$(this).css("opacity","1");
    }).mouseout(function(){
    	$(this).css("opacity","0.6");  
    });
	
	// Init navi
	$(".navi a").css("opacity","0.4");
	$(".navi a.current").css("opacity","1");
	
});

function animNavi(){
	$(".navi a").stop().animate({opacity: "0.4"}, { duration:400 });
	setTimeout("showCurrent()",500);
}

function showCurrent(){
	$(".navi a.current").stop().animate({opacity: "1"}, { duration:400 });
}