$(document).ready(function(){ 	
	
	var tek = 0; 
	var all = $('ul.gall li').length; 
	var col = 24;      //8
	
	var i = 1; 
	var j = 1; 	 
	var id = 1;
	
	function list(nom, tekk){  	
		var i = 1; 
		var j = 1; 	 
		var id = 1;	 
	
		$('ul.gall li').each(function() { 
			if (((col*nom) < i) && ((col*(nom+1)) >= i)) { $(this).css("display","block"); }
			else { 
				$(this).css("display","block");//none
			}
			i+=1;
		});	
		
	/*	if (nom == (tekk-1)) { $(".content div.navs p.next").css("display","none");}
		else { $(".content div.navs p.next").css("display","block");}
		if (nom == 0) { $(".content div.navs p.prev").css("display","none");}
		else { $(".content div.navs p.prev").css("display","block");}	*/
	}  
	
	$('ul.gall li').each(function() { 
		if (i>col) {  					
			$(this).css("display","block");//none
		}
		if ( j == (col+1)){					 
			if (id==1) { 
				j=2;
				id+=1;
			/*	$("div.navs").append("<div><p class='nom v' id='one'>1</p></div>");
				$("div.navs").append("<div><p class='nom'>"+id+"</p></div>");*/
			} else {  
				j=2;
				id+=1;
			//	$("div.navs").append("<div><p class='nom'>"+id+"</p></div>");	
			}
		}
		else {
			j+=1;
		}
		i+=1;
	});
	
/*	if (all>col) { 
		$("div.navs").prepend("<div class='prev'><p class='prev'>&laquo;</p></div>");
		$("div.navs").append("<div class='next' style='width:30px;'><p class='next'>&raquo;</p></div>");
		$("div.navs p").eq(0).addClass('v');
	}
	
	$("div.navs p.nom").live("click", function() {
		var nom = $("div.navs p.nom").index(this);
		if (tek != nom) { 
			$(this).addClass('v'); 
			$("div.navs p.nom").eq(tek).removeClass('v'); 
			tek = nom; 
			list (nom, id); 
			
		}
	} ) ;
	
	$("div.navs p.next").live("click", function() { 
		var nom = tek+1;
		$("div.navs p.nom").eq(tek+1).addClass('v');
		$("div.navs p.nom").eq(tek).removeClass('v');
		tek = nom;
		list(nom, id);	
	});
	
	$("div.navs p.prev").live("click", function() { 
		var nom = tek-1;
		$("div.navs p.nom").eq(tek-1).addClass('v');
		$("div.navs p.nom").eq(tek).removeClass('v');
		tek = nom;
		list(nom, id);
	});*/
	
});

