// JavaScript Document

function Galerie(nbCols,path){
	var cpt=1;
	//var nbCols=6;
	//var path='./img/mini_projets/';
	
	function Calcul(){
		var minTableau=cpt*nbCols-nbCols;
		var maxTableau=minTableau+nbCols;
		var i=1;
		
			while(minTableau<maxTableau){
				if(cpt>=1 && (minTableau)<=(arr_imgs.length-1)){
					//console.log($('#i'+i).is(":visible"));
					if(!$('#i'+i).is(":visible")){
						$('#i'+i).show();
					}
					$('#i'+i).attr('altsrc', path+arr_imgs[minTableau]);
					$('#i'+i).fadeOut(300,function(){
						$(this).attr("src",$(this).attr('altsrc'));
						$(this).fadeIn();
					});
					//$('#i'+i).attr("src",path+arr_imgs[minTableau]);
				}else{
					$('#i'+i).hide();	
				}
					i++;
					minTableau++;
				
			}
	}
	
	$('#next').unbind().click(function(e){
		e.preventDefault();
		var total=Math.ceil((arr_imgs.length-1)/nbCols);
		if(cpt>=1 && cpt<=total){
			cpt++;
			//console.log(cpt);
			Calcul();
		}
		
		//alert(arr_imgs);
	});
	$('#prev').unbind().click(function(e){
		e.preventDefault();
		if(cpt>1){
			cpt--;
			//console.log(cpt);
			Calcul();
		}
		
		
	});
	}