var thumbsPerPage = 3;
var currentPage = -1;
var lastPage = 0;
var imageArray = new Array();
function cacheImages() {
    vals = new String(document.getElementById('thumbnails').value);
    vals = vals.substring(0, vals.length-1);
    arr = vals.split(';');
    for(i=0;i<arr.length;i++) {
        img = new Image();
        img.src = arr[i];
        imageArray[i] = img;
    }
    lastPage = parseInt(imageArray.length / thumbsPerPage);
    if(imageArray.length % thumbsPerPage > 0) {
        lastPage++;
    }
}

function showFullImage() {
    testimg=new Image();
    mainobj = document.getElementById('mainimg');
    picsrc = new String(mainobj.src);
    newsrc = picsrc.substring(0, picsrc.lastIndexOf("/")) + "/full" + picsrc.substring(picsrc.lastIndexOf("/"), picsrc.length);
    document.cookie= "mainimgsrc=" + newsrc;
    winobj = window.open("viewfullimage.html", "gallery","location=no,menubar=no,resizable=yes,scrollbars=yes");
    winobj.focus();
}       
    
function nextThumbnails(imgObj) {
    imsrc = new String(imgObj.src);
    if(imsrc.indexOf("disabled") >= 0) {
        return false;
    }
    gotoPage(currentPage + 1);
}


function prevThumbnails(imgObj) {
    imsrc = new String(imgObj.src);
    if(imsrc.indexOf("disabled") >= 0) {
        return false;
    }
    gotoPage(currentPage - 1);
}


function blankThumbs() {
    for(i=1;i<=thumbsPerPage;i++) {
        document.getElementById('th'+i).src = 'images/blank.gif';
    }
}

function setupThNav(startNo) {
    tdobj = document.getElementById('thnav');
    newhtml="Pages: ";
    for(i=0;i<lastPage;i++) {
        newhtml= newhtml + " <a href='#' class='thnavtext' onclick='gotoPage(" + i + ")'>";
        if(i == currentPage) {
            newhtml = newhtml + "<u><b>"+(i+1)+"</b></u></a>";
        }
        else {
            newhtml = newhtml + (i+1) + "</a> ";
        }
    }
    tdobj.innerHTML=newhtml;
}

function gotoPage(pg) {
    leftarrow = document.getElementById('leftarr');
    rightarrow = document.getElementById('rightarr');
    if(pg<=0) {
        leftarrow.src="images/leftarrowdisabled.gif";
    }
    else {
        leftarrow.src="images/leftarrow.gif";
    }
    if(pg >= lastPage - 1) {
        rightarrow.src="images/rightarrowdisabled.gif";
    }
    else {
        rightarrow.src="images/rightarrow.gif";
    }
    
    if(pg != currentPage && pg >= 0 && pg < lastPage) {
        currentPage = pg;
        blankThumbs();
        arrStart = currentPage * thumbsPerPage;
        imgno = 1;
        for(i=arrStart;i<arrStart + thumbsPerPage;i++) {
            if(i == imageArray.length ) {
                break;
            }
            imgid='th'+imgno;
            document.getElementById(imgid).src = imageArray[i].src;
            imgno++;
        }
    }
    mainimage = document.getElementById("mainimg");
    mainsrc = new String(mainimage.src);
    if(mainsrc.indexOf("blank_main.gif") >=0) {
        showImage(document.getElementById("th1"));
    }
    setupThNav(currentPage);
}

function showImage(imgobj) {
    mainobj = document.getElementById("mainimg");
    newsrc = new String(imgobj.src);
    if(newsrc.indexOf("blank") == -1) {
        newsrc = newsrc.substring(0, newsrc.indexOf("tm_")) + newsrc.substring(newsrc.indexOf("tm_") + 3, newsrc.length);   
        mainobj.src=newsrc;
        newsrc = newsrc.substring(0, newsrc.indexOf(".jpg"));
        newsrc = newsrc + ".php";        
        newsrc = newsrc.substring(newsrc.lastIndexOf("/") + 1, newsrc.length);
        newsrc = "descriptions/" + imagedir + newsrc;        
        proddesc = document.getElementById("description");
        newHtml = "<iframe src=\"" + newsrc + "\" height=\"222\" width=\"160\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"></iframe>";
        proddesc.innerHTML = newHtml;
    }
}