document.observe("dom:loaded", function() {
	loaded();
        banners();
});

function loaded(){
    
    $$(".question_mark").each( function(link) {
		new Tooltip(link, {mouseFollow: false, appearDuration: .10});
	});
    
}
var setB = 0;
var nav = 0;
var curr = 0;
var j = 3;
var lastElem = 0;
function removeNavClass() {
    nav = $('nav').childElements();    
    for(i = 0; i< nav.length;i++) {
        if(nav[i].hasClassName('active')) {
            curr = i;
            nav[i].removeClassName('active')    
        }
    }
    if(curr + 1 != 4) {
        nav[curr+1].addClassName('active');
    } else {
        nav[0].addClassName('active');
    }
    j = ++curr;
    if(j == 4) {
        j = 0;
    } 
}
function setMove() {
    removeNavClass();    
    if(j >= 1 ) {
        lastElem = j - 1;
    } else { 
        lastElem = 3;
    }
    var val = 1560;
          
    if(lastElem != j) {
        if(lastElem < j) {
            val = val*(lastElem-j);
        } else {
            if(lastElem - j != 0) { 
                val = val*(lastElem-j);
            }
        }
        new Effect.Parallel([
            new Effect.Move('panelContainer', { sync: false, x: val, y: 0, mode: 'relative' }), 
        ], { duration: 0.9 });
    }
    banners();                 
}


function banners(){
    setB = setTimeout('setMove()', 5000);
}