// JavaScript Document
var ContentHeight = 500;
var TimeToSlide = 100.0;
var CurrentlyOpenAccordion = "";

function runAccordion(index, pContentHeight) {
    ContentHeight = pContentHeight;
    var accordionId = "Accordion" + index + "Content";
    if (CurrentlyOpenAccordion == accordionId)
        accordionId = '';

    setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + CurrentlyOpenAccordion + "','" + accordionId + "')", 33);

    CurrentlyOpenAccordion = accordionId;

}

function runAccordion2(index, pContentHeight) {
    ContentHeight = pContentHeight;
    var accordionId = "Accordion" + index + "Content";
    var opening = document.getElementById(accordionId);
    opening.style.height = ContentHeight + 'px';
    opening.style.display = 'block';
    CurrentlyOpenAccordion = accordionId;
}

function animate(lastTick, timeLeft, closingId, openingId) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    var opening = (openingId == '') ? null : document.getElementById(openingId);
    var closing = (closingId == '') ? null : document.getElementById(closingId);

    //if(timeLeft <= elapsedTicks)
    if (true) {
        if (opening != null) {

            opening.style.height = ContentHeight + 'px';
            opening.style.display = 'block';
        }

        if (closing != null) {
            closing.style.display = 'none';
            closing.style.height = '0px';
        }
        return;
    }

    timeLeft -= elapsedTicks;
    var newClosedHeight = Math.round((timeLeft / TimeToSlide) * ContentHeight);

    if (opening != null) {
        if (opening.style.display != 'block')
            opening.style.display = 'block';
        opening.style.height = (ContentHeight - newClosedHeight) + 'px';
    }

    if (closing != null)
        closing.style.height = newClosedHeight + 'px';

    setTimeout("animate(" + curTick + "," + timeLeft + ",'" + closingId + "','" + openingId + "')", 33);
}

function OpenAccordion(pIndex, pContentHeight) {
    var accordionId = BuildAccordionId(pIndex);
    if (accordionId == CurrentlyOpenAccordion) return;
    if (CurrentlyOpenAccordion != "") CloseAccordionById(CurrentlyOpenAccordion);
    OpenAccordionById(accordionId, pContentHeight);
    CurrentlyOpenAccordion = accordionId;
}

function ToggleAccordion(pIndex, pContentHeight) {
    var accordionId = BuildAccordionId(pIndex);
    if (CurrentlyOpenAccordion != "") CloseAccordionById(CurrentlyOpenAccordion);
    if (accordionId != CurrentlyOpenAccordion) {
        OpenAccordionById(accordionId, pContentHeight);
        CurrentlyOpenAccordion = accordionId;
        return;
    }
    CurrentlyOpenAccordion = "";
}

function BuildAccordionId(pIndex) {
    return "Accordion" + pIndex + "Content";
}

function OpenAccordionById(pAccordionId, pContentHeight) {
    var element = document.getElementById(pAccordionId);
    if (element) {
        element.style.height = pContentHeight + 'px';
        element.style.display = 'block';
    }
}

function CloseAccordionById(pAccordionId) {
    var element = document.getElementById(pAccordionId);
    if (element) {
        element.style.height = '0px';
        element.style.display = 'none';
    }
}


function SetBackgroundImage(pId, pBackgroundUrl) {
    document.getElementById(pId).style.background = 'url("' + pBackgroundUrl + '")';
}