// 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 = 65;
	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;
		}
		
		$(this).find('a').css({'width':l, 'height':h, 'background':'black', 'opacity':0})
		
		$(this).css({
			'position':'absolute',
			'top' : iniTop,
			'left' : iniLeft,
			'width' : l,
			'height' : h
		}).stop(true, true).animate({
			'top' : top,
			'left' : left
		}).show();
		
		
		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 ++;
		
		if(t == nbImage){
			//IniRealisation();
			if( $("#shadow").length > 0 ){
				var H = top + h - 65;
				$('#shadow').css({'height': H+'px'});	
			}
		}
	});	
	
}

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