var selectedElement = 'SBT1';
var selectedElementNumber = 1;

Event.observe(window, 'load', function() {
    initializeSquares();
    setInterval("slideShow();", 10000);
    initializeSquaresPequeno();
    setInterval("slideShowPequeno();", 10000);

    Event.observe('BT1', 'click', function() {
        squares(1);
    });
    Event.observe('BT2', 'click', function() {
        squares(2);
    });
    Event.observe('BT3', 'click', function() {
        squares(3);
    });
    Event.observe('BT4', 'click', function() {
        squares(4);
    });
    Event.observe('BT5', 'click', function() {
        squares(5);
    });


    Event.observe('BTS1', 'click', function() {
        squaresPequeno(1);
    });
    Event.observe('BTS2', 'click', function() {
        squaresPequeno(2);
    });
    Event.observe('BTS3', 'click', function() {
        squaresPequeno(3);
    });
    Event.observe('BTS4', 'click', function() {
        squaresPequeno(4);
    });
    Event.observe('BTS5', 'click', function() {
        squaresPequeno(5);
    });

});





function initializeSquares(){
    $('image-slider-loading').hide();
    $('images-container').show();
    $('image-slider-thumbs').show();
    for(var i=1;i<=5;i++){
        FastHideEffect('SBT'+i);
    }
ShowEffect('SBT1');
}


function slideShow(){
    var next = selectedElementNumber + 1;
    if(next == 6){
        next = 1;
    }
    squares(next);
    selectedElementNumber = next;
    selectedElement = 'SBT'+selectedElementNumber;
}

function squares(numero){
    for(var i=1;i<=5;i++){
        $('IM'+i).hide();
    }
    if(selectedElement != 'SBT'+numero){
        FastHideEffect(selectedElement);
        ShowEffect('SBT'+numero);
    }
    selectedElement = 'SBT'+numero;
    selectedElementNumber = numero;
    $('IM'+numero).show();
}






var selectedElementPequeno = 'SBT1';
var selectedElementNumberPequeno = 1;

function initializeSquaresPequeno(){
    for(var i=1;i<=5;i++){
        FastHideEffect('SBTS'+i);
    }
ShowEffect('SBTS1');
}


function slideShowPequeno(){
    var next = selectedElementNumberPequeno + 1;
    if(next == 6){
        next = 1;
    }
    squaresPequeno(next);
    selectedElementNumberPequeno = next;
    selectedElementPequeno = 'SBTS'+selectedElementNumberPequeno;
}

function squaresPequeno(numero){
    for(var i=1;i<=5;i++){
  $('IMS'+i).hide();
    }
    if(selectedElementPequeno != 'SBTS'+numero){
        FastHideEffect(selectedElementPequeno);
        ShowEffect('SBTS'+numero);
    }
    selectedElementPequeno = 'SBTS'+numero;
    selectedElementNumberPequeno = numero;
$('IMS'+numero).show();
}


function ShowEffect(element){
   new Effect.Opacity(element,
   {duration:0, from:0.3, to:1.0});
}

function FastHideEffect(element){
   new Effect.Opacity(element,
   {duration:0, from:1.0, to:0.3});
}