$(function(){
	var $applications = $('.principal_bloc');
		var	$data = $applications.clone();
		
		function tri(categorie){
		$('#frise_vignette').css('height','88px');
		var left_principal_bloc = $('.principal_bloc').css('left');
		left_principal_bloc = left_principal_bloc.replace('px','');
		left_principal_bloc = -(left_principal_bloc);
		$('#tuyau').css('left','500px');
		$('#tuyau').stop().animate({'left' : 0+'px'}, 1000,function(){
		
			var val_web = $("#web_tri").is(':checked').toString();
			var val_edition = $("#edition_tri").is(':checked').toString();
			var val_event = $("#event_tri").is(':checked').toString();
			var val_video = $("#video_tri").is(':checked').toString();
			
			var $find_web = 'li[data-web=0]';
			var $find_edition = 'li[data-edition=0]';
			var $find_video = 'li[data-video=0]';
			var $find_event = 'li[data-event=0]';
			if(categorie=="all"){
				var $filteredData = $data.find('li');
				
			}
						
			if(categorie=="web"){
				var $filteredData = $data.find('li[data-web=1]' );
			}
			if(categorie=="edition"){
				var $filteredData = $data.find('li[data-edition=1]' );
			}
			if(categorie=="video"){
				var $filteredData = $data.find('li[data-video=1]' );
			}
			if(categorie=="event"){
				var $filteredData = $data.find('li[data-event=1]' );
			}
			
			// finally, call quicksand
			$applications.quicksand($filteredData, {
				duration: 1000,
				easing: 'easeInOutQuad',
				adjustHeight:  	'auto'
			}, function(){
				// on recree les blocs en les clonant
				$('.first_bloc').remove();
				$('.last_bloc').remove();
				creation_bloc(1);
				Cufon.replace('.hover_title', {fontFamily: 'ChaletComprime-MilanSixty' });
			
	$(".active_hover").bind("click", function(e){
		var id_projet=$(this).attr('id');
		id_projet=id_projet.replace("projet_","");	
		var url = "#/projet/";
		url = url.replace(/^.*#/, '');
		$('#projet_actuel').val(id_projet);
		$.history.load(url); 
		$('#projet_actuel').val(id_projet);
		$('.select_vignette').css({'opacity':'0'});
		$(this).find('.select_vignette').stop().show().animate({'opacity':'1'},400);		
		var projet_en_cours = $('#projet_en_cours').val();		
		if(projet_en_cours==1){
			var id_actuel=$('#projet_actuel').val();
			if(id_actuel==""){id_actuel=$('#projet_actuel_direct').val();}
			affiche_projet_2(id_actuel);
		}		
		$('#projet_en_cours').val('1');
		return false;
	});
	
		$(".select_click").bind("click", function(e){	
		$('#projet_en_cours').val('1');
		var id_projet=$(this).find('input').attr('value');
		id_projet=id_projet.replace("projet_","");	
		var url = "#/projet/";
		url = url.replace(/^.*#/, '');
		$('#projet_actuel').val(id_projet);
		$.history.load(url); 
		$('#projet_actuel').val(id_projet);
		$('.select_vignette').css({'opacity':'0'});
		var id_projet_select = "li#projet_"+id_projet;
		$(id_projet_select).find('.select_vignette').stop().show().animate({'opacity':'1'},400);
		var projet_en_cours = $('#projet_en_cours').val();		
		if(projet_en_cours==1){
			var id_actuel=$('#projet_actuel').val();
			if(id_actuel==""){id_actuel=$('#projet_actuel_direct').val();}
			affiche_projet_2(id_actuel);
		}	
		$('#projet_en_cours').val('1');
	});

	$(".active_hover").hover(
	  function () {			
		$(this).find('.hover_black').stop().show().animate({'opacity':'1'},400);
		$('#frise_vignette').css('height','137px');
		$(this).find('.hover_title').show().stop().animate({'opacity':'1'},400);
	  },
	  function () {
		$(this).find('.hover_black').stop().animate({'opacity':'0'},400);
		$(this).find('.hover_title').stop().animate({'opacity':'0'},400).hide();
	  }
	);
			
			var id_projet_select = $('#projet_actuel').val();
			id_projet_select="li#projet_"+id_projet_select;
			$(id_projet_select).find('.select_vignette').css({'opacity':'1'});
			
				// on reinitialise les variables 
				divgauche			= $('.first_bloc');
				divreference		= $('.principal_bloc');
				divdroite			= $('.last_bloc');
				tuyau				= $('#tuyau');
			
			});
		});	
	}
		
	$('#btn_tri_tous').click(function(){	
		$('.bloc').css('width','10000px');
		tri('all');
		$('#tri_actuel').val('0');
		
		$('#content_tri span').removeClass('active');
		$(this).addClass('active');
	});
	$('#btn_tri_web').click(function(){	
		$('.bloc').css('width','10000px');	
		tri('web');
		$('#tri_actuel').val('4');
		$('#content_tri span').removeClass('active');
		$(this).addClass('active');
	});
	$('#btn_tri_edition').click(function(){  
		$('.bloc').css('width','10000px');
		tri('edition');	
		$('#tri_actuel').val('5');
		$('#content_tri span').removeClass('active');
		$(this).addClass('active');
	});
	$('#btn_tri_video').click(function(){
		$('.bloc').css('width','10000px');
		tri('video');
		$('#tri_actuel').val('6');
		$('#content_tri span').removeClass('active');
		$(this).addClass('active');
	});
	$('#btn_tri_event').click(function(){  
		$('.bloc').css('width','10000px');
		tri('event');	
		$('#tri_actuel').val('7');
		$('#content_tri span').removeClass('active');
		$(this).addClass('active');
	});
});