function hover(id, src) {
    document.images[id].src = src;
}

function change(div_id, val) {
    var elm = document.getElementById(div_id);
    if (elm != null) elm.innerHTML = val;
}

var firstThumb = 0;
var currPic = 0;

function showPic(i) {
    if (i == 0) {//first thumbnail
        document.images['largePic'].src = largePic[i];
        document.images['largePic'].alt = descPic[i];
        document.images['largePic'].title = descPic[i];
    } else {
        //change large image:
        document.images['largePic'].src = largePic[i];
        document.images['largePic'].alt = descPic[i];
        document.images['largePic'].title = descPic[i];
    }
    //set currPic
    currPic = i;
    change('galleryheading', descPic[i]);
    change('gallerytext', descPic[i]);
    RolloverPic(currPic, true);
}

function RolloverPic(i, over) {
    if (window.document.images) {
        if (over || i == currPic) {
            for (var j = 0; j < iNoOfPics; j++) {
                if (j != currPic) document.images['thumb' + j].src = thumbPic[j];
            }
            document.images['thumb' + i].src = thumbPicOn[i];
        }
        else {
            document.images['thumb' + i].src = thumbPic[i];
        }
    }
}

function nextPic() {
    currPic++;
    if (currPic < iNoOfPics) {
        showPic(currPic);
        RolloverPic(currPic, true);
    }
    else showPic(0);
}
function prevPic() {
    currPic--;
    if (currPic < 0) {

        currPic = iNoOfPics - 1;
    }
    if (currPic < iNoOfPics && currPic > -1) {
        showPic(currPic);
        RolloverPic(currPic, true);
    }
    else showPic(0);
}

function nextPic1() {
    if (currPic == 0) {
        if (firstThumb == 0) {//this means the second picture is shown in large area
            currPic = 1;
        }
    }
    else if (currPic > 2) {
        currPic = 0;
    } else {
        currPic++;
    }
    showPic(currPic);
}

function preLoad() {
    for (var i = 0; i < preLoad.arguments.length; i++) {
        for (var j = 0; j < eval(preLoad.arguments[i] + ".length"); j++) {
            var image = new Image();
            eval("image.src = " + preLoad.arguments[i] + "[" + j + "]");
        }
    }
}

