var accordionContainer = null;
var accordionPanes = null;
var accordionHeaders = null;
var accordionGoToX = null;
var accordionTimer = null;
var accordionIndex = -1;
var accordionCurrentBack = 0;

function initAccordion(container) {
    accordionContainer = document.getElementById(container);
    var first = accordionContainer.firstChild;    
    var first2;
    accordionPanes = new Array();
    accordionHeaders = new Array();
    while (first.nextSibling) {
	    if (first.nodeName == "DIV") {
	        accordionPanes.push(first);
	        first2 = first.firstChild;
	        while (first2.nodeName != "DIV") first2 = first2.nextSibling;
	        accordionHeaders.push(first2);
	    }
	    first = first.nextSibling;
    }
    accordionContainer.style.backgroundImage = "url(" + accordionBackgrounds[0] + ")";
    if (accordionBackgrounds.length > 1) setInterval("setNextBackground()", 3000);
}

function setNextBackground() {
    accordionContainer.style.backgroundImage = "url(" + accordionBackgrounds[(accordionCurrentBack =
        (accordionCurrentBack + 1) % accordionBackgrounds.length)] + ")";
}

function showAccordion(pane) {
    var paneIndex = 0;
    var i = 0;
    accordionGoToX = new Array();
    while (paneIndex < accordionPanes.length && accordionPanes[paneIndex] != pane) { paneIndex++; }
    if (paneIndex == 0 && accordionIndex == 0) {
        for (i = 0; i < accordionPanes.length; i++)
            accordionGoToX.push(950 - ((accordionPanes.length - i) * 30));
        accordionHeaders[0].style.backgroundPosition = "0px 0px";
        if (accordionTimer) clearInterval(accordionTimer);
        accordionTimer = setInterval("movePanes()", 50);
        accordionIndex = -1;
        return;
    }
    if (paneIndex == accordionIndex) return;
    accordionIndex = paneIndex;    
    for (i = 0; i <= paneIndex; i++) {
        accordionGoToX.push(i * 30);
        accordionHeaders[i].style.backgroundPosition = "0px 0px";
    }
    for (i; i < accordionPanes.length; i++) {
        accordionGoToX.push(950 - ((accordionPanes.length - i) * 30));
        accordionHeaders[i].style.backgroundPosition = "0px 0px";
    }
    accordionHeaders[paneIndex].style.backgroundPosition = "0px -300px";
    if (accordionTimer) clearInterval(accordionTimer);
    accordionTimer = setInterval("movePanes()", 50);
}

function movePanes() {
    var tmpSize, offsetLeft, finished = true;
    for (var i = 0; i < accordionPanes.length; i++) {
        offsetLeft = parseInt(accordionPanes[i].style.left);
        if (offsetLeft != accordionGoToX[i]) {
            tmpSize = Math.round((offsetLeft - accordionGoToX[i]) / 4.0);
            if ((tmpSize >= -1) && (tmpSize <= 1))
                accordionPanes[i].style.left = accordionGoToX[i] + "px";
            else
                accordionPanes[i].style.left = (offsetLeft - tmpSize) + "px";
        }
    }
    for (var i = 0; (i < accordionPanes.length && finished); i++) {
        offsetLeft = parseInt(accordionPanes[i].style.left);
        if (offsetLeft != accordionGoToX[i])
            finished = false;
    }
    if (finished) clearInterval(accordionTimer);
}

function OnClickImgAccordeon(event, url) {
    if (!event) event = window.event;
    if (!event || !url) return;
    var el = event.target ? event.target : event.srcElement;
    if (el && el.className && el.className == "accordionContainer")
        window.location = url;
}