var topSliderAccordion;
var topSliderCurrentIndex;
var topSliderAutoslide;
var topSliderSupressAutoslide;
var topSliderPeriod = 8;
var topSliderNumberOfSlides = 4;
var topSliderChangeSpeed = 4;

var sideSliderAccordion;
var sideSliderChangeSpeed = 8;


jQuery(document).ready(function () {
    loadAccordions();
});

function loadAccordions() {
    
    /* top slider */
    topSliderAccordion = new accordion('topSlider', {
        classNames: {
            toggle: 'topSliderTab',
            toggleActive: 'topSliderTabActive',
            content: 'topSliderContent'
        },
        defaultSize: {
            width: 798
        },
        direction: 'horizontal',
        resizeSpeed: topSliderChangeSpeed
    });

    jQuery('#topSlider').bind('mouseenter', function () {
        topSliderSupressAutoslide = true;
    });

    jQuery('#topSlider').bind('mouseleave', function() {
        topSliderSupressAutoslide = false;
    });

    topSliderCurrentIndex = -1;
    topSliderAutoslide = true;
    topSliderSupressAutoslide = false;

    SlideTopSlider();
    setInterval('SlideTopSlider()', topSliderPeriod * 1000);

    /* side slider */
    sideSliderAccordion = new accordion('rightSlider', {
        classNames: {
            toggle: 'rightSliderTab',
            toggleActive: 'rightSliderTabActive',
            content: 'rightSliderContent'
        },
        direction: 'vertical',
        resizeSpeed: sideSliderChangeSpeed
    });

    sideSliderAccordion.activate($$('#rightSlider .rightSliderTab')[0]);
}

function SlideTopSlider() {
    if (topSliderSupressAutoslide)
        return;

    topSliderCurrentIndex = (topSliderCurrentIndex + 1) % topSliderNumberOfSlides;
    topSliderAccordion.activate($$('#topSlider .topSliderTab')[topSliderCurrentIndex]);
}