var photoGallerySlideShowSpeed = 2400  // delay (in ms) between photo gallery slideshow advances
var slideShowIntervalID
var slideShowRunning = false
var slideShowLoaded = false
var aPhotos = new Array()  // array of photo objects
var aThumbs = new Array()  // array of thumbnail photo id's
var currentThumb = 0
var currentPhoto = 0
var thumbCount = 0
var qs = new Querystring()

window.onload = finalPhotoGalleryStuff;

function finalPhotoGalleryStuff() {

    /*number of rows * number of columns*/
    thumbCount = document.getElementById('tblThumbs').rows.length * document.getElementById('tblThumbs').rows.item(0).cells.length;
    createThumbs(Math.min(thumbCount, aPhotos.length));
    preloadThumbs();

    /*
    setThumbs - sets the selected aPhotos thumb to be the first to appear in aThumbs
    photoIndex - finds the position of the photo with matching ID in aPhotos
    */
    setThumbs(photoIndex(qs.get("ID", "")));

    clickThumb(0);

    
    preloadSlideShowImages();

    if (qs.get("action", "") == 'print') {
        printPage();
    };

};

/* * * * * * Photo Gallery * * * * * */

function ImagePreloader(imgs, callback) {
    // store the callback
    this.callback = callback;
    // initialize internal state.
    this.nLoaded = 0;
    this.nProcessed = 0;
    this.aImages = new Array;
    // record the number of images.
    this.nImages = imgs.length;
    // for each image, call preload()
    this.preload = ImagePreloader.prototype.preload;
    this.onComplete = ImagePreloader.prototype.onComplete;
    for (var i = 0; i < imgs.length; ++i) {
        this.preload(imgs[i].src)
    }
}

ImagePreloader.prototype.preload = function(imgsrc) {
    // create new Image object and add to array
    var oImage = new Image;
    this.aImages.push(oImage);
    // set up event handlers for the Image object
    oImage.onload = ImagePreloader.prototype.onload;
    oImage.onerror = ImagePreloader.prototype.onerror;
    oImage.onabort = ImagePreloader.prototype.onabort;
    // assign pointer back to this.
    oImage.oImagePreloader = this;
    oImage.bLoaded = false;
    // assign the .src property of the Image object
    oImage.src = imgsrc;
}

ImagePreloader.prototype.onComplete = function() {
    this.nProcessed++;
    if (this.nProcessed == this.nImages) {
        //what's failing here on the home page?
        try {
            this.callback(this.aImages, this.nLoaded);
        }
        catch (e) {
        }
    }
}

