// ******************************************************************
// Created JavaScript functions
// ******************************************************************
document.getElementsByClassName = function(cl) 
{
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}; 


// ******************************************************************
// Application's JavaScript functions
// ******************************************************************

var currentContentNo;

var divBodyRight;
var divInfoTop;
var divInfoLeft;
var divNoOfImages;
var noOfImages;

function DoOnload() {
    currentContentNo = 1;
    divBodyRight = document.getElementById('div_bodyright');
    imgMain = document.getElementById('img_main');
    divInfoTop = document.getElementById('div_infoTop');
    divInfoLeft = document.getElementById('div_infoLeft');
    divNoOfImages = document.getElementById('div_noOfImages');
    noOfImages = document.getElementsByClassName('content').length;
    if (divNoOfImages) divNoOfImages.innerHTML = '1 of ' + noOfImages;

    //Get and display first image and associated info divisions for the first image
    DisplayContent(currentContentNo);
}

function GoToContent(dir) {
    newContentNo = currentContentNo + dir;
    if (newContentNo < 1 || newContentNo > noOfImages) return;
    if (document.getElementById('div_content' + newContentNo)) {
        document.getElementById('div_bodyright').innerHTML = "";
        DisplayContent(newContentNo);
        currentContentNo = newContentNo;
        divNoOfImages.innerHTML = currentContentNo + ' of ' + noOfImages;
    }
}

function DisplayContent(contentNo) {
    if ((document.getElementById('div_content' + contentNo)).getAttribute('image')) {
        img0 = new Image();
        img0.onload = function() {
            document.getElementById('div_bodyright').appendChild(img0);
            if (document.getElementById('infoTop' + contentNo))
                divInfoTop.innerHTML = document.getElementById('infoTop' + contentNo).innerHTML;
            else
                divInfoTop.innerHTML = "";
            if (document.getElementById('infoLeft' + contentNo))
                divInfoLeft.innerHTML = document.getElementById('infoLeft' + contentNo).innerHTML;
            else
                divInfoLeft.innerHTML = "";
        };
        img0.src = (document.getElementById('div_content' + contentNo)).getAttribute('image');
    }
    else if ((document.getElementById('div_contentbody' + contentNo))) {
        (document.getElementById('div_bodyright')).innerHTML = (document.getElementById('div_contentbody' + contentNo)).innerHTML;
    }
}