// var activeMenu = 7;
var currentUnfolded = activeMenu;
var menu;
var Event = YAHOO.util.Event;

Event.onDOMReady(function() {
    menu = document.getElementById("accordion").innerHTML;
    initEventHandlers();
});

function initEventHandlers() {
    YAHOO.util.Event.on('ctl00_tab1', 'mouseover', function() { unfold(1); });
    YAHOO.util.Event.on('ctl00_tab2', 'mouseover', function() { unfold(2); });
    YAHOO.util.Event.on('ctl00_tab3', 'mouseover', function() { unfold(3); });
    YAHOO.util.Event.on('ctl00_tab4', 'mouseover', function() { unfold(4); });
    YAHOO.util.Event.on('ctl00_tab5', 'mouseover', function() { unfold(5); });
    YAHOO.util.Event.on('ctl00_tab6', 'mouseover', function() { unfold(6); });
    YAHOO.util.Event.on('ctl00_tab7', 'mouseover', function() { unfold(7); });

    YAHOO.util.Event.on('ctl00_tab1', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab2', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab3', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab4', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab5', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab6', 'mouseout', function() { reset(); });
    YAHOO.util.Event.on('ctl00_tab7', 'mouseout', function() { reset(); });
}

function unfold(n) {
    checkElements();

    if (n != currentUnfolded) {
        currentUnfolded = n;
    }
    for (var i = 1; i <= 7; i++) {
        new YAHOO.util.Anim("ctl00_tab" + i, { left: { to: (i - 1) * 70 + ((currentUnfolded < i) ? 140 : 0)} }, 0.3, YAHOO.util.Easing.easeOut).animate();
    }
}

function reset() {
    unfold(activeMenu);
}

function checkElements() {
    // Maxthon fix to prevent moving elements being triggered as malicious content
    if ((document.getElementById("ctl00_tab1") == undefined) || (document.getElementById("ctl00_tab2") == undefined) || (document.getElementById("ctl00_tab3") == undefined) || (document.getElementById("ctl00_tab4") == undefined) || (document.getElementById("ctl00_tab5") == undefined) || (document.getElementById("ctl00_tab6") == undefined) || (document.getElementById("ctl00_tab7") == undefined)) {
        document.getElementById("accordion").innerHTML = menu;
        initEventHandlers();
    }
}