ImagePreloader.prototype.onload = function() {
    this.bLoaded = true;
    this.oImagePreloader.nLoaded++;
    this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onerror = function() {
    this.oImagePreloader.bError = true;
    this.oImagePreloader.onComplete();
}

ImagePreloader.prototype.onabort = function() {
    this.bAbort = true;
    this.oImagePreloader.onComplete();
}

/* moved to marvin.js because it is used by residential case studies */
/* 
function photoGalleryPopup(ID,Gallery,Action) {
if (!Gallery) {Gallery=''}
if (!Action) {Action=''}
newWindow = window.open('photoPopup.aspx?ID=' + ID + '&Gallery=' + Gallery + '&action=' + Action,'caseStudy','top=45,left=80,width=775,height=540,menubar=yes,scrollbars=no',false);
}
*/

function objPhoto(id, title, urlThumb, urlLarge, copy) {
   //debugger;
    this.id = id;
    this.title = title;
    this.urlThumb = urlThumb;
    this.urlLarge = urlLarge;
    this.copy = copy;
    this.selectImage = selectImage;
    this.setThumb = setThumb;
    this.isSelected = false; //JH - image request gallery selections
    //this.infotext = infotext;
}

function selectImage() {
    /*	
    Opera does not support the onload event for the image tag 
    so we have to call the ImageRequestGallery code responsible 
    for toggling between the request/unrequest image states 
    when the selected image changes (see ImageRequestGallery.ascx).
    It's wrapped in a try/catch block because this control is not
    on the other gallery pages.
			
    *********************************************************
    TODO - This will be much better handled by raising an 
    event. However, I have not yet found an easy to implement
    method for creating custom events in Javascript. The best
    method I have found for decoupling code is available at:
    www.truerwords.net/articles/web-tech/custom_events.html
    (demo at media.truerwords.net/events/)
    *********************************************************
    */
    
    try {
        toggleRequestImage();
    } catch (e) {
        //alert(e.message);
    };




    // document.getElementById('imgBigImage').src = this.urlLarge;
    // $('#imgBigImage').fadeOut();
    $('#imgBigImage').hide();
    $('#imgBigImage').attr('src', this.urlLarge);
    $('#imgBigImage').fadeIn('slow');
    //document.getElementById('imgBigImage').alt = this.title;
    //debugger;
   // document.getElementById('InfoLinkDiv').style.backgroundImage = "url('images/PhotoGallery/icons/share_facebook_over.gif')";
    //yashma using title for textarea text
    var textContent = document.getElementById('InfoTextAreaDiv')
    //yashma
    //debugger;
   textContent.innerHTML = this.title + '<div id="InfoCloseLinkDiv" style="display:block"><a class="InfoCloseLink" id="InfoCloseLink" href="javascript:hideInfo();" onclick="hideInfo();"></a></div>';
   hideInfo();
   // textContent.firstChild.data = this.title;
    document.getElementById("InfoTextAreaDiv").style.display = "none";
    //document.getElementById("InfoLinkDiv").style.display = "block";

    
//    document.getElementById('lblTitle').innerHTML = this.title;
//    document.getElementById('lblDetails').innerHTML = this.copy;
    if (document.getElementById('ahrefEmailPhoto')) {
        document.getElementById('ahrefEmailPhoto').href = 'javascript:emailContent(\'http://www.marvin.com/photoPopup.aspx?ID=' + this.id + '\',\'' + this.title + '\')'
    }
    currentPhoto = this.id;
    checkArrows();
}


function showInfo() {
    var foregroundTextDiv = document.getElementById("InfoTextAreaDiv");
    if (foregroundTextDiv != null){
        if (foregroundTextDiv.style.display == "none") {
            foregroundTextDiv.style.display = "block";
            document.getElementById("InfoLinkDiv").style.display = "none";
        }
    }
}

function hideInfo() {
    var foregroundImageDiv = document.getElementById("InfoLinkDiv");
    if (foregroundImageDiv != null){
        if (foregroundImageDiv.style.display == "none") {
            foregroundImageDiv.style.display = "block";
            document.getElementById("InfoTextAreaDiv").style.display = "none";
        }
    }
} 

function setThumb(thumb) {
    document.getElementById('imgThumb' + thumb).src = this.urlThumb;
}

function preloadThumbs() {
    for (var p = 0; p < aPhotos.length; ++p) {
        aPhotos[p].imgThumb = new Image()
        aPhotos[p].imgThumb.src = aPhotos[p].urlThumb;
    }
}

function preloadSlideShowImages() {
    var a = new Array()
    for (var p = 0; p < aPhotos.length; ++p) {
        a[p] = new Image()
        a[p].src = aPhotos[p].urlLarge;
    }
    ImagePreloader(a, finishPreloadSlideShowImages);
    if (window.navigator.userAgent.indexOf('Opera') > 0) { finishPreloadSlideShowImages() };
}

function finishPreloadSlideShowImages() {
    if (aPhotos.length > 1) { document.getElementById('ahrefSlideShow').innerHTML = 'Play Slideshow' };

    slideShowLoaded = true;
}

function checkArrows() {

    //debugger;
    if (aThumbs[currentThumb] > 0) {
        // Not on the first image of the gallery, Show Back arrow
        if (document.getElementById('imgImageArrowPrevious') && aPhotos.length > 1) {
            document.getElementById('imgImageArrowPrevious').src = '/images/PhotoGallery/icons/arrow_previous_off.gif'
        
        }
    } else {
        // On the first image of the gallery, Hide Back arrow
        if (document.getElementById('imgImageArrowPrevious')) {
            document.getElementById('imgImageArrowPrevious').src = '/images/clear.gif'
//debugger;
            mouseoverimagearrowprev(7);
            mouseoutimagearrowprev(7);
            
        }
    }
    if (aThumbs[currentThumb] >= (aPhotos.length - 1)) {
        // On the last image of the gallery, Hide Next arrow
        if (document.getElementById('imgImageArrowNext')) {
            document.getElementById('imgImageArrowNext').src = '/images/clear.gif'
           // debugger;
           mouseoverimagearrownext(7);
           mouseoutimagearrownext(7);
        }
    }
    else {
        // Not on the last image of the gallery, Show Next arrow
        if (document.getElementById('imgImageArrowNext')) {
            document.getElementById('imgImageArrowNext').src = '/images/PhotoGallery/icons/arrow_next_off.gif'

        
        }
    }
    if (aThumbs[0] == 0) {
        // Hide Back link if on first set of images ?? not sure
        document.getElementById('imgArrowPrev').src = '/images/clear.gif'
           // debugger;
            mouseoverimgprev(7);
            mouseoutimgprev(7);
        
    } else {
    document.getElementById('imgArrowPrev').src = '/images/PhotoGallery/icons/thumb_arrow_previous_off.gif'

    
    }
    if (aThumbs[aThumbs.length - 1] >= (aPhotos.length - 1)) {
        // Hide link to Next set of images if nine or fewer images
        document.getElementById('imgArrowNext').src = '/images/clear.gif'
           //debugger;
            mouseoverimgnext(7);
            mouseoutimgnext(7);
        
    } else {
    document.getElementById('imgArrowNext').src = '/images/PhotoGallery/icons/thumb_arrow_next_off.gif'

    }
    if (aPhotos.length <= 1) {
        // Hide Play Slideshow if only one image or no images
        if (document.getElementById('ahrefSlideShow')) {
            document.getElementById('ahrefSlideShow').innerHTML = ''
        }
    }

    //setProgress();
    //alert(currentThumb);
    setProgressNew(aThumbs[currentThumb])
}

function setProgress() {
    if (document.getElementById('lblProgress')) {
        var lastThumb
        lastThumb = aThumbs[0] + aThumbs.length - 1
        if (lastThumb >= aPhotos.length) {
            lastThumb = aPhotos.length - 1
        }
        document.getElementById('lblProgress').innerHTML = (aThumbs[0] + 1) + '-' + (lastThumb + 1) + ' of ' + aPhotos.length
    }
}


function setProgressNew(selectedThumbIndex) {
    if (document.getElementById('lblProgress')) {
        var lastThumb
        lastThumb = aThumbs[0] + aThumbs.length - 1
        if (lastThumb >= aPhotos.length) {
            lastThumb = aPhotos.length - 1
        }
        document.getElementById('lblProgress').innerHTML = (selectedThumbIndex + 1)  + ' of ' + aPhotos.length
    }
}

function setThumbs(initial) {
    //resets thumbnail set starting with photo array id "initial"
    for (var t = 0; t < aThumbs.length; ++t) {
        aThumbs[t] = t + initial;
        if (aThumbs[t] < aPhotos.length) {
            aPhotos[aThumbs[t]].setThumb(t);
        } else {
            document.getElementById('imgThumb' + t).src = '/images/clear.gif';
        }
    }
    currentThumb = 0;
}

function createThumbs(count) {
    for (var t = 0; t < count; ++t) {
        aThumbs[t] = t;
    }
}

function advanceThumbs(interval) {
    //advances thumbnail set by the positive or negative "interval" value passed
    if ((aThumbs[0] + interval) < 0) { interval = -1 };
    if (((aThumbs[0] + interval) >= 0) && ((aThumbs[0] + interval) <= aPhotos.length)) {
        setThumbs(aThumbs[0] + interval);
    }
    resetThumbClasses();
    //findPhoto(currentPhoto);  this line was preventing the checkArrows from working properly
    checkArrows();
}

function findPhoto(id) {  //finds and selects a photo by record ID if it exists in current thumbnail set
    
    for (var t = 0; t < aThumbs.length; ++t) {
        if (aPhotos[aThumbs[t]].id == id) {
        
            clickThumb(t);
        }
    }
}
function photoIndex(imageID) {  //finds and selects a photo by record ID if it exists in current thumbnail set
    for (var t = 0; t < aPhotos.length; ++t) {
        if (aPhotos[t].id == imageID) {
            return t;
        }
    }
    return 0;
}

function slideAdvance() {
    
    if (aThumbs[currentThumb] >= (aPhotos.length - 1)) {
        setThumbs(0);
    } else {
        clickThumb(currentThumb + 1)
    }
    clickThumb(currentThumb);
}

function slideShow() {
    
    if (slideShowLoaded) {
        if (slideShowRunning) {
            stopSlideShow()
        } else if (aPhotos.length > 1) {
            slideShowRunning = true;
            slideShowIntervalID = window.setInterval(slideAdvance, photoGallerySlideShowSpeed);
            if (document.getElementById('ahrefSlideShow')) { document.getElementById('ahrefSlideShow').innerHTML = 'Stop Slideshow' }
        }
    }
}

function stopSlideShow() {
    slideShowRunning = false
    window.clearInterval(slideShowIntervalID);
    document.getElementById('ahrefSlideShow').innerHTML = 'Play Slideshow';
    checkArrows();
}

function resetThumbClasses() {
    for (var t = 0; t < aThumbs.length; ++t) {
        document.getElementById('imgThumb' + t).className = 'photothumb';
    }
}

function clickThumb(thumb) {
    
    //prevent infinite recursion of clickThumb
    if (aThumbs.length == 0) {
        return;
    };

    if ((thumb < 0) && (aThumbs[0] > 0)) {  //click a thumbnail before the current set
        advanceThumbs(aThumbs.length * -1);
        clickThumb(aThumbs.length + thumb)
    } else if (thumb > (aThumbs.length - 1)) {  //click a thumbnail after the current set
        //Yashma : nothing needs to be done in this case - commenting the next 2 lines not sure why they were added
        advanceThumbs(aThumbs.length); 
        clickThumb(thumb - aThumbs.length);
    } else if (aThumbs[thumb] < aPhotos.length) {  //click a thumbnail within the current set
        if (aThumbs[thumb] <= aPhotos.length) {
            currentThumb = thumb;
            aPhotos[aThumbs[thumb]].selectImage();
            //debugger;
            setProgressNew(aThumbs[thumb]); 
            resetThumbClasses();
            document.getElementById('imgThumb' + thumb).className = 'photoThumbSelected';
        }
    }
}

function clickMore(location) {
    if (window.opener) {
        window.opener.location = location;
        window.close();
    } else {
        window.location = location;
    }
}

function mouseoverimagearrowprev(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgImageArrowPrevious").src = '/images/PhotoGallery/icons/arrow_previous_over.gif'
          }
else if ( i == 7){
document.getElementById("imgImageArrowPrevious").src = '/images/clear.gif'
    }
}

