/***********************************************************************************************
	
Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
UPDATE LOG:
	
March, 10th, 2006 : Added support for a message while large image is loading
	
Get this and other scripts at www.dhtmlgoodies.com
	
You can use this script freely as long as this copyright message is kept intact.
	
***********************************************************************************************/

var displayWaitMessage = true; // Display a please wait message while images are loading?


var activeImage = false;
var imageGalleryLeftPos = false;
var imageGalleryWidth = false;
var imageGalleryObj = false;
var maxGalleryXPos = false;
var slideSpeed = 0;
var imageGalleryCaptions = new Array();

var activeImage2 = false;
var imageGalleryLeftPos2 = false;
var imageGalleryWidth2 = false;
var imageGalleryObj2 = false;
var maxGalleryXPos2 = false;
var slideSpeed2 = 0;
var imageGalleryCaptions2 = new Array();

function gallerySlide() {
    if (slideSpeed != 0) {
        var leftPos = imageGalleryObj.offsetLeft;
        leftPos = leftPos / 1 + slideSpeed;
        if (leftPos > maxGalleryXPos) {
            leftPos = maxGalleryXPos;
            slideSpeed = 0;
        }
        if (leftPos < minGalleryXPos) {
            leftPos = minGalleryXPos;
            slideSpeed = 0;
        }

        imageGalleryObj.style.left = leftPos + 'px';
    }
    setTimeout('gallerySlide()', 20);

}

function gallerySlide2() {
    if (slideSpeed2 != 0) {
        var leftPos = imageGalleryObj2.offsetLeft;
        leftPos = leftPos / 1 + slideSpeed2;
        if (leftPos > maxGalleryXPos2) {
            leftPos = maxGalleryXPos2;
            slideSpeed2 = 0;
        }
        if (leftPos < minGalleryXPos2) {
            leftPos = minGalleryXPos2;
            slideSpeed2 = 0;
        }

        imageGalleryObj2.style.left = leftPos + 'px';
    }
    setTimeout('gallerySlide2()', 20);

}

function showImage() {
    //    if (activeImage) {
    //        activeImage.style.filter = 'alpha(opacity=50)';
    //        activeImage.style.opacity = 0.5;
    //    }
    //    this.style.filter = 'alpha(opacity=100)';
    //    this.style.opacity = 1;
    activeImage = this;
}

function initSlideShow() {
        document.getElementById('arrow_left').onmousemove = startSlide;
        document.getElementById('arrow_left').onmouseout = releaseSlide;
        document.getElementById('arrow_right').onmousemove = startSlide;
        document.getElementById('arrow_right').onmouseout = releaseSlide;

//    document.getElementById('arrow_left').onclick = changePic;
//    document.getElementById('arrow_right').onclick = changePic;

    document.getElementById('arrow_left2').onmousemove = startSlide2;
    document.getElementById('arrow_right2').onmousemove = startSlide2;
    document.getElementById('arrow_left2').onmouseout = releaseSlide;
    document.getElementById('arrow_right2').onmouseout = releaseSlide;

    //first
    imageGalleryObj = document.getElementById('theImages');
    imageGalleryLeftPos = imageGalleryObj.offsetLeft;
    imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
    maxGalleryXPos = imageGalleryObj.offsetLeft;
    minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
    var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
    for (var no = 0; no < slideshowImages.length; no++) {
        slideshowImages[no].onmouseover = showImage;
    }

    //second
    imageGalleryObj2 = document.getElementById('theImages2');
    imageGalleryLeftPos2 = imageGalleryObj2.offsetLeft;
    imageGalleryWidth2 = document.getElementById('galleryContainer2').offsetWidth - 80;
    maxGalleryXPos2 = imageGalleryObj2.offsetLeft;
    minGalleryXPos2 = imageGalleryWidth2 - document.getElementById('slideEnd2').offsetLeft;
    var slideshowImages2 = imageGalleryObj2.getElementsByTagName('IMG');
    for (var no = 0; no < slideshowImages2.length; no++) {
        slideshowImages2[no].onmouseover = showImage;
    }

    var divs = imageGalleryObj.getElementsByTagName('DIV');
    for (var no = 0; no < divs.length; no++) {
        if (divs[no].className == 'imageCaption') imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
    }

    gallerySlide();
    gallerySlide2();
}


function initImage() {
    imageId = 'previewImage';
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = 'visible';
    fadeIn(imageId, 0);
}

function setOpacity(obj, opacity) {
    opacity = (opacity == 100) ? 99.999 : opacity;

    // IE/Win
    obj.style.filter = "alpha(opacity:" + opacity + ")";

    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity / 100;

    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity / 100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity / 100;
}

function fadeIn(objId, opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 8;
            window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 60);
        }
    }
}

function startSlide(e) {
    if (document.all) e = event;
    var id = this.id;
    if (this.id == 'arrow_right') {
        slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed = -1 * slideSpeedMultiply;
        slideSpeed = Math.max(-10, slideSpeed);
    } else {
        slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed = 1 * slideSpeedMultiply;
        slideSpeed = Math.min(10, slideSpeed);
        if (slideSpeed < 0) slideSpeed = 10;
    }
}

function startSlide2(e) {
    if (document.all) e = event;
    var id = this.id;
    if (this.id == 'arrow_right2') {
        slideSpeedMultiply2 = Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed2 = -1 * slideSpeedMultiply2;
        slideSpeed2 = Math.max(-10, slideSpeed2);
    } else if (this.id == 'arrow_left2') {
        slideSpeedMultiply2 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed2 = 1 * slideSpeedMultiply2;
        slideSpeed2 = Math.min(10, slideSpeed2);
        if (slideSpeed2 < 0) slideSpeed2 = 10;
    }
}

function changePic(e) {
    if (document.all) e = event;
    var id = this.id;
    var leftPos = imageGalleryObj.offsetLeft;
    if (this.id == 'arrow_left') {
        if (leftPos < 0) imageGalleryObj.style.left = (leftPos + 238) + 'px';
    } else if (this.id == 'arrow_right') {
        if (leftPos > (minGalleryXPos + 200)) imageGalleryObj.style.left = (leftPos - 238) + 'px';
    }
}

function changePic2(e) {
    if (document.all) e = event;
    var id = this.id;
    var leftPos = imageGalleryObj2.offsetLeft;
    if (this.id == 'arrow_left2') {
        if (leftPos < 0) imageGalleryObj2.style.left = (leftPos + 238) + 'px';
    } else if (this.id == 'arrow_right2') {
        if (leftPos > minGalleryXPos2) imageGalleryObj2.style.left = (leftPos - 238) + 'px';
    }
}

function releaseSlide() {
    var id = this.id;
    slideSpeed = 0;
    slideSpeed2 = 0;
}