/***********************************************************************************************

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_Imagenes = false;
var imageGalleryLeftPos_Imagenes = false;
var imageGalleryWidth_Imagenes = false;
var imageGalleryObj_Imagenes = false;
var maxGalleryXPos_Imagenes = false;
var slideSpeed_Imagenes = 0;
var slideMoveSize_Imagenes = 546;
var imageGalleryCaptions_Imagenes = new Array();

function Slide_Imagenes(e) {
    if (document.all) e = event;
    var id = this.id;

    if (this.id == 'arrow_right_imagenes') {
        var leftPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft;
        leftPos_Imagenes = leftPos_Imagenes / 1 + -slideMoveSize_Imagenes;
    } else {
        var leftPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft;
        leftPos_Imagenes = leftPos_Imagenes / 1 + slideMoveSize_Imagenes;
    }

    if (leftPos_Imagenes > maxGalleryXPos_Imagenes) {
        leftPos_Imagenes = maxGalleryXPos_Imagenes;
    }
    else if (leftPos_Imagenes < minGalleryXPos_Imagenes) {
        leftPos_Imagenes = minGalleryXPos_Imagenes;
    }

    imageGalleryObj_Imagenes.style.left = leftPos_Imagenes + 'px';
}

function startSlide_Imagenes(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_imagenes') {
        slideSpeedMultiply_Imagenes = Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed_Imagenes = -1 * slideSpeedMultiply_Imagenes;
        slideSpeed_Imagenes = Math.max(-10, slideSpeed_Imagenes);
    } else {
        slideSpeedMultiply_Imagenes = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
        slideSpeed_Imagenes = 1 * slideSpeedMultiply_Imagenes;
        slideSpeed_Imagenes = Math.min(10, slideSpeed_Imagenes);
        if (slideSpeed_Imagenes < 0) slideSpeed_Imagenes = 10;
    }
}

function releaseSlide_Imagenes() {
    var id = this.id;
    //this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
    slideSpeed_Imagenes = 0;
}

function gallerySlide_Imagenes() {
    if (slideSpeed_Imagenes != 0) {
        var leftPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft;
        leftPos_Imagenes = leftPos_Imagenes / 1 + slideSpeed_Imagenes;
        if (leftPos_Imagenes > maxGalleryXPos_Imagenes) {
            leftPos_Imagenes = maxGalleryXPos_Imagenes;
            slideSpeed_Imagenes = 0;
//            document.getElementById('img_arrow_right_imagenes').src = '../images/slideshow/arrow_right_blue.png';
//            document.getElementById('img_arrow_left_imagenes').src = '../images/slideshow/arrow_left.png';

        }
        else if (leftPos_Imagenes < minGalleryXPos_Imagenes) {
            leftPos_Imagenes = minGalleryXPos_Imagenes;
            slideSpeed_Imagenes = 0;
//            document.getElementById('img_arrow_left_imagenes').src = '../images/slideshow/arrow_left_blue.png';
//            document.getElementById('img_arrow_right_imagenes').src = '../images/slideshow/arrow_right.png';
        }
        else {
//            document.getElementById('img_arrow_left_imagenes').src = '../images/slideshow/arrow_left_blue.png';
//            document.getElementById('img_arrow_right_imagenes').src = '../images/slideshow/arrow_right_blue.png';
        }

        imageGalleryObj_Imagenes.style.left = leftPos_Imagenes + 'px';
    }
    setTimeout('gallerySlide_Imagenes()', 20);

}

function showImage_Imagenes() {
    if (activeImage_Imagenes) {
        activeImage_Imagenes.style.filter = 'alpha(opacity=75)';
        activeImage_Imagenes.style.opacity = 0.75;
    }
    this.style.filter = 'alpha(opacity=100)';
    this.style.opacity = 1;
    activeImage_Imagenes = this;
}

function initSlideShow_Imagenes() {
    document.getElementById('arrow_left_imagenes').onmousedown = Slide_Imagenes;
    document.getElementById('arrow_left_imagenes').onmouseup = releaseSlide_Imagenes;
    document.getElementById('arrow_right_imagenes').onmousedown = Slide_Imagenes;
    document.getElementById('arrow_right_imagenes').onmouseup = releaseSlide_Imagenes;

    imageGalleryObj_Imagenes = document.getElementById('theImages_Imagenes');
    imageGalleryLeftPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft;
    var galleryContainer_Imagenes = document.getElementById('galleryContainer_Imagenes');
    imageGalleryWidth_Imagenes = galleryContainer_Imagenes.offsetWidth - 80;
    
    if (navigator.userAgent.indexOf('MSIE') >= 0) {
        maxGalleryXPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft - 9;
        minGalleryXPos_Imagenes = imageGalleryWidth_Imagenes - document.getElementById('slideEnd_Imagenes').offsetLeft + 20;
        var arrowWidth_Imagenes = document.getElementById('arrow_left_imagenes').offsetWidth;
        var el_Imagenes = document.createElement('div');
        el_Imagenes.style.position = 'absolute';
        el_Imagenes.style.left = 10 + 'px';
        //el.style.width = (galleryContainer.offsetWidth - arrowWidth * 2) + 'px';
        el_Imagenes.style.width = (galleryContainer_Imagenes.offsetWidth - 10 * 2) + 'px';
        el_Imagenes.style.overflow = 'hidden';
        el_Imagenes.style.height = '100%';

        document.getElementById('galleryContainer_Imagenes').appendChild(el_Imagenes);
        el_Imagenes.appendChild(document.getElementById('theImages_Imagenes'));

        var el_Images = document.getElementById('theImages_Imagenes');
        el_Images.style.left = 41 + 'px';
    }
    else {
        var el_tableImages = document.getElementById('tableImages_Images');
        el_tableImages.className = "tableImages";
        maxGalleryXPos_Imagenes = imageGalleryObj_Imagenes.offsetLeft;
        minGalleryXPos_Imagenes = imageGalleryWidth_Imagenes - document.getElementById('slideEnd_Imagenes').offsetLeft + 20;
    }

    var slideshowImages_Imagenes = imageGalleryObj_Imagenes.getElementsByTagName('IMG');
    for (var no = 0; no < slideshowImages_Imagenes.length; no++) {
        slideshowImages_Imagenes[no].onmouseover = showImage_Imagenes;
    }

    var divs_Imagenes = imageGalleryObj_Imagenes.getElementsByTagName('DIV');
    for (var no = 0; no < divs_Imagenes.length; no++) {
        if (divs_Imagenes[no].className == 'imageCaption') imageGalleryCaptions_Imagenes[imageGalleryCaptions_Imagenes.length] = divs_Imagenes[no].innerHTML;
    }
    //gallerySlide_Imagenes();
}

//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;