function mouseoutimagearrowprev(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgImageArrowPrevious").src = '/images/PhotoGallery/icons/arrow_previous_off.gif'
          }
          else if (i == 7) {
          document.getElementById("imgImageArrowPrevious").src = '/images/clear.gif'
    }
}

function mouseoverimagearrownext(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgImageArrowNext").src =  '/images/PhotoGallery/icons/arrow_next_over.gif'
          }
          else if (i == 7) {
          document.getElementById("imgImageArrowNext").src = '/images/clear.gif'
    }
}

function mouseoutimagearrownext(i) {
//    debugger;
    
if (i == 8){
          document.getElementById("imgImageArrowNext").src = '/images/PhotoGallery/icons/arrow_next_off.gif'
          }
          else if (i == 7) {

          document.getElementById("imgImageArrowNext").src = '/images/clear.gif'
    }
}
function mouseoverimgprev(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgArrowPrev").src ='/images/PhotoGallery/icons/thumb_arrow_previous_over.gif'
          }
          else if (i == 7) {

          document.getElementById("imgArrowPrev").src = '/images/clear.gif'
    }
}
function mouseoutimgprev(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgArrowPrev").src = '/images/PhotoGallery/icons/thumb_arrow_previous_off.gif'
          }
          else if (i == 7) {
          document.getElementById("imgArrowPrev").src = '/images/clear.gif'
    }
}

function mouseoverimgnext(i) {
//    debugger;
    if (i == 8) {
          document.getElementById("imgArrowNext").src = '/images/PhotoGallery/icons/thumb_arrow_next_over.gif'
          }
          else if (i == 7) {
          document.getElementById("imgArrowNext").src = '/images/clear.gif'
    }
}

function mouseoutimgnext(i) {
//    debugger;
    if (i == 8) {
        document.getElementById("imgArrowNext").src = '/images/PhotoGallery/icons/thumb_arrow_next_off.gif'
          }
          else if (i == 7) {
   
   document.getElementById("imgArrowNext").src = '/images/clear.gif' 
    }
}