// Evenement lors du redimensionnement de la fenetre
var resizeTimer = null;
$(window).resize(function(){							  
	if (resizeTimer) clearTimeout(resizeTimer);
	resizeTimer = setTimeout(Ajust, 100);	
});

// Réajustement de la grille
var Grid = function(){
	
	var winW = $(window).width();
	
	var nbParLigne = Math.ceil(winW/315);
	var largeur = Math.ceil(winW/nbParLigne);
	
	var total = nbParLigne*largeur;	
	var ecart = winW-total;
	
	var h = Math.floor( (215*largeur)/315 );
	var r = 0; var t = 0;
	var ligne = 0;
	var top = 0;
	var left = 0;
	var nbImage = $('li.realisation').length;
	
	$('li.realisation').each(function(){
									   
		if(r == nbParLigne){ 
			r = 0; 
			top += h;
			left = 0;
		}
	
		if(ecart < 0 && ecart+r < 0){ l = largeur - 1 ; }
		else if(r < ecart && ecart > 0){ l = largeur + 1; }
		else{ l = largeur; }
				
		$(this).find('img').css({'width':l, 'height':h});
		
		pos = $(this).position();
		if(pos.left == 0){ 
			iniLeft = left;
			iniTop = top;
		}else{ 
			iniLeft = pos.left; 
			iniTop = pos.top;
		}
			
		
		if($(this).hasClass('annee')){
			$(this).children('p').css({
				'top' : (h/2)-($(this).children('p').height()/2)-5,
				'left' : (l/2)-($(this).children('p').width()/2)
			})	
		}
		
		r ++;
		left += l;
		t ++;
		
	});	
	
}

// On replace les elements
var Ajust = function(){
	SetPosition('animate');	
	Grid();	
	$winH = $(window).height();
}

// Repositionne le popup shadow
var SetPosition = function(act){
	var w = $('#shadow .inner').width()/2;
	var h = $('#shadow .inner').height()/2;
	var winW = $(window).width()/2;
	var winH = $(window).height()/2;
	var top = parseInt(winH-h);	if(parseInt(top) <= 70) top=70;
	var left = parseInt(winW-w); if(parseInt(left) <= 10) left=10;
		
	if(act=='animate'){
		$('#shadow .inner').animate({
			'top':top,
			'left':left
		});		
	}else{
		$('#shadow .inner').css({
			'top':top,
			'left':left
		});	
	}
	return false;	
	
};