var fotoActual = 1;
var fotoMax = 5;
var turno = false;
var bloqueo = false;

$(function(){

    fotoMax = $('.slider-button').length + 1;

    //CARGAMOS LA PRIMERA FOTO
    $('#slider-foto').css('background','url("'+$('.pan img:eq(0)').attr('src')+'")');
 /*   $('.slider-button:eq(0)').addClass('selected').css('background','#ffd626');*/
    $('.slider-button:eq(0)').addClass('selected').css('background','#666');

    //COMPORTAMIENTO BOTONERA
    $('.slider-button').hover(function(){
/*        $(this).css('background','#ffd626');*/
		 $(this).css('background','#666');
    },
    function(){
        if(!$(this).hasClass('selected')){
            $(this).css('background','#fff');
        }
    });

    $('.slider-button').click(function(){
        clearInterval(automatico);
        if(!$(this).hasClass('selected')){
            $('.slider-button').removeClass('selected').css('background','#fff');
   /*         $(this).css('background','#ffd626').addClass('selected');*/
			   $(this).css('background','#666').addClass('selected');
            cambiaSlider($(this).index()+1);
        }
    });

});

//CARGAS EN EL SLIDER
function cambiaSlider(foto){
    if(bloqueo==false){
        bloqueo=true;
        //CARGAMOS UNA FOTO Y REALIZAMOS LA TRANSICIÓN
        var source = $('.pan img:eq('+(parseInt(foto)-1)+')').attr('src');
        if(turno==false){
            $('#slider-foto2').css('background','url("'+source+'")');
            $('#slider-foto').animate({
                opacity: 0
            }, 800, function(){
                bloqueo=false;
            });
            turno = true;
        }else{
            $('#slider-foto').css('background','url("'+source+'")');
            $('#slider-foto').animate({
                opacity: 1
            }, 800, function(){
                bloqueo=false;
            });
            turno = false;
        }
        //SITUAMOS LA INFO-BOX EN EL ITEM PERTINENTE
        $('#info-box').animate({
            left: (parseInt(foto)-1)*1329*-1
        }, 190, function(){
            if(parseInt($('#info-box').css('left')) == -(fotoMax-1)*1329){
                $('#info-box').animate({
                    left: 0
                }, 1);
                $('.slider-button').removeClass('selected').css('background','#fff');
                $('.slider-button:eq(0)').addClass('selected').css('background','#666');
                fotoActual = 1;
            }
        });
    }
}

//CARRUSEL AUTOMÁTICO
var automatico = setInterval("carrusel()",6500);
function carrusel(){
    fotoActual++;
    if(fotoActual>fotoMax){
        fotoActual=1;
    }
    $('.slider-button').removeClass('selected').css('background','#fff');
    $('.slider-button:eq('+(parseInt(fotoActual)-1)+')').addClass('selected').css('background','#666');
    cambiaSlider(fotoActual);
}