/***********************************************************************************************
	
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 imageGalleryLeftPos1 = false;
var imageGalleryWidth1 = false;
var imageGalleryObj1 = false;
var maxGalleryXPos1 = false;
var slideSpeed1 = 0;

var imageGalleryLeftPos2 = false;
var imageGalleryWidth2 = false;
var imageGalleryObj2 = false;
var maxGalleryXPos2 = false;
var slideSpeed2 = 0;

var imageGalleryLeftPos3 = false;
var imageGalleryWidth3 = false;
var imageGalleryObj3 = false;
var maxGalleryXPos3 = false;
var slideSpeed3 = 0;

function startSlide1(e) {
    if (document.all) e = event;
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '_over.gif';
    if (this.id == 'arrow_right1') {
        slideSpeedMultiply1 = Math.floor((e.clientX - this.offsetLeft) / 105);
        slideSpeed1 = -1 * slideSpeedMultiply1;
        slideSpeed1 = Math.max(-10, slideSpeed1);
    } else {
        slideSpeedMultiply1 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed1 = 1 * slideSpeedMultiply1;
        slideSpeed1 = Math.min(10, slideSpeed1);
        if (slideSpeed1 < 0) slideSpeed1 = 2;
    }
}
function startSlide2(e) {
    if (document.all) e = event;
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '_over.gif';
    if (this.id == 'arrow_right2') {
        slideSpeedMultiply2 = Math.floor((e.clientX - this.offsetLeft) / 105);
        slideSpeed2 = -1 * slideSpeedMultiply2;
        slideSpeed2 = Math.max(-10, slideSpeed2);
    } else {
        slideSpeedMultiply2 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed2 = 1 * slideSpeedMultiply2;
        slideSpeed2 = Math.min(10, slideSpeed2);
        if (slideSpeed2 < 0) slideSpeed2 = 2;
    }
}
function startSlide3(e) {
    if (document.all) e = event;
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '_over.gif';
    if (this.id == 'arrow_right3') {
        slideSpeedMultiply3 = Math.floor((e.clientX - this.offsetLeft) / 105);
        slideSpeed3 = -1 * slideSpeedMultiply3;
        slideSpeed3 = Math.max(-10, slideSpeed3);
    } else {
        slideSpeedMultiply3 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed3 = 1 * slideSpeedMultiply3;
        slideSpeed3 = Math.min(10, slideSpeed3);
        if (slideSpeed3 < 0) slideSpeed3 = 2;
    }
}

function releaseSlide1() {
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '.gif';
    slideSpeed1 = 0;
}
function releaseSlide2() {
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '.gif';
    slideSpeed2 = 0;
}
function releaseSlide3() {
    var id = this.id;
    this.getElementsByTagName('IMG')[0].src = '../App_Themes/Default/images/' + this.id + '.gif';
    slideSpeed3 = 0;
}

function gallerySlide1() {
    if (slideSpeed1 != 0) {
        var leftPos1 = imageGalleryObj1.offsetLeft;
        leftPos1 = leftPos1 / 1 + slideSpeed1;
        if (leftPos1 > maxGalleryXPos1) {
            leftPos1 = maxGalleryXPos1;
            slideSpeed1 = 0;
        }
        if (leftPos1 < minGalleryXPos1) {
            leftPos1 = minGalleryXPos1;
            slideSpeed1 = 0;
        }
        imageGalleryObj1.style.left = leftPos1 + 'px';
    }
    setTimeout('gallerySlide1()', 20);
}
function gallerySlide2() {
    if (slideSpeed2 != 0) {
        var leftPos2 = imageGalleryObj2.offsetLeft;
        leftPos2 = leftPos2 / 1 + slideSpeed2;
        if (leftPos2 > maxGalleryXPos2) {
            leftPos2 = maxGalleryXPos2;
            slideSpeed2 = 0;
        }
        if (leftPos2 < minGalleryXPos2) {
            leftPos2 = minGalleryXPos2;
            slideSpeed2 = 0;
        }
        imageGalleryObj2.style.left = leftPos2 + 'px';
    }
    setTimeout('gallerySlide2()', 20);
}
function gallerySlide3() {
    if (slideSpeed3 != 0) {
        var leftPos3 = imageGalleryObj3.offsetLeft;
        leftPos3 = leftPos3 / 1 + slideSpeed3;
        if (leftPos3 > maxGalleryXPos3) {
            leftPos3 = maxGalleryXPos3;
            slideSpeed3 = 0;
        }
        if (leftPos3 < minGalleryXPos3) {
            leftPos3 = minGalleryXPos3;
            slideSpeed3 = 0;
        }
        imageGalleryObj3.style.left = leftPos3 + 'px';
    }
    setTimeout('gallerySlide3()', 20);
}

function initSlideShow() {

    var arrow_left1 = document.getElementById('arrow_left1');
    if (arrow_left1) {
        arrow_left1.onmousemove = startSlide1;
        arrow_left1.onmouseout = releaseSlide1;
    }
    else { return; }
    
    var arrow_right1 = document.getElementById('arrow_right1');
    if (arrow_right1) {
        arrow_right1.onmousemove = startSlide1;
        arrow_right1.onmouseout = releaseSlide1;
    }
    else { return; }

    imageGalleryObj1 = document.getElementById('theImages1');
    imageGalleryLeftPos1 = imageGalleryObj1.offsetLeft;
    imageGalleryWidth1 = document.getElementById('galleryContainer1').offsetWidth - 80;
    maxGalleryXPos1 = imageGalleryObj1.offsetLeft;
    minGalleryXPos1 = imageGalleryWidth1 - document.getElementById('slideEnd1').offsetLeft;
    var slideshowImages1 = imageGalleryObj1.getElementsByTagName('IMG');
    gallerySlide1();

    if (document.getElementById('galleryContainer2')) {
        document.getElementById('arrow_left2').onmousemove = startSlide2;
        document.getElementById('arrow_left2').onmouseout = releaseSlide2;
        document.getElementById('arrow_right2').onmousemove = startSlide2;
        document.getElementById('arrow_right2').onmouseout = releaseSlide2;

        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');
        gallerySlide2();
    }

    if (document.getElementById('galleryContainer3')) {
        document.getElementById('arrow_left3').onmousemove = startSlide3;
        document.getElementById('arrow_left3').onmouseout = releaseSlide3;
        document.getElementById('arrow_right3').onmousemove = startSlide3;
        document.getElementById('arrow_right3').onmouseout = releaseSlide3;

        imageGalleryObj3 = document.getElementById('theImages3');
        imageGalleryLeftPos3 = imageGalleryObj3.offsetLeft;
        imageGalleryWidth3 = document.getElementById('galleryContainer3').offsetWidth - 80;
        maxGalleryXPos3 = imageGalleryObj3.offsetLeft;
        minGalleryXPos3 = imageGalleryWidth3 - document.getElementById('slideEnd3').offsetLeft;
        var slideshowImages3 = imageGalleryObj3.getElementsByTagName('IMG');
        gallerySlide3();
    }
}

window.onload = initSlideShow;