

function showAnimation(idAnimation) {
    $("#animation-"+idAnimation).fadeIn(500);
    idLastAnimation = idAnimation;
    setTimeout("nextAnimation()", 1500);
}
function nextAnimation() {
    if (idLastAnimation < nbAnimations) {
        idAnimation = idLastAnimation + 1;
        showAnimation(idAnimation);
    }
}

function showPicture(idPicture) {
    $("#picture-"+idLastPicture).fadeOut(500);
    $("#picture-"+idPicture).fadeIn(500);
    idLastPicture = idPicture;
    setTimeout("nextPicture()", 1500);
}
function nextPicture() {
    if (idLastPicture < nbPictures) {
        idPicture = idLastPicture + 1;
    } else if (idLastPicture == nbPictures) {
        idPicture = 1;
    }
    showPicture(idPicture);
}

function prevPage() {
    idPage = idLastPage-1;

    if (idPage == nbPages) {
        document.getElementById('linkPrev').style.visibility = "visible";
        document.getElementById('linkNext').style.visibility = "hidden";
    } else if (idPage == 1) {
        document.getElementById('linkPrev').style.visibility = "hidden";
        document.getElementById('linkNext').style.visibility = "visible";
    } else {
        document.getElementById('linkPrev').style.visibility = "visible";
        document.getElementById('linkNext').style.visibility = "visible";
    }

    document.getElementById('list-'+idLastPage).style.visibility = "hidden";
    document.getElementById('list-'+idPage).style.visibility = "visible";
    idLastPage = idPage;
}
function nextPage() {
    idPage = idLastPage+1;

    if (idPage == nbPages) {
        document.getElementById('linkPrev').style.visibility = "visible";
        document.getElementById('linkNext').style.visibility = "hidden";
    } else if (idPage == 1) {
        document.getElementById('linkPrev').style.visibility = "hidden";
        document.getElementById('linkNext').style.visibility = "visible";
    } else {
        document.getElementById('linkPrev').style.visibility = "visible";
        document.getElementById('linkNext').style.visibility = "visible";
    }

    document.getElementById('list-'+idLastPage).style.visibility = "hidden";
    document.getElementById('list-'+idPage).style.visibility = "visible";
    idLastPage = idPage;
}


function showMap(value) {
    elm = getElementsByClass('picture');
    for(var i = 0; i < elm.length; i++) {
        elm[i].style.visibility = "hidden";
        elm[i].style.position = "absolute";
    }
    document.getElementById('picture-'+value).style.visibility = "visible";
    document.getElementById('picture-'+value).style.position = "relative";
}

function showDescription(value) {
    elm = getElementsByClass('description');
    for(var i = 0; i < elm.length; i++) {
        elm[i].style.visibility = "hidden";
        elm[i].style.position = "absolute";
    }
    document.getElementById('description-'+value).style.visibility = "visible";
    document.getElementById('description-'+value).style.position = "relative";
}

function showPoint(value) {
    if (document.getElementById('picture-0').style.visibility == "visible") {
        elm = getElementsByClass('point');
        for(var i = 0; i < elm.length; i++) {
            elm[i].style.visibility = "hidden";
        }
        document.getElementById('point-'+value).style.visibility = "visible";
    }
}

function hidePoint() {
    elm = getElementsByClass('point');
    for(var i = 0; i < elm.length; i++) {
        elm[i].style.visibility = "hidden";
    }
}

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if(node == null) node = document;
    if(tag == null) tag = '*';

    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

    for(i = 0, j = 0; i < elsLen; i++) {
        if (pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }

    return classElements;
}

