//(C) www.dhtmlgoodies.com, June 2006
var opacitySpeed = 2; // Speed of opacity - switching between large images - Lower = faster
var opacitySteps = 10; // Also speed of opacity - Higher = faster
var slideSpeed = 5; // Speed of thumbnail slide - Lower = faster
var slideSteps = 8; // Also speed of thumbnail slide - Higher = faster
var columnsOfThumbnails = false; // Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.
/* Don't change anything below here */
var DHTMLgoodies_largeImage = false;
var DHTMLgoodies_imageToShow = false;
var DHTMLgoodies_currentOpacity = 100;
var DHTMLgoodies_slideWidth = false;
var DHTMLgoodies_thumbTotalWidth = false;
var DHTMLgoodies_viewableWidth = false;

var currentUnqiueOpacityId = false;
var DHTMLgoodies_currentActiveImage = false;
var DHTMLgoodies_thumbDiv = false;
var DHTMLgoodies_thumbSlideInProgress = false;

var browserIsOpera = navigator.userAgent.indexOf('Opera') >= 0 ? true: false;
var leftArrowObj;
var rightArrowObj;
var thumbsColIndex = 1;
var thumbsLeftPos = false;

function initGalleryScript() {
    DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('IMG')[0];
    DHTMLgoodies_largeHref = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('A')[0];
    var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
}

function moveThumbnails() {
    if (DHTMLgoodies_thumbSlideInProgress) return;
    DHTMLgoodies_thumbSlideInProgress = true;
    if (this.id == 'DHTMLgoodies_leftArrow') {
        thumbsColIndex--;
        rightArrowObj.style.visibility = 'visible';
        if (DHTMLgoodies_thumbDiv.style.left.replace('px', '') / 1 >= 0) {
            leftArrowObj.style.visibility = 'hidden';
            DHTMLgoodies_thumbSlideInProgress = false;
            return;
        }

        slideThumbs(slideSteps, 0);

    } else {
        thumbsColIndex++;
        leftArrowObj.style.visibility = 'visible';
        var left = DHTMLgoodies_thumbDiv.style.left.replace('px', '') / 1;
        var showArrow = true;
        if (DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth) showArrow = false;
        if (columnsOfThumbnails) showArrow = true;

        if (!showArrow) {
            rightArrowObj.style.visibility = 'hidden';
            DHTMLgoodies_thumbSlideInProgress = false;
            return;
        }

        slideThumbs((slideSteps * -1), 0);
    }

}

function slideThumbs(speed, currentPos) {
    var leftPos;
    if (thumbsLeftPos) {
        leftPos = thumbsLeftPos;
    } else {
        var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px', '') / 1;
        thumbsLeftPos = leftPos;
    }
    currentPos = currentPos + Math.abs(speed);
    var tmpLeftPos = leftPos;
    leftPos = leftPos + speed;
    thumbsLeftPos = leftPos;
    DHTMLgoodies_thumbDiv.style.left = leftPos + 'px';
    if (currentPos < DHTMLgoodies_slideWidth) setTimeout('slideThumbs(' + speed + ',' + currentPos + ')', slideSpeed);
    else {
        if (tmpLeftPos >= 0 || (columnsOfThumbnails && thumbsColIndex == 1)) {
            document.getElementById('DHTMLgoodies_leftArrow').style.visibility = 'hidden';
        }
        var left = tmpLeftPos;
        var showArrow = true;
        if (DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth) showArrow = false;
        if (columnsOfThumbnails) {
            if ((thumbsColIndex + 1) < columnsOfThumbnails) showArrow = true;
            else showArrow = false;
        }
        if (!showArrow) {
            document.getElementById('DHTMLgoodies_rightArrow').style.visibility = 'hidden';
        }
        DHTMLgoodies_thumbSlideInProgress = false;
    }

}

function showPreview(imagePath, inputObj, linkPath) {
    if (DHTMLgoodies_currentActiveImage) {
        if (DHTMLgoodies_currentActiveImage == inputObj.getElementsByTagName('IMG')[0]) return;
        DHTMLgoodies_currentActiveImage.className = '';
    }
    DHTMLgoodies_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
    //DHTMLgoodies_currentActiveImage.className='activeImage';
    DHTMLgoodies_imageToShow = imagePath;
    DHTMLgoodies_largeHref.href = linkPath;

    var tmpImage = new Image();
    tmpImage.src = imagePath;
    currentUnqiueOpacityId = Math.random();
    moveOpacity(opacitySteps * -1, currentUnqiueOpacityId, linkPath);
}

function setOpacity() {
    if (document.all) {
        DHTMLgoodies_largeImage.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
        var button_get = $('button_get');
        if (button_get) {
            button_get.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
        }
        var details_box = $('details_box');
        if (details_box) {
            details_box.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
        }
    } else {
        DHTMLgoodies_largeImage.style.opacity = DHTMLgoodies_currentOpacity / 100;
        var button_get = $('button_get');
        if (button_get) {
            button_get.style.opacity = DHTMLgoodies_currentOpacity / 100;
        }
        var details_box = $('details_box');
        if (details_box) {
            details_box.style.opacity = DHTMLgoodies_currentOpacity / 100;
        }
    }
}
function moveOpacity(speed, uniqueId) {
    if (browserIsOpera) {
        DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
        return;
    }
    DHTMLgoodies_currentOpacity = DHTMLgoodies_currentOpacity + speed;
    if (DHTMLgoodies_currentOpacity <= 5 && speed < 0) {
        var tmpParent = DHTMLgoodies_largeImage.parentNode;
        DHTMLgoodies_largeImage.parentNode.removeChild(DHTMLgoodies_largeImage);
        DHTMLgoodies_largeImage = document.createElement('IMG');
        tmpParent.appendChild(DHTMLgoodies_largeImage);
        setOpacity();
        DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;

        speed = opacitySteps;
    }
    if (DHTMLgoodies_currentOpacity >= 99 && speed > 0) DHTMLgoodies_currentOpacity = 99;
    setOpacity();
    if (DHTMLgoodies_currentOpacity >= 99 && speed > 0) return;
    if (uniqueId == currentUnqiueOpacityId) setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')', opacitySpeed);
}