/********************************************
*   Copyright lafonrierola.net              *
*   Disseny: disseny@lauramorato.net        *
*   Programació: info@osonadissenyweb.com   *
********************************************/
var actual = 1;
var total = false;

$(document).ready(function(){
	total = $('#total').val();
	$('#wrapper').focus();
	//Fletxa anterior
	$('#fletxaleft').click(function(){
		if (actual != 1){
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "none");
			$(relact).css("visibility", "hidden");
			$(relinf).css("display", "none");
			$(relinf).css("visibility", "hidden");
			actual--;
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "block");
			$(relact).css("visibility", "visible");
			$(relinf).css("display", "block");
			$(relinf).css("visibility", "visible");
			$('#fletxaright').removeClass('fTrans');
			if (actual == 1){
				$(this).addClass('fTrans');
			}
			$(this).blur();
		}
	});

	//Fletxa següent
	$('#fletxaright').click(function(){
		if (actual < total){
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "none");
			$(relact).css("visibility", "hidden");
			$(relinf).css("display", "none");
			$(relinf).css("visibility", "hidden");
			actual++;
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "block");
			$(relact).css("visibility", "visible");
			$(relinf).css("display", "block");
			$(relinf).css("visibility", "visible");
			$('#fletxaleft').removeClass('fTrans');
			if (actual == total){
				$(this).addClass('fTrans');
			}
			$(this).blur();
		}
	});
	
	//Activar detecció de pulsar tecla
	document.onkeyup = muestraInformacion;

	/*
	document.onkeyup = function ()
    {
       
    }
	*/


	//Ampliacio miniatura
	$('.fotomini').click(function(){
		//Ocultar actual
		relact = '#img' + actual;
		relinf = '#info' + actual;
		$(relact).css("display", "none");
		$(relact).css("visibility", "hidden");
		$(relinf).css("display", "none");
		$(relinf).css("visibility", "hidden");
		atri = $(this).attr("rel");
		dades = atri.split("#img");
		actual = parseInt(dades[1]);

		//Mostrar actual
		relact = $(this).attr("rel");
		relinf = '#info' + actual;
		$(relact).css("display", "block");
		$(relact).css("visibility", "visible");
		$(relinf).css("display", "block");
		$(relinf).css("visibility", "visible");

		if (actual == 1){
			$('#fletxaleft').addClass('fTrans');
		}
		else{
			$('#fletxaleft').removeClass('fTrans');
		}

		if (actual == total){
			$('#fletxaright').addClass('fTrans');
		}
		else{
			$('#fletxaright').removeClass('fTrans');
		}
	});
});



function muestraInformacion(elEvento) {
	
	var evento = window.event || elEvento;
	if (evento.keyCode == 37){	
		if (actual != 1){
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "none");
			$(relact).css("visibility", "hidden");
			$(relinf).css("display", "none");
			$(relinf).css("visibility", "hidden");
			actual--;
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "block");
			$(relact).css("visibility", "visible");
			$(relinf).css("display", "block");
			$(relinf).css("visibility", "visible");
			$('#fletxaright').removeClass('fTrans');
			if (actual == 1){
				$('#fletxaleft').addClass('fTrans');
			}
		}
	}
	else if (evento.keyCode == 39){
		if (actual < total){
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "none");
			$(relact).css("visibility", "hidden");
			$(relinf).css("display", "none");
			$(relinf).css("visibility", "hidden");
			actual++;
			relact = '#img' + actual;
			relinf = '#info' + actual;
			$(relact).css("display", "block");
			$(relact).css("visibility", "visible");
			$(relinf).css("display", "block");
			$(relinf).css("visibility", "visible");
			$('#fletxaleft').removeClass('fTrans');
			if (actual == total){
				$('#fletxaright').addClass('fTrans');
			}
		}
	}
}