document.getElementById('navHome').className = "navSelected";

var scrolltimer = 10000;
var totalelements = 6;

var t = 0;
var t = setTimeout("autoScroll(1);", scrolltimer);

window.addEvent('domready', function() {
 
    var scroll = new Fx.Scroll('featurebox-wrapper', {
        wait: false,
        duration: 1000,
        transition: Fx.Transitions.Quad.easeInOut
    });
     
    $('link1').addEvent('click', function(event) {
        clearTimeout(t);            
        event = new Event(event).stop();
        scroll.toElement('content1');
        document.getElementById('link1').style.background  = '#FFFFFF';
        document.getElementById('link1').style.color = '#000000';
        document.getElementById('link2').style.background  = '#000000';
        document.getElementById('link2').style.color = '#FFFFFF';
        document.getElementById('link3').style.background  = '#000000';
        document.getElementById('link3').style.color = '#FFFFFF';
        document.getElementById('link4').style.background  = '#000000';
        document.getElementById('link4').style.color = '#FFFFFF';
        document.getElementById('link5').style.background  = '#000000';
        document.getElementById('link5').style.color = '#FFFFFF';
        document.getElementById('link6').style.background = '#000000';
        document.getElementById('link6').style.color = '#FFFFFF';        
    });
     
    $('link2').addEvent('click', function(event) {
        clearTimeout(t);
        event = new Event(event).stop();
        scroll.toElement('content2');
        document.getElementById('link1').style.background  = '#000000';
        document.getElementById('link1').style.color = '#FFFFFF';
        document.getElementById('link2').style.background  = '#FFFFFF';
        document.getElementById('link2').style.color = '#000000';
        document.getElementById('link3').style.background  = '#000000';
        document.getElementById('link3').style.color = '#FFFFFF';
        document.getElementById('link4').style.background  = '#000000';
        document.getElementById('link4').style.color = '#FFFFFF';
        document.getElementById('link5').style.background  = '#000000';
        document.getElementById('link5').style.color = '#FFFFFF';
        document.getElementById('link6').style.background = '#000000';
        document.getElementById('link6').style.color = '#FFFFFF';        
    });
     
    $('link3').addEvent('click', function(event) {
        clearTimeout(t);
        event = new Event(event).stop();
        scroll.toElement('content3');
        document.getElementById('link1').style.background  = '#000000';
        document.getElementById('link1').style.color = '#FFFFFF';
        document.getElementById('link2').style.background  = '#000000';
        document.getElementById('link2').style.color = '#FFFFFF';
        document.getElementById('link3').style.background  = '#FFFFFF';
        document.getElementById('link3').style.color = '#000000';
        document.getElementById('link4').style.background  = '#000000';
        document.getElementById('link4').style.color = '#FFFFFF';
        document.getElementById('link5').style.background  = '#000000';
        document.getElementById('link5').style.color = '#FFFFFF';
        document.getElementById('link6').style.background = '#000000';
        document.getElementById('link6').style.color = '#FFFFFF';       
    });
     
    $('link4').addEvent('click', function(event) {
        clearTimeout(t);
        event = new Event(event).stop();
        scroll.toElement('content4');
        document.getElementById('link1').style.background  = '#000000';
        document.getElementById('link1').style.color = '#FFFFFF';
        document.getElementById('link2').style.background  = '#000000';
        document.getElementById('link2').style.color = '#FFFFFF';
        document.getElementById('link3').style.background  = '#000000';
        document.getElementById('link3').style.color = '#FFFFFF';
        document.getElementById('link4').style.background  = '#FFFFFF';
        document.getElementById('link4').style.color = '#000000';
        document.getElementById('link5').style.background  = '#000000';
        document.getElementById('link5').style.color = '#FFFFFF';
        document.getElementById('link6').style.background = '#000000';
        document.getElementById('link6').style.color = '#FFFFFF';       
    });

    $('link5').addEvent('click', function(event) {
        clearTimeout(t);
        event = new Event(event).stop();
        scroll.toElement('content5');
        document.getElementById('link1').style.background  = '#000000';
        document.getElementById('link1').style.color = '#FFFFFF';
        document.getElementById('link2').style.background  = '#000000';
        document.getElementById('link2').style.color = '#FFFFFF';
        document.getElementById('link3').style.background  = '#000000';
        document.getElementById('link3').style.color = '#FFFFFF';
        document.getElementById('link4').style.background  = '#000000';
        document.getElementById('link4').style.color = '#FFFFFF';
        document.getElementById('link5').style.background  = '#FFFFFF';
        document.getElementById('link5').style.color = '#000000';
        document.getElementById('link6').style.background = '#000000';
        document.getElementById('link6').style.color = '#FFFFFF';  
    });

    $('link6').addEvent('click', function(event) {
        clearTimeout(t);
        event = new Event(event).stop();
        scroll.toElement('content6');
        document.getElementById('link1').style.background = '#000000';
        document.getElementById('link1').style.color = '#FFFFFF';
        document.getElementById('link2').style.background = '#000000';
        document.getElementById('link2').style.color = '#FFFFFF';
        document.getElementById('link3').style.background = '#000000';
        document.getElementById('link3').style.color = '#FFFFFF';
        document.getElementById('link4').style.background = '#000000';
        document.getElementById('link4').style.color = '#FFFFFF';
        document.getElementById('link5').style.background = '#000000';
        document.getElementById('link5').style.color = '#FFFFFF';
        document.getElementById('link6').style.background = '#FFFFFF';
        document.getElementById('link6').style.color = '#000000';        
    });
 
});

function autoScroll(position){
    window.addEvent('domready', function() {    
        var scroll = new Fx.Scroll('featurebox-wrapper', {
            wait: false,
            duration: 1000,
            transition: Fx.Transitions.Quad.easeInOut
        });
        if (position == totalelements){
            position = 1;
            scroll.toElement('content1');
            document.getElementById('link1').style.background  = '#FFFFFF';
            document.getElementById('link1').style.color = '#000000';
            document.getElementById('link2').style.background  = '#000000';
            document.getElementById('link2').style.color = '#FFFFFF';
            document.getElementById('link3').style.background  = '#000000';
            document.getElementById('link3').style.color = '#FFFFFF';
            document.getElementById('link4').style.background  = '#000000';
            document.getElementById('link4').style.color = '#FFFFFF';
            document.getElementById('link5').style.background  = '#000000';
            document.getElementById('link5').style.color = '#FFFFFF';
            document.getElementById('link6').style.background = '#000000';
            document.getElementById('link6').style.color = '#FFFFFF';              
        }else{
            position++;
            scroll.toElement('content' + position.toString());
            document.getElementById('link' + position.toString()).style.background  = '#FFFFFF';
            document.getElementById('link' + position.toString()).style.color = '#000000';
            for (i=1;i<=position;i++)
            {
                if (i != position)
                {
                    document.getElementById('link' + i.toString()).style.background  = '#000000';
                    document.getElementById('link' + i.toString()).style.color = '#FFFFFF';
                }
            }

        }
        t = setTimeout("autoScroll(" + position + ");", scrolltimer);
    });
};