var popwin = null;
//function openPopWin(winURL,winWidth,winHeight) {
//    var winOptions = 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=' + winWidth + ',height=' + winHeight;
//    popwin = window.open(winURL, 'pgp', winOptions);
//}

var transformFilterType = 'Fade'; // IE activeX image transitions
/* Transitions available...
 * Blinds Checkerboard Fade GradientWipe Inset Iris Pixelate RadialWipe
 * RandomBars RandomDissolve Slide Spiral Stretch Strips Wheel ZigZag
*/

var currentSelectionIndex = 0; // Current index of visible medium image
var slidePixelsToMove = 8; // How many pixels to move each iteration
var slideSpeed = 0; // How fast to execute each iteration in milliseconds
var slidePixelsPerClick = pxPerClick; // How far to move layer on each click - width of image block of 9.
var slideLefttime,slideRighttime; // Timeout containers
var leftEdgeOfThumbLayer = 2; // The value of the left edge of the thumbnail layer (current or sliding toward)
var currentTopLeftThumb = 0; // Current visible top left thumbnail - ex: 0,8,17, etc.
var j = 0;
  function swapBlend() {
                if (document.images[largePic].filters) {
                    document.images[largePic].style.filter = "blendTrans(duration=0.2)";
                    document.images[largePic].filters.blendTrans.Apply()
                   
                }
                document.images[largePic].src = largeImgObjArray[j];
                if (document.images[largePic].filters) {
                    document.images[largePic].filters.blendTrans.Play()
                 
                }
            }


/* Basic image swap - with activeX filter for image transitions in IE for nice touch */
function swapImg(img,selBc,thumbBc,imgName) {
    j = img;
    if (currentSelectionIndex != img) {
        var ele = document.getElementById('thumb' + currentSelectionIndex);
        ele.style.borderColor = selBc;
    }
    currentSelectionIndex = img;
    swapBlend();
    var ele = document.getElementById('thumb' + img);
    ele.style.borderColor = thumbBc;
    document.getElementById('slidePagingStatus').innerHTML = 'Photo ' + (img+1) + ' of ' + totalImg + '';
}

/* Handle hover states of images */
function hoverState(img,active,color) {
    if (currentSelectionIndex != img) {
        if (img == largePic) {
            var ele = document.getElementById(img);
        } else {
            var ele = document.getElementById('thumb' + img);
        }
        if (active) {
            ele.style.borderColor = color; // '#f60';
        } else {
            ele.style.borderColor = color; // '#ccc';
        }
    }
}
/* Slide thumbnails to right - called by leftButton() */
function slideMoveRight() {
    if (slideLefttime) clearTimeout(slideLefttime);
    var ele = document.getElementById('thumbRow');
    if (parseInt(ele.style.left) < leftEdgeOfThumbLayer) {
        if (parseInt(ele.style.left) + slidePixelsToMove > leftEdgeOfThumbLayer) {
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (slideRighttime) clearTimeout(slideRighttime);
        } else {
            ele.style.left = (parseInt(ele.style.left)+slidePixelsToMove) + 'px';
            slideRighttime = setTimeout("slideMoveRight()",slideSpeed);
        }
    } else if (slideRighttime) {
        clearTimeout(slideRighttime);
    }
}

/* Slide thumbnails to left - called by rightButton() */
function slideMoveLeft() {
    if (slideRighttime) clearTimeout(slideRighttime);
    var ele = document.getElementById('thumbRow');
    if (parseInt(ele.style.left) > leftEdgeOfThumbLayer) {
        if (parseInt(ele.style.left) - slidePixelsToMove < leftEdgeOfThumbLayer) {
            ele.style.left = leftEdgeOfThumbLayer + 'px';
            if (slideLefttime) clearTimeout(slideLefttime);
        } else {
            ele.style.left = (parseInt(ele.style.left)-slidePixelsToMove) + 'px';
            slideLefttime = setTimeout("slideMoveLeft()",slideSpeed);
        }
    } else if (slideLefttime) {
        clearTimeout(slideLefttime);
    }
}

/* Handle click of Left button */
function leftButton(updateCounter){    
    var ele = document.getElementById('thumbRow');
    if (currentTopLeftThumb - 9 >= 0) {
        currentTopLeftThumb -= 9;
        leftEdgeOfThumbLayer += slidePixelsPerClick;
        slideMoveRight();
        if(updateCounter == true){
        document.getElementById('slidePagingStatus').innerHTML = (currentTopLeftThumb + 1) + '-' + (((currentTopLeftThumb + 9) < largeImgObjArray.length) ? currentTopLeftThumb + 9 : largeImgObjArray.length) + ' of ' + largeImgObjArray.length + '</strong>';
        }
    }
    setArrows();
}

