//No cambiar
var DivSelected = 1; //Variable que mantiene el elemento div seleccionado  
var DivSelectedAnt = 1; //Variable que representa el elemento div seleccionado anteriormente
var TimerInterval; //Variable que maneja el intervalo de tiempo                   

//Variables que se deben setear
var DivMax = 4; //Variable que representa la cantidad máxima de divs que habran en la proyección
var DefaultTime = 8000; //Variable que indica el tiempo de refresco entre las transiciones
var WithTimer = true; //Variable que indica si va a usar un timer

//Se establecen los seteos de inicio
$(document).ready(function(){
    DivMax = $('#DivMaxProyector').val();
    if(WithTimer){
        SetTimer();
    }                    
});

function changeTransition(_direction){
    if(WithTimer){
        clearInterval(TimerInterval);
        SetTimer();     
    }
    TransExist = false;
    _div = DivSelected;
    if(_direction == "sube"){
        if(_div < DivMax){
            DivSelected = parseInt(_div) + 1;
        }else{
            DivSelected = 1;
        }
        TransExist = true;
    }else if (_direction == "baja"){
        if(_div > 1){
            DivSelected = parseInt(_div) - 1;    
        }else{
            DivSelected = 3;
        }
        TransExist = true;
    }else if(_direction == "timer"){
        if(_div < DivMax){
            DivSelected = parseInt(_div) + 1;   
        }else{
            DivSelected = 1;
        }
        TransExist = true;
    }
    if(TransExist){
        $('#proyector_img_'+DivSelected).css('display', 'block');
        $('#proyector_img_'+DivSelected).css('z-index', 2);
        $('#proyector_img_'+DivSelectedAnt).css('z-index', 1);
        $('#proyector_img_'+DivSelected).animate({opacity: 1}, 1000);
        $('#proyector_img_'+DivSelectedAnt).animate({opacity: 0}, 1000);
        DivSelectedAnt = DivSelected;
    }
}

function changeTransitionForced(next){
    if(WithTimer){
        clearInterval(TimerInterval);
        SetTimer();
    }
    DivSelected = next;
    $('#proyector_img_'+DivSelected).css('display', 'block');
    $('#proyector_img_'+DivSelected).css('z-index', 2);
    $('#proyector_img_'+DivSelectedAnt).css('z-index', 1);
    $('#proyector_img_'+DivSelected).animate({opacity: 1}, 1000);
    $('#proyector_img_'+DivSelectedAnt).animate({opacity: 0}, 1000);
    DivSelectedAnt = DivSelected;
}

function SetTimer(){
    TimerInterval = setInterval("changeTransition('timer')", DefaultTime);
}