﻿/***********************************************************************************************

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_Videos = false;
var imageGalleryLeftPos_Videos = false;
var imageGalleryWidth_Videos = false;
var imageGalleryObj_Videos = false;
var maxGalleryXPos_Videos = false;
var slideSpeed_Videos = 0;
var slideMoveSize_Videos = 546;
var imageGalleryCaptions_Videos = new Array();

function Slide_Videos(e) {
    if (document.all) e = event;
    var id = this.id;

    if (this.id == 'arrow_right_videos') {
        var leftPos_Videos = imageGalleryObj_Videos.offsetLeft;
        leftPos_Videos = leftPos_Videos / 1 + -slideMoveSize_Videos;
    } else {
        var leftPos_Videos = imageGalleryObj_Videos.offsetLeft;
        leftPos_Videos = leftPos_Videos / 1 + slideMoveSize_Videos;
    }

    if (leftPos_Videos > maxGalleryXPos_Videos) {
        leftPos_Videos = maxGalleryXPos_Videos;
    }
    else if (leftPos_Videos < minGalleryXPos_Videos) {
        leftPos_Videos = minGalleryXPos_Videos;
    }

    imageGalleryObj_Videos.style.left = leftPos_Videos + 'px';
}

function startSlide_Videos(e) {
    if (document.all) e = event;
    var id = this.id;
    //this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';
    if (this.id == 'arrow_right_videos') {
        slideSpeedMultiply_Videos = Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed_Videos = -1 * slideSpeedMultiply_Videos;
        slideSpeed_Videos = Math.max(-10, slideSpeed_Videos);
    } else {
        slideSpeedMultiply_Videos = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed_Videos = 1 * slideSpeedMultiply_Videos;
        slideSpeed_Videos = Math.min(10, slideSpeed_Videos);
        if (slideSpeed_Videos < 0) slideSpeed_Videos = 10;
    }
}

function releaseSlide_Videos() {
    var id = this.id;
    //this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
    slideSpeed_Videos = 0;
}

function gallerySlide_Videos() {
    if (slideSpeed_Videos != 0) {
        var leftPos_Videos = imageGalleryObj_Videos.offsetLeft;
        leftPos_Videos = leftPos_Videos / 1 + slideSpeed_Videos;
        if (leftPos_Videos > maxGalleryXPos_Videos) {
            leftPos_Videos = maxGalleryXPos_Videos;
            slideSpeed_Videos = 0;
//            document.getElementById('img_arrow_right_videos').src = '../images/slideshow/arrow_right_blue.png';
//            document.getElementById('img_arrow_left_videos').src = '../images/slideshow/arrow_left.png';

        }
        else if (leftPos_Videos < minGalleryXPos_Videos) {
            leftPos_Videos = minGalleryXPos_Videos;
            slideSpeed_Videos = 0;
//            document.getElementById('img_arrow_left_videos').src = '../images/slideshow/arrow_left_blue.png';
//            document.getElementById('img_arrow_right_videos').src = '../images/slideshow/arrow_right.png';
        }
        else {
//            document.getElementById('img_arrow_left_videos').src = '../images/slideshow/arrow_left_blue.png';
//            document.getElementById('img_arrow_right_videos').src = '../images/slideshow/arrow_right_blue.png';
        }

        imageGalleryObj_Videos.style.left = leftPos_Videos + 'px';
    }
    setTimeout('gallerySlide_Videos()', 20);

}

function showImage_Videos() {
    if (activeImage_Videos) {
        activeImage_Videos.style.filter = 'alpha(opacity=75)';
        activeImage_Videos.style.opacity = 0.75;
    }
    this.style.filter = 'alpha(opacity=100)';
    this.style.opacity = 1;
    activeImage_Videos = this;
}

function initSlideShow_Videos() {
    document.getElementById('arrow_left_videos').onmousedown = Slide_Videos;
    document.getElementById('arrow_left_videos').onmouseup = releaseSlide_Videos;
    document.getElementById('arrow_right_videos').onmousedown = Slide_Videos;
    document.getElementById('arrow_right_videos').onmouseup = releaseSlide_Videos;




    imageGalleryObj_Videos = document.getElementById('theImages_Videos');
    imageGalleryLeftPos_Videos = imageGalleryObj_Videos.offsetLeft;
    var galleryContainer_Videos = document.getElementById('galleryContainer_Videos');
    imageGalleryWidth_Videos = galleryContainer_Videos.offsetWidth - 80;
    
    if (navigator.userAgent.indexOf('MSIE') >= 0) {
        maxGalleryXPos_Videos = imageGalleryObj_Videos.offsetLeft - 9;
        minGalleryXPos_Videos = imageGalleryWidth_Videos - document.getElementById('slideEnd_Videos').offsetLeft + 20;
        var arrowWidth_Videos = document.getElementById('arrow_left_videos').offsetWidth;
        var el_Videos = document.createElement('div');
        el_Videos.style.position = 'absolute';
        el_Videos.style.left = 10 + 'px';
        //el.style.width = (galleryContainer.offsetWidth - arrowWidth * 2) + 'px';
        el_Videos.style.width = (galleryContainer_Videos.offsetWidth - 10 * 2) + 'px';
        el_Videos.style.overflow = 'hidden';
        el_Videos.style.height = '100%';

        document.getElementById('galleryContainer_Videos').appendChild(el_Videos);
        el_Videos.appendChild(document.getElementById('theImages_Videos'));

        var el_Images = document.getElementById('theImages_Videos');
        el_Images.style.left = 41 + 'px';

    }
    else {
        var el_tableImages = document.getElementById('tableImages_Videos');
        el_tableImages.className = "tableImages";
        maxGalleryXPos_Videos = imageGalleryObj_Videos.offsetLeft;
        minGalleryXPos_Videos = imageGalleryWidth_Videos - document.getElementById('slideEnd_Videos').offsetLeft + 20;
    }

    var slideshowImages_Videos = imageGalleryObj_Videos.getElementsByTagName('IMG');
    for (var no = 0; no < slideshowImages_Videos.length; no++) {
        slideshowImages_Videos[no].onmouseover = showImage_Videos;
    }

    var divs_Videos = imageGalleryObj_Videos.getElementsByTagName('DIV');
    for (var no = 0; no < divs_Videos.length; no++) {
        if (divs_Videos[no].className == 'imageCaption') imageGalleryCaptions_Videos[imageGalleryCaptions_Videos.length] = divs_Videos[no].innerHTML;
    }
    //gallerySlide_Videos();
}

//function showPreview(imagePath, imageIndex) {
//    var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
//    if (subImages.length == 0) {
//        var img = document.createElement('IMG');
//        document.getElementById('previewPane').appendChild(img);
//    } else img = subImages[0];

//    if (displayWaitMessage) {
//        document.getElementById('waitMessage').style.display = 'inline';
//    }
//    document.getElementById('largeImageCaption').style.display = 'none';
//    img.onload = function () { hideWaitMessageAndShowCaption(imageIndex - 1); };
//    img.src = imagePath;

//}
//function hideWaitMessageAndShowCaption(imageIndex) {
//    document.getElementById('waitMessage').style.display = 'none';
//    document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
//    document.getElementById('largeImageCaption').style.display = 'block';

//}
//window.onload = initSlideShow;
