/************************************************************************************************************
    (C) www.dhtmlgoodies.com, June 2006
    
    This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.   
    
    Terms of use:
    You are free to use this script as long as the copyright message is kept intact. However, you may not
    redistribute, sell or repost it without our permission.
    
    Thank you!
    
    www.dhtmlgoodies.com
    Alf Magne Kalleland
    
    ************************************************************************************************************/   

    
    
    
    var opacitySpeed = 2;   // Speed of opacity - switching between large images - Lower = faster
    var opacitySteps = 10;  // Also speed of opacity - Higher = faster
    var slideSpeed = 0; // Speed of thumbnail slide - Lower = faster
    var slideSteps = 12;    // Also speed of thumbnail slide - Higher = faster
    var columnsOfThumbnails = 3;    // Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.
    
    /* Don't change anything below here */
//  var DHTML_largeImage = false;
//  var DHTML_imageToShow = false;
//  var DHTML_currentOpacity = 100;
    var DHTML_slideWidthV = false;   
    var DHTML_slideWidthP = false;
    var DHTML_thumbTotalWidthV = false; 
    var DHTML_thumbTotalWidthP = false;
    var DHTML_viewableWidthV = false;  
    var DHTML_viewableWidthP = false;
    
//  var currentUnqiueOpacityId = false;
//  var DHTML_currentActiveImage = false;
    var DHTML_thumbDivV = false;   
    var DHTML_thumbDivP = false;
    var DHTML_thumbSlideInProgressV = false;  
    var DHTML_thumbSlideInProgressP = false;
    
    var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
    var leftArrowObjV;  
    var leftArrowObjP;
    var rightArrowObjV;
    var rightArrowObjP;
    var thumbsColIndexV = 1;   
    var thumbsColIndexP = 1;
    var thumbsLeftPosV = false; 
    var thumbsLeftPosP = false;
    
    function initGalleryScript()
    {
        leftArrowObjV = document.getElementById('DHTML_leftArrowV');        
        leftArrowObjV.style.visibility='hidden';
        rightArrowObjV = document.getElementById('DHTML_rightArrowV');  
        leftArrowObjV.style.cursor = 'pointer'; 
        rightArrowObjV.style.cursor = 'pointer';    
        leftArrowObjV.onclick = moveThumbnails;
        rightArrowObjV.onclick = moveThumbnails;
        //DHTML_largeImage = document.getElementById('DHTML_largeImage').getElementsByTagName('IMG')[0];
        var innerDiv = document.getElementById('DHTML_thumbs_innerV');
        DHTML_slideWidthV = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
        DHTML_thumbDivV = document.getElementById('DHTML_thumbs_innerV');
        DHTML_thumbDivV.style.left = '0px';
        
        var subDivs = DHTML_thumbDivV.getElementsByTagName('DIV');
        DHTML_thumbTotalWidthV = 0;
        var tmpLeft = 0;
        for(var no=0;no<subDivs.length;no++){
            if(subDivs[no].className=='strip_of_thumbnails'){
                DHTML_thumbTotalWidthV = DHTML_thumbTotalWidthV + DHTML_slideWidthV;
                subDivs[no].style.left = tmpLeft + 'px';
                subDivs[no].style.top = '0px';
                tmpLeft = tmpLeft + subDivs[no].offsetWidth;
            }
        }

        DHTML_viewableWidthV = document.getElementById('DHTML_thumbsV').offsetWidth;   
        
        
        
        leftArrowObjP = document.getElementById('DHTML_leftArrowP');        
        leftArrowObjP.style.visibility='hidden';
        rightArrowObjP = document.getElementById('DHTML_rightArrowP');  
        leftArrowObjP.style.cursor = 'pointer'; 
        rightArrowObjP.style.cursor = 'pointer';    
        leftArrowObjP.onclick = moveThumbnails;
        rightArrowObjP.onclick = moveThumbnails;
        //DHTML_largeImage = document.getElementById('DHTML_largeImage').getElementsByTagName('IMG')[0];
        var innerDiv = document.getElementById('DHTML_thumbs_innerP');
        DHTML_slideWidthP = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
        DHTML_thumbDivP = document.getElementById('DHTML_thumbs_innerP');
        DHTML_thumbDivP.style.left = '0px';
        
        var subDivs = DHTML_thumbDivP.getElementsByTagName('DIV');
        DHTML_thumbTotalWidthP = 0;
        var tmpLeft = 0;
        for(var no=0;no<subDivs.length;no++){
            if(subDivs[no].className=='strip_of_thumbnails'){
                DHTML_thumbTotalWidthP = DHTML_thumbTotalWidthP + DHTML_slideWidthP;
                subDivs[no].style.left = tmpLeft + 'px';
                subDivs[no].style.top = '0px';
                tmpLeft = tmpLeft + subDivs[no].offsetWidth;
            }
        }

        DHTML_viewableWidthP = document.getElementById('DHTML_thumbsP').offsetWidth;   
        /*
        DHTML_currentActiveImage = DHTML_thumbDivV.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
        DHTML_currentActiveImage.className='activeImage';   */
    }
    
    function moveThumbnails()
    {
        if(this.id=='DHTML_leftArrowV'){    
              if(DHTML_thumbSlideInProgressV)return;
        DHTML_thumbSlideInProgressV = true;
            thumbsColIndexV--;
            rightArrowObjV.style.visibility='visible';
            if(DHTML_thumbDivV.style.left.replace('px','')/1>=0){
                leftArrowObjV.style.visibility='hidden';
                DHTML_thumbSlideInProgressV = false;
                return;
            }
            
            slideThumbs(slideSteps,0,"V");
            
        }else if(this.id=='DHTML_rightArrowV'){ 
            if(DHTML_thumbSlideInProgressV)return;
            DHTML_thumbSlideInProgressV = true;
            thumbsColIndexV++;
            leftArrowObjV.style.visibility='visible';
            var left = DHTML_thumbDivV.style.left.replace('px','')/1;   
            var showArrow = true;
            if(DHTML_thumbTotalWidthV + left - DHTML_slideWidthV <= DHTML_viewableWidthV)showArrow = false;
            if(columnsOfThumbnails)showArrow = true;
                
            if(!showArrow)  
            {
                rightArrowObjV.style.visibility='hidden';
                DHTML_thumbSlideInProgressV = false;
                return;
            }   
            
            slideThumbs((slideSteps*-1),0,"V");
        }else if(this.id=='DHTML_leftArrowP'){ 
            if(DHTML_thumbSlideInProgressP)return;
            DHTML_thumbSlideInProgressP = true;

            thumbsColIndexP--;
            rightArrowObjP.style.visibility='visible';
            if(DHTML_thumbDivP.style.left.replace('px','')/1>=0){
                leftArrowObjP.style.visibility='hidden';
                DHTML_thumbSlideInProgressP = false;
                return;
            }
            
            slideThumbs(slideSteps,0,"P");      
        }else if(this.id=='DHTML_rightArrowP'){
            if(DHTML_thumbSlideInProgressP)return;
            DHTML_thumbSlideInProgressP = true;   
            thumbsColIndexP++;
            leftArrowObjP.style.visibility='visible';
            var left = DHTML_thumbDivP.style.left.replace('px','')/1;   
            var showArrow = true;
            if(DHTML_thumbTotalWidthP + left - DHTML_slideWidthP <= DHTML_viewableWidthP)showArrow = false;
            if(columnsOfThumbnails)showArrow = true;
                
            if(!showArrow)  
            {
                rightArrowObjP.style.visibility='hidden';
                DHTML_thumbSlideInProgressP = false;
                return;
            }   
            
            slideThumbs((slideSteps*-1),0,"P");
        
        }
            
        
    }
    
    function slideThumbs(speed,currentPos,VorP)
    {
        if(VorP=="V"){ 
            var leftPos;
            if(thumbsLeftPosV){
                leftPos= thumbsLeftPosV;
            }else{
                var leftPos = DHTML_thumbDivV.style.left.replace('px','')/1;
                thumbsLeftPosV = leftPos;
            }
            currentPos = currentPos + Math.abs(speed);      
            var tmpLeftPos = leftPos;
            leftPos = leftPos + speed;
            thumbsLeftPosV = leftPos;
            DHTML_thumbDivV.style.left = leftPos + 'px';
            if(currentPos<DHTML_slideWidthV)
                setTimeout('slideThumbs(' + speed + ',' + currentPos + ',"' + VorP + '")',slideSpeed);
            else{
                if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndexV==1)){
                    document.getElementById('DHTML_leftArrowV').style.visibility='hidden';
                }   
                var left = tmpLeftPos;      
                var showArrow = true;
                if(DHTML_thumbTotalWidthV + left - DHTML_slideWidthV <= DHTML_viewableWidthV)showArrow=false;
                if(columnsOfThumbnails){
                    if((thumbsColIndexV+1)<=columnsOfThumbnails)showArrow=true; else showArrow = false;              
                }           
                if(!showArrow){
                    document.getElementById('DHTML_rightArrowV').style.visibility='hidden';
                }                   
                DHTML_thumbSlideInProgressV = false;
            }
        }else if(VorP=="P"){
            if(thumbsLeftPosP){
                leftPos= thumbsLeftPosP;
            }else{
                var leftPos = DHTML_thumbDivP.style.left.replace('px','')/1;
                thumbsLeftPosP = leftPos;
            }
            currentPos = currentPos + Math.abs(speed);      
            var tmpLeftPos = leftPos;
            leftPos = leftPos + speed;
            thumbsLeftPosP = leftPos;
            DHTML_thumbDivP.style.left = leftPos + 'px';
            if(currentPos<DHTML_slideWidthP){
                setTimeout('slideThumbs(' + speed + ',' + currentPos + ',"' + VorP + '")',slideSpeed);
            }else{
                if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndexP==1)){
                    document.getElementById('DHTML_leftArrowP').style.visibility='hidden';
                }   
                var left = tmpLeftPos;      
                var showArrow = true;
                if(DHTML_thumbTotalWidthP + left - DHTML_slideWidthP <= DHTML_viewableWidthP)showArrow=false;
                if(columnsOfThumbnails){
                    if((thumbsColIndexP+1)<=columnsOfThumbnails)showArrow=true; else showArrow = false;              
                }           
                if(!showArrow){
                    document.getElementById('DHTML_rightArrowP').style.visibility='hidden';
                }                   
                DHTML_thumbSlideInProgressP = false;
            }        
        
        }
        
        
        
    
    }