nextImage = function(anchorElm)
{
    // TODO: optimise / clean up
    var imgElm = findImageElm(anchorElm);
    var imageThumbs = findThumbContainerDiv(anchorElm);
    var ImageThumbNails = imageThumbs.getElementsByTagName('IMG');

    for (var i = 0; i < imageList.length; i++)
    {
        var il = imageList[i];
        
        if (il.id == imgElm.id)
        {
            var a = imgElm.src.slice(-12);
            var b = a.slice(0, -4);
            
            for (var j = 0; j < il.files.length; j++)
            {
                if (il.files[j].name == b)
                {
                    if ((j + 1) == il.files.length)
                        j = 0;
                    else
                        j++;
                        
                    imageIndex = j;
                    for (var imgPos = 0; imgPos < ImageThumbNails.length; imgPos++)
                    {
                        if (imageIndex >= il.files.length)
                            imageIndex = 0;
                            
                        // kddb
                        var newImg = il.files[imageIndex];
                        var c = newImg.name.slice(-1);
                        ImageThumbNails[imgPos].src = ImageThumbNails[imgPos].src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                        ImageThumbNails[imgPos].alt = newImg.desc;
                        imageIndex++;
                    }
                        
                    var newImg = il.files[j];
                        
                    var c = newImg.name.slice(-1);
                    imgElm.src = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                    imgElm.alt = newImg.desc;
                    
                    var ff = document.getElementById('ctl00_PageContent_ucProductImages_aZoom');
                    ff.href = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                    
                    break;
                }
            }
            
            break;
        }
    }
    
    return false;
}

previousImage = function(anchorElm)
{
    // TODO: optimise / clean up
    var imgElm = findImageElm(anchorElm);
    var imageThumbs = findThumbContainerDiv(anchorElm);
    var ImageThumbNails = imageThumbs.getElementsByTagName('IMG');

    for (var i = 0; i < imageList.length; i++)
    {
        var il = imageList[i];
        
        if (il.id == imgElm.id)
        {
            var a = imgElm.src.slice(-12);
            var b = a.slice(0, -4);
            
            for (var j = 0; j < il.files.length; j++)
            {
                if (il.files[j].name == b)
                {
                    if (j == 0)
                        j = (il.files.length - 1);
                    else
                        j--;
                        
                    imageIndex = j;
                    for (var imgPos = 0; imgPos < ImageThumbNails.length; imgPos++)
                    {
                        if (imageIndex >= il.files.length)
                            imageIndex = 0;
                            
                        // kddb
                        var newImg = il.files[imageIndex];
                        var c = newImg.name.slice(-1);
                        ImageThumbNails[imgPos].src = ImageThumbNails[imgPos].src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                        ImageThumbNails[imgPos].alt = newImg.desc;
                        imageIndex++;
                    }
                        
                    var newImg = il.files[j];
                        
                    var c = newImg.name.slice(-1);
                    imgElm.src = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                    imgElm.alt = newImg.desc;
                    
                    var ff = document.getElementById('ctl00_cphContent_ucImageBrowser_aZoom');
                    ff.href = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                    break;
                }
            }
            
            break;
        }
    }
    
    return false;
}

