/**
 *  Menu Effect & Main page slider
 */

var selected = 1;
var tabs = 0;
var myFx = false;
var myTimer = false;
var DELAY = 10000;

function selectSlide(e)
{
    if( myFx ) return;
    if( selected == e ) return;
    
    for( var i = 0; i < tabs.length; i++ ) tabs[i].className = '';
    e.className = "selected";
    
    var sel = $(selected.id + '_slide');
    var next = $(e.id + '_slide');
    
    next.className = 'slide next';
    
    myFx = new Fx.Tween(sel.id, {property: 'opacity'});
    myFx.start(1,0).chain(
        function() {
            sel.className = 'slide';
            sel.setStyle('opacity', 1);
            next.className = 'slide selected';
            selected = e;
            myFx = false;
            
            myTimer = $clear(myTimer);
            myTimer = nextSlide.periodical(DELAY);
            
        }
    );
    
}

function nextSlide()
{
    var cnt = tabs.length;
    var selId = selected.id;
    var sel = selId.slice(1);
    if( sel == cnt ) sel = 1;
    else sel++;
    e = $('e' + sel);
    //console.log(e);
    selectSlide(e);
}

document.addEvent('domready', function() {
    
    $('mainmenu').getElements('LI').addEvents({
        'mouseout' : function() {
            var d = document.createElement('DIV');
            d.setStyle('display', 'block');
            d.setStyle('opacity', 1);
            d.fade(0);
            this.appendChild(d);
        }
    });

    
    if( $defined($('slider')) )
    {
        selected = $('e1');
        tabs = $('slide-list').getElements('LI');
        
        tabs.addEvents({
            'click' : function() {selectSlide(this);}
        });
        
        myTimer = nextSlide.periodical(DELAY);
        
    }
    
});