// JavaScript Document
/*
var image_active = 0;

$(function(){
	$("#galeria #image_list a").each(function(i){
		$(this).attr("image_index", i);																					
	});
	$("#galeria #image_list a").click(function(){show_image(this); return false;});	
});

$(document).ready(function(){ $("#galeria #image_list a:first").trigger("click"); });

function show_image(link)
{		
	image_active = $(link).attr("image_index");
	//Comprobamos si hay que ocultar alguna flecha
	if (image_active == 0)
	{
		//Ocultamos prev
		$("#galeria #prev").css("display", "none");
		$("#galeria #next").css("display", "block");
	}
	else if(image_active == ($("#galeria #image_list a").length - 1))
	{
		$("#galeria #prev").css("display", "block");
		$("#galeria #next").css("display", "none");
	}
	$("#galeria #current_image #imagen").attr("src", $(link).attr("href"));
	$("#galeria #current_image #imagen").fadeIn("slow");
}

// Prev and Next functions

$(function(){
	$("#galeria #prev").click(function(){go_prev(); return false});
	$("#galeria #next").click(function(){go_next(); return false});		 
});

	

function go_prev()
{
	if (image_active == 0)
	{
		return;
	}
	var index = image_active - 1;
	$("#galeria #image_list a").eq(index).trigger('click');
}

function go_next()
{
	if (image_active == ($("#galeria #image_list a").length - 1))
	{
		return;
	}

	var index = image_active + 1;
	$("#galeria #image_list a").eq(index).trigger('click');	
}*/

//Primero asigniamos Clicks a las imagenes mostradas abajo

var current_image_index;


$(function(){
	$("#galeria #image_list a").each(function(i){
		$(this).click(function(){show_image(i); return false;});																				
	});	
	
	//Botones Prev y Next
	$("#prev_button").click(function(){previous_image(); return false;});
	$("#next_button").click(function(){ next_image(); return false;});
	//Simulamos el click en la primera imagen
	$("#current_image_div").css('width', $("#image_list").width() - 200);
	show_image(0);
});

function show_image(image_index)
{
	if (current_image_index == image_index) { return; }
	
	var current_image_src = $("#current_image").attr("src");
	var image_src = $("#galeria #image_list img").eq(image_index).attr("src");
	
	current_image_index = image_index;
	if (current_image_src == '') //Si no tenemos ninguna imagen solo hay que mostrar
	{
		//Solo mostramos
		$("#current_image").css("display", "none").attr("src", image_src);
		$("#current_image").fadeIn('slow');
	}
	else //Sino tenemos que ocultar y volver a mostrar
	{
		$("#current_image").fadeOut('slow', function(){ 
			$("#current_image").attr("src", image_src);
			$("#current_image").fadeIn('slow');
		});
	}
	
	if (current_image_index == 0)
	{
		$("#prev_button").fadeOut('slow');
	}
	else
	{
		$("#prev_button").fadeIn('slow');
	}
	
	if (current_image_index == ($("#galeria #image_list img").size() - 1))
	{
		$("#next_button").fadeOut('slow');
	}
	else
	{
		$("#next_button").fadeIn('slow');
	}
}


function previous_image()
{
	if (current_image_index == 0) { return; }
	var image_index = current_image_index - 1;
	show_image(image_index)
}

function next_image()
{
	if (current_image_index == ($("#galeria #image_list img").size() - 1)) { return; }
	var image_index = current_image_index + 1;
	show_image(image_index)
}