var scrollStep = 1
var timerLeft = ""
var timerRight = ""
var currentIndex = 0;
var bigs = new Array();
var rootUrl = "";

function toLeft(id) {
    document.getElementById(id).scrollLeft = 0
}

function scrollDivLeft(id) {
    clearTimeout(timerRight)
    document.getElementById(id).scrollLeft += scrollStep
    timerRight = setTimeout("scrollDivLeft('" + id + "')", 10)
}

function scrollDivRight(id) {
    clearTimeout(timerLeft)
    document.getElementById(id).scrollLeft -= scrollStep
    timerLeft = setTimeout("scrollDivRight('" + id + "')", 10)
}

function toRight(id) {
    document.getElementById(id).scrollLeft = document.getElementById(id).scrollWidth
}

function stopMe() {
    clearTimeout(timerRight)
    clearTimeout(timerLeft)
}
function goNext(dir) {

    if ((dir == '-') && (currentIndex > 0)) {
        replaceImageGalleryMainImage(currentIndex - 1);
    }
    else if ((dir == '\+') && (currentIndex < (bigs.length - 1))) {
        replaceImageGalleryMainImage(currentIndex + 1);
    }
}

function cycleImage(dir) {

    if ((dir == '-') && (currentIndex > 0)) {
        replaceImageGalleryMainImage(currentIndex - 1);
    }
    else if ((dir == '\+') && (currentIndex < (bigs.length - 1))) {
        replaceImageGalleryMainImage(currentIndex + 1);
    }
    else if ((dir == '-') && (currentIndex == 0)) {
        replaceImageGalleryMainImage(bigs.length - 1);
    }
    else if ((dir == '\+') && (currentIndex == (bigs.length - 1))) {
        replaceImageGalleryMainImage(0);
    }
}

function replaceImageGalleryMainImage(index) {
    var urlArray = bigs[parseInt(index)];
    $j('#galleryMainImage').attr("src", urlArray[0]);
    $j('#galleryMainImage').width(292);
    $j('#imageCaption').html(urlArray[1]);
    currentIndex = parseInt(index);
}
function addToImageGalleryTable(index, filenameFull, filenameThumb) {
    addToImageGalleryTableWithCaption(index, filenameFull, filenameThumb, '');
}
function addToImageGalleryTableWithCaption(index, filenameFull, filenameThumb, caption) {
    var row = $j('#myFRow');
    
    var urlArray = new Array(2);
    urlArray[0] = rootUrl + filenameFull;
    urlArray[1] = caption;
    
    bigs.push(urlArray);

    var container = document.createElement('TD');
    var img = document.createElement('img');

    if (index == 0) {

        var urlArray = bigs[parseInt(index)];
        $j('#galleryMainImage').attr("src", urlArray[0]);
        $j('#galleryMainImage').width(292);
        $j('#imageCaption').html(urlArray[1]);
    }

    img.id = "smImg" + index.toString();
    img.setAttribute("src", rootUrl + filenameThumb);
    img.onclick = function() { replaceImageGalleryMainImage(index); }
    img.setAttribute("border", "1");

    container.appendChild(img);
    $j('#myFRow').append(container);
}
function addExternalImageToGalleryTable(index, urlImageFull, caption) {

    addExternalImageToGalleryTable(index, urlImageFull, '');
}
function addExternalImageToGalleryTableWithCaption(index, urlImageFull, caption) {

    var row = $j('#myFRow');
    
    //alert(urlImageFull);

    var urlArray = new Array(2);
    urlArray[0] = urlImageFull;
    urlArray[1] = caption;

    bigs.push(urlArray);
    
    var container = document.createElement('TD');
    var img = document.createElement('img');

    if (index == 0) {
        var urlArray = bigs[parseInt(index)];
        $j('#galleryMainImage').attr("src", urlArray[0]);
        $j('#galleryMainImage').width(292);
        $j('#imageCaption').html(urlArray[1]);
    }

    img.id = "smImg" + index.toString();
    img.setAttribute("src", urlImageFull);
    img.setAttribute("width", 100);
    img.onclick = function() { replaceImageGalleryMainImage(index); }
    img.setAttribute("border", "1");

    container.appendChild(img);
    $j('#myFRow').append(container);
}