var lastOpenedDetails = null;
function toggleDetails(o) {
    if (lastOpenedDetails && o != lastOpenedDetails)
        toggleDetails(lastOpenedDetails);

    if (o.className == "closed") {
        o.className = "opened";
        o.parentNode.parentNode.parentNode.getElementsByTagName("DIV")[2].className = "opened details";
        lastOpenedDetails = o;
    } else {
        o.className = "closed";
        o.parentNode.parentNode.parentNode.getElementsByTagName("DIV")[2].className = "closed details";
        lastOpenedDetails = null;
    }
}

function moveTeasers(direction) {
    var teaserList = document.getElementById("teaserlist");
    var teasers = $(teaserList).children("li.teaser");

    if (teasers.length <= 2)
        return;

    if (lastOpenedDetails)
        toggleDetails(lastOpenedDetails);

    if (direction == "next") {
        teaserList.appendChild(teasers[0]);
        if (document.getElementById("toImageTeaser"))
            teaserList.insertBefore(teasers[2], teasers[1]);
    } else {
        teaserList.insertBefore(teasers[teasers.length - 1], teasers[0]);
        if (document.getElementById("toImageTeaser"))
            teaserList.insertBefore(teasers[1], teasers[0]);
    }

    teasers = $(teaserList).children("li.teaser");
    for (var i = 0; i < teasers.length; i++) {
        teasers[i].className = "teaser";
        teasers[i].style.display = i < 3 ? "block" : "none";
    }
    teasers[0].className = "teaser first";
}