/* pour les accès directs à une référence via ID */
/* on recherche sa position dans le slider */
function findActive(pos)
{
	api.scrollToX(((pos-1)*(thumbWidth+marginRight)));
	return false;
}

function viewAll(pos){
	$("#portfolioList a").fadeIn();
	nbcat = $("#portfolioList a").size();
	$("#portfolioList").css("width", ((thumbWidth+marginRight)*nbcat)-marginRight);
	last = $("#portfolioList a").get(nbcat-1);
	$("#portfolioList a").each(function(){
	    $(this).removeClass("last");
	});
	comptId = 1;
	$("#portfolioList a").each(function(){
	    $(this).attr("id", comptId);
		comptId++;
	});
	$(last).addClass("last");
	api.reinitialise();
	findActive(pos);

	return false;
}

$(document).ready(function() {
	thumbWidth = 200;
	marginRight = 20;
	slide = false;
	myfilter = false;
	
	pane = $("#portfolioNavigation");
	pane.jScrollPane(
		{
			horizontalDragMinWidth: 100, 
			horizontalDragMaxWidth: 100, 
			showArrows: true, 
			hijackInternalLinks: true,
			animateScroll: true,
			trackClickSpeed:180,
			trackClickRepeatFreq:10,
			hideFocus:true,
			autoReinitialise:true
		}
	);
	api = pane.data("jsp");
	
	Nom = navigator.appName;
	if (Nom != 'Microsoft Internet Explorer') {
		$(".ajax").click(function() { 
			
			
			prepUrl = $(this).attr("href").replace('.html', '');
			// On regarde si la fiche a été updatée
			// Si oui, on passe un paramètre en plus
			if($(this).hasClass("updated")){
				var myUrl = prepUrl+"/ajax/new";
			}else{
				var myUrl = prepUrl+"/ajax";
			}
			
		    $.ajax({ 
		        type: "POST", 
		        url: myUrl, 
				cache:false,
				beforeSend : function(){
					$("#loading").empty().prepend("<img src=\"images/loader.gif\">");
					$("#loading").fadeIn(0.1);
				},
		        success: function(retour){ 
					$("#loading").empty();
					$("#portfolioItem").empty().append(retour); 
					$.scrollTo("#navigation", 1000);
		        }
		    }); 
			var pos = $(this).attr("id");
			findActive(pos);
		
		    return false; 
		});
	}
	
	$("#btFilter").click(function(){
		if(myfilter == false){
			$("#filter a").fadeIn(1000);
			$("#filter").slideDown();
			myfilter = true;
		}else{
			$("#filter a").fadeOut(100);
			$("#filter").slideUp();
			myfilter = false;
		}
		return false;
	});
	
	$("#filter a").click(function() {
		$(this).removeClass("jspHijack");
		$(this).removeClass("selected");
		cat = $(this).attr("class"); 
		$("#portfolioList a").hide();
		$("#portfolioList a").filter("."+cat).fadeIn();
		nbcat = $("#portfolioList a").filter("."+cat).size();

		$("#portfolioList").css("width", ((thumbWidth+marginRight)*nbcat)-marginRight);
		
		last = $("#portfolioList a").filter("."+cat).get(nbcat-1);
		$("#portfolioList a").removeClass("last");
		$(last).addClass("last");
		
		comptId = 1;
		$("#portfolioList a").filter("."+cat).each(function(){
		    $(this).attr("id", comptId);
			comptId++;
		});
		
		api.reinitialise();
		findActive(1);

		$(".selected").removeClass("selected");
		$(this).addClass("selected");

		return false;
	});
	$("#filter a.all").click(function() {
		viewAll(1);
	});
	
	$("#btMorePortfolio").click(function(){
		if(slide == false){
			$("#morePortfolio").slideDown(function(){$.scrollTo("#morePortfolioSection", 1000)});
			$(".morePortfolioItem").hide().fadeIn(2000);
			slide = true;
			$("#morePortfolioSection").addClass("lessPortfolio");
			$("#morePortfolioSection").removeClass("morePortfolio");
		}else{
			$("#morePortfolio").slideUp();
			$("#morePortfolioSection").addClass("morePortfolio");
			$("#morePortfolioSection").removeClass("lessPortfolio");
			slide = false;
		}
		return false;
	});
	
	$("a.fancybox").fancybox({
		"transitionIn"	:	"elastic",
		"transitionOut"	:	"elastic",
		"easingIn"		: 	"easeOutBack", 
		"easingOut"		: 	"easeInBack",
		"speedIn"		:	600, 
		"speedOut"		:	400, 
		"overlayShow"	:	true,
		"overlayColor"  :   "#000",
		"titlePosition" :   "inside"
	});
	$.localScroll();
});