/**
 * @author sergio
 */
	$(document).ready(function(){
		if(max!=0)simplegallery();
	});
	
	function simplegallery(){
		i = 0;
		max = max -1;
		laimagen = imagenes[i];
		composicion_simpleGallery(laimagen);
		
		
		$(".next").click(function(){
		 	if (i < max) { i++; }else{i = 0; }
			cambio(i);
		})
		$(".prev").click(function(){
			if(i > 0){ i--; }else{i = max; }
			cambio(i);
		})
		
	}
	function composicion_simpleGallery(laimagen){
		$(capa).append("<div id=\"nav\"></div>");
			//Montamos la barra de navegación
			$("#nav").append("<div class=\"title\"></div>");
					$(".title").append("<span>"+laimagen[2]+"</span>");
			$("#nav").append("<div class=\"arrow\"></div>");
				$(".arrow").append("<img class= \"prev\" src=\"/images/gallery/gallery-left-arrow.gif\" alt=\"prev\"/>");
				$(".arrow").append("<img class= \"next\" src=\"/images/gallery/gallery-right-arrow.gif\" alt=\"next\"/>");
				$(".arrow").append("<div class=\"contador\"></div>");
					$(".contador").append("<span><span class=\"num\">"+(i+1)+"</span> de "+(max+1)+"</span>");
		//Montamos la zona para las imágenes.
		$(capa).append("<div id=\"img\"></div>");
			$("#img").html("<img src=\""+laimagen[0]+"\" alt=\""+laimagen[2]+"\" title=\""+laimagen[2]+"\"> ");
		//Montamos el crédito
		$(capa).append("<div id=\"credito\"></div>");
			$("#credito").append("<span>"+laimagen[1]+"</span>");
	}
	
	function cambio(i){
		laimagen = imagenes[i];
		$(".title").html("<span>"+laimagen[2]+"</span>");
		$('#img').html("<img src=\""+laimagen[0]+"\ alt=\""+laimagen[2]+"\" title=\""+laimagen[2]+" \"> ").hide;
		$('#img').ready(function(){
			$('#img').show('slow');
		})
		$("#credito").html("<span>"+laimagen[1]+"</span>");
		$(".num").html(i+1);
	}