/* Handle click of Right button */
function rightButton(updateCounter){
      
    var ele = document.getElementById('thumbRow');
    if (currentTopLeftThumb + 9 < (pages * 9)) {
        currentTopLeftThumb += 9;
        leftEdgeOfThumbLayer -= slidePixelsPerClick;
        slideMoveLeft();
          if(updateCounter == true){

        document.getElementById('slidePagingStatus').innerHTML = (currentTopLeftThumb + 1) + '-' + (((currentTopLeftThumb + 9) < largeImgObjArray.length) ? currentTopLeftThumb + 9 : largeImgObjArray.length) + ' of ' + largeImgObjArray.length + '</strong>';
    }
    }
    setArrows();
}

/* Manage Arrow states - on or off */
function setArrows() {
    var leftArrow = document.getElementById(prevLinkID);
    var rightArrow = document.getElementById(nextLinkID);
    if (currentTopLeftThumb+1 <= (pages * 9) - 9) {
           document.getElementById("slideRightArrowImg").src = nextOn;
       } else {
            document.getElementById("slideRightArrowImg").src = nextOff;
       }
    if (currentTopLeftThumb > 0) {
            document.getElementById("slideLeftArrowImg").src = prevOn;
       } else {
            document.getElementById("slideLeftArrowImg").src = prevOff;
       
    }
}

/* Preload medium images */
function preloadImages() {
    // mouseover arrow images
    var arrow = new Image();
    if (ssPrevImg != null) {
        arrow.src = ssPrevImg;
    }
    var arrow2 = new Image();
    if (ssNextImgOff != null) {
        arrow2.src = ssNextImgOff;
    }
    var arrow3 = new Image();
    if (nextOn != null) {
        arrow3.src = nextOn;
    }
    var arrow4 = new Image();
    if (nextOff != null) {
        arrow4.src = nextOff;
    }
    var arrow5 = new Image();
    if (prevOn != null) {
        arrow5.src = prevOn;
    }
    var arrow6 = new Image();
    if (prevOff != null) {
        arrow6.src = prevOff;
    }
}

//Let's control a slide show now

var slideShowSpeedDefault = 3250; //define this as a global element
var slideShowSpeed = 0; //default is stop
var crossFadeDuration = 1;
var Pic = new Array();
var t;
//var j = 0;
var totalImg = largeImgObjArray.length;
var transformFilterType = 'Fade'; // IE activeX image transitions
function slideBlend() {
    if (document.images[ssMainImageID].filters) {
        document.images[ssMainImageID].style.filter = "blendTrans(duration=0.2)";
        document.images[ssMainImageID].filters.blendTrans.Apply()
       
    }
    document.images[ssMainImageID].src = largeImgObjArray[j];
    if (document.images[ssMainImageID].filters) {
        document.images[ssMainImageID].filters.blendTrans.Play()
     
    }
}


function runSlideShow() {
    j = j + 1;
    if (j > (totalImg - 1)) j = 0;
    slideBlend();
     if(document.getElementById('slidePagingStatus')){
    document.getElementById('slidePagingStatus').innerHTML = 'Photo ' + (j + 1) + ' of ' + totalImg + '';
    }
    t = setTimeout('runSlideShow()', slideShowSpeed)
}

function stopStartSlideShow(mode) {
    curr = slideShowSpeed;
    // getTheUrl = document.getElementById(playImgID).getAttribute("src");
    if (slideShowSpeed > 0 || mode == 'stop') {
        slideShowSpeed = 0;
        clearTimeout(t);
        if (ssPlayImg != null) {
            document.images[ssPlayImgID].src = ssPlayImg;
        }
        st = setTimeout('document.images["'+ssPlayImgID+'"].src =  "'+ssPlayImg+'"', 100);
    } else {
        slideShowSpeed = slideShowSpeedDefault;
        if (ssPlayImgDown != null) {
            document.images[ssPlayImgID].src = ssPlayImgDown;
        }
        st = setTimeout('document.images["'+ssPlayImgID+'"].src = "'+ssPauseImg+'"', 100);
        runSlideShow();
    }
}

function nextSlide(dir) {

    slideShowSpeed = 0;
    clearTimeout(t);
    document.images[ssPlayImgID].src = ssPlayImg;
    if (dir == "next") {
        j = j + 1;
        if (j > (totalImg - 1)) j = 0;
        if(ssNextImgDown){
        document.images[ssNextImgID].src = ssNextImgDown;
        }
        bt = setTimeout('document.images["'+ssNextImgID+'"].src = "'+ssNextImg+'"', 100);
    } else {
        j = j - 1;
        if (j < 0) j = totalImg - 1;
        if(ssPrevImgDown){
        document.images[ssPrevImgID].src = ssPrevImgDown;
        }
        bt = setTimeout('document.images["'+ssPrevImgID+'"].src = "'+ssPrevImg+'"', 100);
    }
    if(document.getElementById('slidePagingStatus')){
    document.getElementById('slidePagingStatus').innerHTML = 'Photo ' + (j + 1) + ' of ' + totalImg + '';
    }
    slideBlend();
}