/**
 * Imágenes de fondo
 * @param	integer imagenes (número total de imágenes en el slideshow)
 * @param	integer velocidad (tiempo en segundos entre imágenes, en segundos)
 * @param	integer	fundido (tiempo que dura el fundido, en segundos)
 */	
var imagenes = 10;
var velocidad = 5;
var fundido = 3;
var actual = 1;
var valor = 0;

$(document).ready(function() {
	/**
	 * Inicia el slideshow de imágenes de cabecera
	 */	
	//var i = setInterval('play()', velocidad * 1000);
	
	$('#bt_anterior').click(function(){
		
		$('#Imagen' + actual).fadeOut(fundido * 500);
		$('#pag' + actual).removeClass();
		$('#pag' + actual).addClass('pag');
		actual--;
		
		if (actual == 0)
			actual = imagenes;
		
		$('#Imagen' + actual).fadeIn(fundido * 500);
		$('#pag' + actual).removeClass();
		$('#pag' + actual).addClass('pag_actual');						
		
	});
	
	$('#bt_siguiente').click(function(){
		
		$('#Imagen' + actual).fadeOut(fundido * 500);
		$('#pag' + actual).removeClass;
		$('#pag' + actual).addClass('pag');
		actual++;
		
		if (actual > imagenes)
			actual = 1;
		
		$('#Imagen' + actual).fadeIn(fundido * 500);	
		$('#pag' + actual).removeClass();
		$('#pag' + actual).addClass('pag_actual');					
		
	});			
	
});

/**
 * Play
 *
 * Inicia el slideshow de imágenes de cabecera
 *
 * @param	void
 * @return	void
 */	
function play()
{
	$('#Imagen' + actual).fadeOut(fundido * 500);
	$('#pag' + actual).removeClass;
	$('#pag' + actual).addClass('pag');	
	actual++;
	
	if (actual > imagenes)
		actual = 1;
	
	$('#Imagen' + actual).fadeIn(fundido * 500);
	$('#pag' + actual).removeClass();
	$('#pag' + actual).addClass('pag_actual');						
}

function mostrar_imagen(valor)
{
	$('#Imagen' + actual).fadeOut(fundido * 1000);
	$('#pag' + actual).removeClass;
	$('#pag' + actual).addClass('pag');	
	actual = valor;
	
	if (actual > imagenes)
		actual = 1;
	
	$('#Imagen' + actual).fadeIn(fundido * 500);	
	$('#pag' + actual).removeClass();
	$('#pag' + actual).addClass('pag_actual');							
}