showImage = function(anchorElm, clickedImageIndex)
{
    var imgElm = findImageElm(anchorElm);
    var imageThumbs = anchorElm.parentNode
    var ImageThumbNails = imageThumbs.getElementsByTagName('IMG');

    for (var i = 0; i < imageList.length; i++)
    {
        var il = imageList[i];
        
        if (il.id == imgElm.id)
        {
            var a = imgElm.src.slice(-12);
            var b = a.slice(0, -4);
            
            var j = clickedImageIndex;
//            for (var j = 0; j < il.files.length; j++)
//            {
//                if (il.files[j].name == b)
//                {
//                    var count = j + clickedImageIndex;
//                    if (count > (il.files.length - 1))
//                    
//                        j = count - il.files.length;
//                    else
//                        j = count;
                        
//                    imageIndex = j;
//                    for (var imgPos = 0; imgPos < ImageThumbNails.length; imgPos++)
//                    {
//                        if (imageIndex >= il.files.length)
//                            imageIndex = 0;
//                            
//                        // kddb
//                        var newImg = il.files[imageIndex];
//                        var c = newImg.name.slice(-1);
//                        ImageThumbNails[imgPos].src = ImageThumbNails[imgPos].src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
//                        ImageThumbNails[imgPos].alt = newImg.desc;
//                        imageIndex++;
//                    }
                    
                    for (var k = 0; k < ImageThumbNails.length; k++)
                    {
                        if (k != j)
                        {
                            ImageThumbNails[k].className = ImageThumbNails[k].className.replace(/\sselected/, '');
                            ImageThumbNails[k].className = ImageThumbNails[k].className.replace(/\shovering/, '');
                        }
                    }
                    
                    ImageThumbNails[j].className = ImageThumbNails[j].className.replace(/\shovering/, '');
                    ImageThumbNails[j].className += ' selected';
                        
                    var newImg = il.files[j];
                        
                    var c = newImg.name.slice(-1);
                    imgElm.src = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
                    imgElm.alt = newImg.desc;
                    
//                    var ff = document.getElementById('ctl00_cphContent_ucImageBrowser_aZoom');
//                    ff.href = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG';
//                    break;
//                }
//            }
            
            break;
        }
    }
    
    return false;
}

zoomImage = function(anchorElm)
{
    var imgElm = anchorElm; //findImageElm(anchorElm);
    
            var a = imgElm.src.slice(-12);
            var b = a.slice(0, -4);
            ZoomPicture(b);
          return false;
    
//    var tgt = imgElm.src.replace(/\/INTERNET\//, '/PP/');
//    var divImageBrowser = document.getElementById('ImageBrowser');
//    var divAlpha = document.getElementById('AlphaBox');
//    var imgProductImage = document.getElementById('imgProductImage');
//    var divImageThumbs = document.getElementById('divImageThumbs');
//    
//    
//    divAlpha.style.display = 'block';
//    divImageBrowser.style.display = 'block';
//    divImageBrowser.style.top = 113 + 'px';   
//    
//    imgProductImage.src = tgt;
//    
//    // generate <img> elements with thumbnails
//    for (var i = 0; i < imageList.length; i++)
//    {
//        var il = imageList[i];
//        
//        if (il.id == imgElm.id)
//        {
//            var a = imgElm.src.slice(-12);
//            var b = a.slice(0, -4);
//            
//            for (var j = 0; j < il.files.length; j++)
//            {
//                var newImg = il.files[j];
//                    
//                var c = newImg.name.slice(-1);
//                
//                var oImg=document.createElement("img"); 
//                oImg.src = imgElm.src.slice(0, -14) + c + '/' + newImg.name + '.JPG'; 
//                oImg.alt = newImg.desc; 
//                oImg.height = 75; 
//                oImg.width = 100;
//                oImg.onclick = function(name) { return function() { showImage(imgProductImage.id, name); } }(newImg.name);
//                divImageThumbs.appendChild(oImg); 
//            }

//            break;
//        }
//    }
}

function closeZoomImage() 
{
    var divImageBrowser = document.getElementById('ImageBrowser');
    var divAlpha = document.getElementById('AlphaBox');
    var divImageThumbs = document.getElementById('divImageThumbs');
    
    divImageBrowser.style.display = 'none';
    divImageBrowser.style.top = '50%';
    divAlpha.style.display = 'none';
    divImageThumbs.innerHTML = '';
}


findImageElm = function(anchorElm)
{
    // TODO: fix quirkyness
    var divElm = anchorElm.parentNode;
    divElm = divElm.previousSibling;
    if (divElm.nodeType == 3)
        divElm = divElm.previousSibling;
    if (divElm.className == 'imagebrowsertoolbar')
    {
        divElm = divElm.previousSibling;    
        
        if (divElm.nodeType == 3)
            divElm = divElm.previousSibling;
    }
    var imgElm = divElm.firstChild;
    if (imgElm.nodeType == 3)
        imgElm = imgElm.nextSibling;
    return imgElm;
}

findThumbContainerDiv = function(anchorElm)
{
    // TODO: fix quirkyness
    var divElm = anchorElm.parentNode;
    divElm = divElm.nextSibling;
    if (divElm.nodeType == 3)
        divElm = divElm.nextSibling;
        
    return divElm;
}