// JavaScript Document
// This javascript controls the media gallery found in the articles
// it has been customized to functiononly at this gallery

var opacitySpeed = 2;    // Speed of opacity - switching between large images - Lower = faster
var opacitySteps = 10;     // Also speed of opacity - Higher = faster

/* Don't change anything below here */

var columnsOfThumbnails = 1;
var largeImage = false;
var largeUrl = false;
var imageToShow = false;
var currentOpacity = 100;
var slideWidth = false;
var thumbTotalWidth = false;
var viewableWidth = false;
var currentUnqiueOpacityId = false;
var currentActiveImage = false;
var currentActiveImageDiv = false;
var thumbDiv = false;
var thumbSlideInProgress = false;
var browserIsOpera = navigator.userAgent.indexOf("Opera")>=0?true:false;
var thumbsColIndex = 1;
var thumbsLeftPos = false;
var imageGalleryCaptions = new Array();
var videoUris = new Array();

    function initArticleGalleryScript(currentIndex)

    {
        largeImage = document.getElementById("largeImage").getElementsByTagName("A").item(0).getElementsByTagName("IMG").item(0);
        largeUrl = document.getElementById("largeImage").getElementsByTagName("A").item(0);
        var innerDiv = document.getElementById("thumbs_inner");
        slideWidth = innerDiv.getElementsByTagName("DIV").item(0).offsetWidth;
        thumbDiv = document.getElementById("thumbs_inner");
        thumbDiv.style.left = '0px';
        var subDivs = thumbDiv.getElementsByTagName("DIV");
        thumbTotalWidth = 0;
        var tmpLeft = 0;
        for(var i=0;i<subDivs.length;i++){
            if(subDivs[i].className=='strip_of_thumbnails'){
                thumbTotalWidth = thumbTotalWidth + slideWidth;
                subDivs[i].style.left = tmpLeft + 'px';
                subDivs[i].style.top = '0px';
                tmpLeft = tmpLeft + subDivs[i].offsetWidth;
            }
        }
        viewableWidth = document.getElementById("thumbs").offsetWidth;
        currentActiveImage = thumbDiv.getElementsByTagName("A").item(currentIndex).getElementsByTagName("IMG").item(0).parentNode.parentNode;
        currentActiveImage.className='activeImage';

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

    }


    function showPreview(imagePath,inputObj,imageIndex,videoUri)
    {
        if(currentActiveImage){
            if(currentActiveImage==inputObj.getElementsByTagName("IMG").item(0).parentNode.parentNode)return;
            currentActiveImage.className='';
        }
        currentActiveImage = inputObj.getElementsByTagName("IMG").item(0).parentNode.parentNode;
        currentActiveImage.className='activeImage';
        imageToShow = imagePath;
        var tmpImage = new Image();
        tmpImage.src = imagePath;
        currentUnqiueOpacityId = Math.random();
        moveOpacity(opacitySteps*-1,currentUnqiueOpacityId,videoUri);
        document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex-1];
        document.getElementById('largeUrl').href = videoUris[imageIndex-1];
    }

    function setOpacity()
    {
        if(document.all)
        {
            largeImage.style.filter = 'alpha(opacity=' + currentOpacity + ')';
        }else{
            largeImage.style.opacity = currentOpacity/100;
        }
    }
    function moveOpacity(speed,uniqueId,videoUri)
    {
        if(browserIsOpera){
            largeImage.src = imageToShow;
            return;
        }
        currentOpacity = currentOpacity + speed;
        if(currentOpacity<=5 && speed<0){

            var tmpParent = largeImage.parentNode; // A
            largeImage.parentNode.removeChild(largeImage);
            largeImage = document.createElement("IMG");
            tmpParent.appendChild(largeImage);
            setOpacity();
            largeImage.src = imageToShow;
            speed=opacitySteps;
        }
        if(currentOpacity>=99 && speed>0)currentOpacity=99;
        setOpacity();
        if(currentOpacity>=99 && speed>0)return;
        if(uniqueId==currentUnqiueOpacityId)setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')',opacitySpeed);
    }