/*
 * lytebox.js - LyteBox v3.10
 *
 * Author: Markus F. Hay
 * Website: http://www.dolem.com/lytebox
 * Date: May 28, 2007
 * License: Creative Commons Attribution 2.5 License
 * http://creativecommons.org/licenses/by/2.5
 */

/* ---------------------------------------------------------------------- */
Array.prototype.removeDuplicates = function() {
   for( var i = 1; i < this.length; i++ ) {
      if( this[i][0] == this[i-1][0] ) {
         this.splice( i,1 );
      }
   }
}

/* ---------------------------------------------------------------------- */
Array.prototype.empty = function() {
   for( var i = 0; i <= this.length; i++ ) {
      this.shift();
   }
}

/* ---------------------------------------------------------------------- */
function LyteBox() {
   /*** Start Global Configuration ***/
   this.theme = 'grey';      // themes: grey, red, green, blue, gold
   this.hideFlash = true;    // Flash objects should be hidden
   this.outerBorder = false; // show the outer grey( or theme ) border
   this.resizeSpeed = 8;     // speed of the image resizing( 1=slow .. 10=fast)
   this.borderSize = 10;     // if you adjust the padding in the CSS,
                             // you will need to update this variable
   this.maxOpacity = 20;     // higher opacity = darker overlay,
                             // lower opacity = lighter overlay
   this.navType = 1;         // 1 = "Prev/Next" buttons on top left and left,
                             // 2 = "<< prev | next >>" links next to image no
   this.autoResize = false;  // images should be resized if larger than the
                             // browser window dimensions
   /*** End Global Configuration ***/
   /*** Configure Slideshow Options ***/
   this.slideInterval = 5000;     // Milliseconds to increase/decrease the
                                  // time between "slides"
   this.showNavigation = true;    // true to display Next/Prev buttons/text
                                  // during slideshow, false to hide
   this.showClose = true;         // true to display the Close button,
                                  // false to hide
   this.showDetails = true;       // true to display image details( caption,
                                  // count), false to hide
   this.showPlayPause = true;     // true to display pause/play buttons next
                                  // to close button, false to hide
   this.autoEnd = true;           // true to automatically close Lytebox
                                  // after the last image is reached, false
                                  // to keep open
   this.pauseOnNextClick = true;  // true to pause the slideshow when the
                                  // "Next" button is clicked
   this.pauseOnPrevClick = true;  // true to pause the slideshow when the
                                  // "Prev" button is clicked
   /*** End Slideshow Configuration ***/
   if( this.resizeSpeed > 10 ) { this.resizeSpeed = 10; }
   if( this.resizeSpeed < 1 ) { resizeSpeed = 1; }
   this.resizeDuration =( 11 - this.resizeSpeed ) * 0.15;   
   this.resizeWTimerArray = new Array();
   this.resizeWTimerCount = 0;
   this.resizeHTimerArray = new Array();
   this.resizeHTimerCount = 0;
   this.showImageTimerArray = new Array();
   this.showImageTimerCount = 0;
   this.overlayTimerArray = new Array();
   this.overlayTimerCount = 0;
   this.imageTimerArray = new Array();
   this.imageTimerCount = 0;
   this.timerIDArray = new Array();
   this.timerIDCount = 0;
   this.slideshowIDArray = new Array();
   this.slideshowIDCount = 0;
   this.imageArray = new Array();
   this.activeImage = null;
   this.slideArray = new Array();
   this.activeSlide = null;
   this.checkFrame();
   this.isSlideshow = false;
   /*@cc_on
      /*@if( @_jscript)
         this.ie =( document.all && !window.opera ) ? true : false;
      /*@else @*/
         this.ie = false;
      /*@end
   @*/
   this.ie7 =( this.ie && window.XMLHttpRequest );
   this.initialize();
}

/* ---------------------------------------------------------------------- */
LyteBox.prototype.initialize = function() {
   if( !document.getElementsByTagName ) { return; }
   var anchors = ( this.isFrame ) ?
      window.parent.frames[window.name].document.getElementsByTagName( 'a' ) :
      document.getElementsByTagName( 'a' );
   for( var i = 0; i < anchors.length; i++ ) {
      var anchor = anchors[i];      
      var relAttribute = String( anchor.getAttribute( 'rel') );
      if( anchor.getAttribute( 'href') ) {
         if( relAttribute.toLowerCase().match( 'lytebox') ) {
            anchor.onclick = function() {
               myLytebox.start( this, false );
               return false;
            }
         } else if( relAttribute.toLowerCase().match( 'lyteshow') ) {
            anchor.onclick = function() {
               myLytebox.start( this, true );
               return false;
            }
         }
      }
   }
   var objBody = this.doc.getElementsByTagName( "body").item( 0 );   
   if( this.doc.getElementById( 'lbOverlay') ) {
      objBody.removeChild( this.doc.getElementById( "lbOverlay") );
      objBody.removeChild( this.doc.getElementById( "lbMain") );
   }
   var objOverlay = this.doc.createElement( "div" );
      objOverlay.setAttribute( 'id','lbOverlay' );
      objOverlay.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objOverlay.style.display = 'none';
      objBody.appendChild( objOverlay );   
   var objLytebox = this.doc.createElement( "div" );
      objLytebox.setAttribute( 'id','lbMain' );
      objLytebox.style.display = 'none';
      objBody.appendChild( objLytebox );   
   var objOuterImageContainer = this.doc.createElement( "div" );
      objOuterImageContainer.setAttribute( 'id','lbOuterImageContainer' );
      objOuterImageContainer.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objLytebox.appendChild( objOuterImageContainer );
   var objImageContainer = this.doc.createElement( "div" );
      objImageContainer.setAttribute( 'id','lbImageContainer' );
      objOuterImageContainer.appendChild( objImageContainer );
   var objLyteboxImage = this.doc.createElement( "img" );
      objLyteboxImage.setAttribute( 'id','lbImage' );
      objImageContainer.appendChild( objLyteboxImage );      
   var objLoading = this.doc.createElement( "div" );
      objLoading.setAttribute( 'id','lbLoading' );
      objImageContainer.appendChild( objLoading );      
   var objImageDataContainer = this.doc.createElement( "div" );
      objImageDataContainer.setAttribute( 'id','lbImageDataContainer' );
      objImageDataContainer.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objLytebox.appendChild( objImageDataContainer );
   var objImageData =this.doc.createElement( "div" );
      objImageData.setAttribute( 'id','lbImageData' );
      objImageData.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objImageDataContainer.appendChild( objImageData );   
   var objImageDetails = this.doc.createElement( "div" );
      objImageDetails.setAttribute( 'id','lbImageDetails' );
      objImageData.appendChild( objImageDetails );
   var objCaption = this.doc.createElement( "span" );
      objCaption.setAttribute( 'id','lbCaption' );
      objImageDetails.appendChild( objCaption );      
   var objHoverNav = this.doc.createElement( "div" );
      objHoverNav.setAttribute( 'id','lbHoverNav' );
      objImageContainer.appendChild( objHoverNav );   
   var objBottomNav = this.doc.createElement( "div" );
      objBottomNav.setAttribute( 'id','lbBottomNav' );
      objImageData.appendChild( objBottomNav );   
   var objPrev = this.doc.createElement( "a" );
      objPrev.setAttribute( 'id','lbPrev' );
      objPrev.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objPrev.setAttribute( 'href','#' );
      objHoverNav.appendChild( objPrev );   
   var objNext = this.doc.createElement( "a" );
      objNext.setAttribute( 'id','lbNext' );
      objNext.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objNext.setAttribute( 'href','#' );
      objHoverNav.appendChild( objNext );   
   var objNumberDisplay = this.doc.createElement( "span" );
      objNumberDisplay.setAttribute( 'id','lbNumberDisplay' );
      objImageDetails.appendChild( objNumberDisplay );   
   if( this.navType == 2 ) {
      var objNavDisplay = this.doc.createElement( "span" );
         objNavDisplay.setAttribute( 'id','lbNavDisplay' );
         objImageDetails.appendChild( objNavDisplay );
   }
   var objClose = this.doc.createElement( "a" );
      objClose.setAttribute( 'id','lbClose' );
      objClose.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objClose.setAttribute( 'href','#' );
      objBottomNav.appendChild( objClose );      
   var objPause = this.doc.createElement( "a" );
      objPause.setAttribute( 'id','lbPause' );
      objPause.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objPause.setAttribute( 'href','#' );
      objPause.style.display = 'none';
      objBottomNav.appendChild( objPause );      
   var objPlay = this.doc.createElement( "a" );
      objPlay.setAttribute( 'id','lbPlay' );
      objPlay.setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
      objPlay.setAttribute( 'href','#' );
      objPlay.style.display = 'none';
      objBottomNav.appendChild( objPlay );
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.start = function( imageLink, doSlide ) {
   if( this.ie && !this.ie7 ) {   this.toggleSelects( 'hide' );   }
   if( this.hideFlash ) { this.toggleFlash( 'hide' ); }
   var pageSize   = this.getPageSize();
   var objOverlay   = this.doc.getElementById( 'lbOverlay' );
   var objBody      = this.doc.getElementsByTagName( "body").item( 0 );
   objOverlay.style.height = pageSize[1] + "px";
   objOverlay.style.display = '';
   this.appear( 'lbOverlay', 0 );
   this.imageArray = [];
   this.imageNum = 0;
   this.slideArray = [];
   this.slideNum = 0;
   if( !document.getElementsByTagName){ return; }
   var anchors =( this.isFrame ) ? window.parent.frames[window.name].document.getElementsByTagName( 'a') : document.getElementsByTagName( 'a' );
   if( ( imageLink.getAttribute( 'rel' ) == 'lytebox')) {
      this.imageArray.push( new Array( imageLink.getAttribute( 'href'), imageLink.getAttribute( 'title')) );
   } else {
      if( imageLink.getAttribute( 'rel').indexOf( 'lytebox' ) != -1) {
         for( var i = 0; i < anchors.length; i++ ) {
            var anchor = anchors[i];
            if( anchor.getAttribute( 'href' ) &&( anchor.getAttribute( 'rel') == imageLink.getAttribute( 'rel'))) {
               this.imageArray.push( new Array( anchor.getAttribute( 'href'), anchor.getAttribute( 'title')) );
            }
         }
         this.imageArray.removeDuplicates();
         while( this.imageArray[this.imageNum][0] != imageLink.getAttribute( 'href') ) { this.imageNum++; }
      }
      if( imageLink.getAttribute( 'rel').indexOf( 'lyteshow' ) != -1) {
         for( var i = 0; i < anchors.length; i++ ) {
            var anchor = anchors[i];
            if( anchor.getAttribute( 'href' ) &&( anchor.getAttribute( 'rel') == imageLink.getAttribute( 'rel'))) {
               this.slideArray.push( new Array( anchor.getAttribute( 'href'), anchor.getAttribute( 'title')) );
            }
         }
         this.slideArray.removeDuplicates();
         while( this.slideArray[this.slideNum][0] != imageLink.getAttribute( 'href') ) { this.slideNum++; }
      }
   }
   var object = this.doc.getElementById( 'lbMain' );
      object.style.top =( this.getPageScroll() +( pageSize[3] / 15)) + "px";
      object.style.display = '';
   if( !this.outerBorder ) {
      this.doc.getElementById( 'lbOuterImageContainer').style.border = 'none';
      this.doc.getElementById( 'lbImageDataContainer').style.border = 'none';
   } else {
      this.doc.getElementById( 'lbOuterImageContainer').style.borderBottom = '';
      this.doc.getElementById( 'lbOuterImageContainer').setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
   }
   this.doc.getElementById( 'lbOverlay').onclick = function() { myLytebox.end(); return false; }
   this.doc.getElementById( 'lbClose').onclick = function() { myLytebox.end(); return false; }
   this.doc.getElementById( 'lbPause').onclick = function() { myLytebox.togglePlayPause( "lbPause", "lbPlay" ); return false; }
   this.doc.getElementById( 'lbPlay').onclick = function() { myLytebox.togglePlayPause( "lbPlay", "lbPause" ); return false; }
   this.isSlideshow = doSlide;
   this.isPaused =( this.slideNum != 0 ? true : false );
   if( this.isSlideshow && this.showPlayPause && this.isPaused ) {
      this.doc.getElementById( 'lbPlay').style.display = '';
      this.doc.getElementById( 'lbPause').style.display = 'none';
   }   
   if( this.isSlideshow ) {
      this.changeImage( this.slideNum );
   } else {
      this.changeImage( this.imageNum );
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.changeImage = function( imageNum ) {
   if( this.isSlideshow ) {
      for( var i = 0; i < this.slideshowIDCount; i++ ) { window.clearTimeout( this.slideshowIDArray[i] ); }
   }
   this.activeImage = this.activeSlide = imageNum;
   if( !this.outerBorder ) {
      this.doc.getElementById( 'lbOuterImageContainer').style.border = 'none';
      this.doc.getElementById( 'lbImageDataContainer').style.border = 'none';
   } else {
      this.doc.getElementById( 'lbOuterImageContainer').style.borderBottom = '';
      this.doc.getElementById( 'lbOuterImageContainer').setAttribute( ( this.ie ? 'className' : 'class'), this.theme );
   }
   this.doc.getElementById( 'lbLoading').style.display = '';
   this.doc.getElementById( 'lbImage').style.display = 'none';
   this.doc.getElementById( 'lbPrev').style.display = 'none';
   this.doc.getElementById( 'lbNext').style.display = 'none';
   this.doc.getElementById( 'lbImageDataContainer').style.display = 'none';
   this.doc.getElementById( 'lbNumberDisplay').style.display = 'none';
   if( this.navType == 2 ) {
      object = this.doc.getElementById( 'lbNavDisplay' );
      object.innerHTML = '&nbsp;&nbsp;&nbsp;<span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">&laquo; prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">&laquo; prev</a> <b id="lbSpacer" class="' + this.theme + '">||</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next &raquo;</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next &raquo;</a>';
      object.style.display = 'none';
   }
   imgPreloader = new Image();
   imgPreloader.onload = function() {
      var imageWidth = imgPreloader.width;
      var imageHeight = imgPreloader.height;
      if( myLytebox.autoResize ) {
         var pagesize = myLytebox.getPageSize();
         var x = pagesize[2] - 150;
         var y = pagesize[3] - 150;
         if( imageWidth > x ) {
            imageHeight = Math.round( imageHeight *( x / imageWidth) );
            imageWidth = x; 
            if( imageHeight > y ) { 
               imageWidth = Math.round( imageWidth *( y / imageHeight) );
               imageHeight = y; 
            }
         } else if( imageHeight > y ) { 
            imageWidth = Math.round( imageWidth *( y / imageHeight) );
            imageHeight = y; 
            if( imageWidth > x ) { 
               imageHeight = Math.round( imageHeight *( x / imageWidth) );
               imageWidth = x;
            }
         }
      }      
      var lbImage = myLytebox.doc.getElementById( 'lbImage')
      lbImage.src =( myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0] );
      lbImage.width = imageWidth;
      lbImage.height = imageHeight;
      myLytebox.resizeImageContainer( imageWidth, imageHeight );
      imgPreloader.onload = function() {};
   }
   imgPreloader.src =( this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0] );
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.resizeImageContainer = function( imgWidth, imgHeight ) {
   this.wCur = this.doc.getElementById( 'lbOuterImageContainer').offsetWidth;
   this.hCur = this.doc.getElementById( 'lbOuterImageContainer').offsetHeight;
   this.xScale =( ( imgWidth  +( this.borderSize * 2) ) / this.wCur) * 100;
   this.yScale =( ( imgHeight  +( this.borderSize * 2) ) / this.hCur) * 100;
   var wDiff =( this.wCur - this.borderSize * 2 ) - imgWidth;
   var hDiff =( this.hCur - this.borderSize * 2 ) - imgHeight;
   if( !( hDiff == 0) ) {
      this.hDone = false;
      this.resizeH( 'lbOuterImageContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate( this.hCur, imgHeight) );
   } else {
      this.hDone = true;
   }
   if( !( wDiff == 0) ) {
      this.wDone = false;
      this.resizeW( 'lbOuterImageContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate( this.wCur, imgWidth) );
   } else {
      this.wDone = true;
   }
   if( ( hDiff == 0 ) &&( wDiff == 0)) {
      if( this.ie){ this.pause( 250 ); } else { this.pause( 100 ); } 
   }   
   this.doc.getElementById( 'lbPrev').style.height = imgHeight + "px";
   this.doc.getElementById( 'lbNext').style.height = imgHeight + "px";
   this.doc.getElementById( 'lbImageDataContainer').style.width =( imgWidth +( this.borderSize * 2 ) +( this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
   this.showImage();
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.showImage = function() {
   if( this.wDone && this.hDone ) {
      for( var i = 0; i < this.showImageTimerCount; i++ ) { window.clearTimeout( this.showImageTimerArray[i] ); }
      if( this.outerBorder ) {
         this.doc.getElementById( 'lbOuterImageContainer').style.borderBottom = 'none';
      }      
      this.doc.getElementById( 'lbLoading').style.display = 'none';
      this.doc.getElementById( 'lbImage').style.display = '';
      this.appear( 'lbImage', 0 );
      this.preloadNeighborImages();      
      if( this.isSlideshow ) {
         if( this.activeSlide ==( this.slideArray.length - 1) ) {
            if( this.autoEnd ) {
               this.slideshowIDArray[this.slideshowIDCount++] = setTimeout( "myLytebox.end( 'slideshow')", this.slideInterval );
            }
         } else {
            if( !this.isPaused ) {
               this.slideshowIDArray[this.slideshowIDCount++] = setTimeout( "myLytebox.changeImage( "+( this.activeSlide+1)+")", this.slideInterval );
            }
         }         
         if( !this.showNavigation ) {
            this.doc.getElementById( 'lbHoverNav').style.display = 'none';
         }
         if( !this.showClose ) { this.doc.getElementById( 'lbClose').style.display = 'none'; }
         if( !this.showDetails ) { this.doc.getElementById( 'lbImageDetails').style.display = 'none'; }
         if( this.showPlayPause && !this.isPaused ) {
            this.doc.getElementById( 'lbPause').style.display = '';
            this.doc.getElementById( 'lbPlay').style.display = 'none';
         } else {
            this.doc.getElementById( 'lbPause').style.display = 'none';
            this.doc.getElementById( 'lbPlay').style.display = '';
         }
      } else {
         this.doc.getElementById( 'lbHoverNav').style.display =( this.navType == 1 ? '' : 'none' );
         if( this.navType == 2 ) {
            this.doc.getElementById( 'lbNavDisplay').style.display = '';
         }
         this.doc.getElementById( 'lbClose').style.display = '';
         this.doc.getElementById( 'lbImageDetails').style.display = '';
         this.doc.getElementById( 'lbPause').style.display = 'none';
         this.doc.getElementById( 'lbPlay').style.display = 'none';
      }
   } else {
      this.showImageTimerArray[this.showImageTimerCount++] = setTimeout( "myLytebox.showImage()", 200 );
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.updateDetails = function() {
   var object = this.doc.getElementById( 'lbCaption' );
   var sTitle =( this.isSlideshow ? this.slideArray[this.activeSlide][1] : this.imageArray[this.activeImage][1] );
   object.style.display = '';
   object.innerHTML =( sTitle == null ? '' : sTitle );   
   this.updateNav()   
   this.doc.getElementById( 'lbImageDataContainer').style.display = '';   
   object = this.doc.getElementById( 'lbNumberDisplay' );
   if( this.isSlideshow && this.slideArray.length > 1 ) {
      object.style.display = '';
      object.innerHTML = "Bild " + eval( this.activeSlide + 1 ) + " von " + this.slideArray.length;
      if( this.navType == 2 && this.showNavigation ) { this.doc.getElementById( 'lbNavDisplay').style.display = ''; }
   } else if( this.imageArray.length > 1 ) {
      object.style.display = '';
      object.innerHTML = "Bild " + eval( this.activeImage + 1 ) + " von " + this.imageArray.length;
      if( this.navType == 2 && this.showNavigation ) { this.doc.getElementById( 'lbNavDisplay').style.display = ''; }
   } else {
      if( this.navType == 2 ) { this.doc.getElementById( 'lbNavDisplay').style.display = 'none'; }
   }
   this.appear( 'lbImageDataContainer', 0 );
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.updateNav = function() {
   if( this.isSlideshow ) {
      if( this.activeSlide != 0 ) {
         var object =( this.navType == 2 ? this.doc.getElementById( 'lbPrev2' ) : this.doc.getElementById( 'lbPrev') );
            object.style.display = '';
            object.onclick = function() {
               if( myLytebox.pauseOnPrevClick ) { myLytebox.togglePlayPause( "lbPause", "lbPlay" ); }
               myLytebox.changeImage( myLytebox.activeSlide - 1 ); return false;
            }
      } else {
         if( this.navType == 2 ) { this.doc.getElementById( 'lbPrev2_Off').style.display = ''; }
      }
      if( this.activeSlide !=( this.slideArray.length - 1) ) {
         var object =( this.navType == 2 ? this.doc.getElementById( 'lbNext2' ) : this.doc.getElementById( 'lbNext') );
            object.style.display = '';
            object.onclick = function() {
               if( myLytebox.pauseOnNextClick ) { myLytebox.togglePlayPause( "lbPause", "lbPlay" ); }
               myLytebox.changeImage( myLytebox.activeSlide + 1 ); return false;
            }
      } else {
         if( this.navType == 2 ) { this.doc.getElementById( 'lbNext2_Off').style.display = ''; }
      }
   } else {
      if( this.activeImage != 0 ) {
         var object =( this.navType == 2 ? this.doc.getElementById( 'lbPrev2' ) : this.doc.getElementById( 'lbPrev') );
            object.style.display = '';
            object.onclick = function() {
               myLytebox.changeImage( myLytebox.activeImage - 1 ); return false;
            }
      } else {
         if( this.navType == 2 ) { this.doc.getElementById( 'lbPrev2_Off').style.display = ''; }
      }
      if( this.activeImage !=( this.imageArray.length - 1) ) {
         var object =( this.navType == 2 ? this.doc.getElementById( 'lbNext2' ) : this.doc.getElementById( 'lbNext') );
            object.style.display = '';
            object.onclick = function() {
               myLytebox.changeImage( myLytebox.activeImage + 1 ); return false;
            }
      } else {
         if( this.navType == 2 ) { this.doc.getElementById( 'lbNext2_Off').style.display = ''; }
      }
   }   
   this.enableKeyboardNav();
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.enableKeyboardNav = function() {
   document.onkeydown = this.keyboardAction;
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.disableKeyboardNav = function() {
   document.onkeydown = '';
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.keyboardAction = function( e ) {
   var keycode = key = escape = null;
   keycode   =( e == null ) ? event.keyCode : e.which;
   key      = String.fromCharCode( keycode).toLowerCase();
   escape  =( e == null ) ? 27 : e.DOM_VK_ESCAPE;   
   if( ( key == 'x' ) ||( key == 'c') ||( keycode == escape)) {
      myLytebox.end();
   } else if( ( key == 'p' ) ||( keycode == 37)) {
      if( myLytebox.isSlideshow ) {
         if( myLytebox.activeSlide != 0 ) {
            myLytebox.disableKeyboardNav();
            myLytebox.changeImage( myLytebox.activeSlide - 1 );
         }
      } else {
         if( myLytebox.activeImage != 0 ) {
            myLytebox.disableKeyboardNav();
            myLytebox.changeImage( myLytebox.activeImage - 1 );
         }
      }
   } else if( ( key == 'n' ) ||( keycode == 39)) {
      if( myLytebox.isSlideshow ) {
         if( myLytebox.activeSlide !=( myLytebox.slideArray.length - 1) ) {
            myLytebox.disableKeyboardNav();
            myLytebox.changeImage( myLytebox.activeSlide + 1 );
         }
      } else {
         if( myLytebox.activeImage !=( myLytebox.imageArray.length - 1) ) {
            myLytebox.disableKeyboardNav();
            myLytebox.changeImage( myLytebox.activeImage + 1 );
         }
      }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.preloadNeighborImages = function() {
   if( this.isSlideshow ) {
      if( ( this.slideArray.length - 1 ) > this.activeSlide) {
         preloadNextImage = new Image();
         preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
      }
      if( this.activeSlide > 0 ) {
         preloadPrevImage = new Image();
         preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
      }
   } else {
      if( ( this.imageArray.length - 1 ) > this.activeImage) {
         preloadNextImage = new Image();
         preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
      }
      if( this.activeImage > 0 ) {
         preloadPrevImage = new Image();
         preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
      }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.togglePlayPause = function( hideID, showID ) {
   if( this.isSlideshow && hideID == "lbPause" ) {
      for( var i = 0; i < this.slideshowIDCount; i++ ) { window.clearTimeout( this.slideshowIDArray[i] ); }
   }
   this.doc.getElementById( hideID).style.display = 'none';
   this.doc.getElementById( showID).style.display = '';
   if( hideID == "lbPlay" ) {
      this.isPaused = false;
      if( this.activeSlide ==( this.slideArray.length - 1) ) {
         this.end();
      } else {
         this.changeImage( this.activeSlide + 1 );
      }
   } else {
      this.isPaused = true;
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.end = function( caller ) {
   var closeClick =( caller == 'slideshow' ? false : true );
   if( this.isSlideshow && this.isPaused && !closeClick ) { return; }   
   this.disableKeyboardNav();
   this.doc.getElementById( 'lbMain').style.display = 'none';
   this.fade( 'lbOverlay', this.maxOpacity );
   this.toggleSelects( 'visible' );
   if( this.hideFlash ) { this.toggleFlash( 'visible' ); }
   if( this.isSlideshow ) {
      for( var i = 0; i < this.slideshowIDCount; i++ ) { window.clearTimeout( this.slideshowIDArray[i] ); }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.checkFrame = function() {
   if( window.parent.frames[window.name] &&( parent.document.getElementsByTagName( 'frameset').length <= 0) ) {
      this.isFrame = true;
      this.lytebox = "window.parent." + window.name + ".myLytebox";
      this.doc = parent.document;
   } else {
      this.isFrame = false;
      this.lytebox = "myLytebox";
      this.doc = document;
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.getPixelRate = function( cur, img ) {
   var diff =( img > cur ) ? img - cur : cur - img;   
   if( diff >= 0 && diff <= 100 ) { return 4; }
   if( diff > 100 && diff <= 200 ) { return 8; }
   if( diff > 200 && diff <= 300 ) { return 12; }
   if( diff > 300 && diff <= 400 ) { return 16; }
   if( diff > 400 && diff <= 500 ) { return 20; }
   if( diff > 500 && diff <= 600 ) { return 24; }
   if( diff > 600 && diff <= 700 ) { return 28; }
   if( diff > 700 ) { return 32; }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.appear = function( id, opacity ) {
   var object = this.doc.getElementById( id).style;
   object.opacity =( opacity/100 );
   object.MozOpacity =( opacity/100 );
   object.KhtmlOpacity =( opacity/100 );
   object.filter = "alpha( opacity=" +( opacity+10 ) + ")";   
   if( opacity == 100 && id == 'lbImage' ) {
      this.updateDetails();
   } else if( opacity == this.maxOpacity && id == 'lbOverlay' ) {
      for( var i = 0; i < this.overlayTimerCount; i++ ) { window.clearTimeout( this.overlayTimerArray[i] ); }
      return;
   } else if( opacity == 100 && id == 'lbImageDataContainer' ) {
      for( var i = 0; i < this.imageTimerCount; i++ ) { window.clearTimeout( this.imageTimerArray[i] ); }
      this.doc.getElementById( 'lbOverlay').style.height = this.getPageSize()[1] + "px";
   } else {
      if( id == 'lbOverlay' ) {
         this.overlayTimerArray[this.overlayTimerCount++] = setTimeout( "myLytebox.appear( '" + id + "', " +( opacity+20 ) + ")", 1 );
      } else {
         this.imageTimerArray[this.imageTimerCount++] = setTimeout( "myLytebox.appear( '" + id + "', " +( opacity+10 ) + ")", 1 );
      }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.fade = function( id, opacity ) {
   var object = this.doc.getElementById( id).style;
   object.opacity =( opacity / 100 );
   object.MozOpacity =( opacity / 100 );
   object.KhtmlOpacity =( opacity / 100 );
   object.filter = "alpha( opacity=" + opacity + ")";   
   if( opacity == 0 ) {
      try {
         object.display = 'none';
      } catch( err ) { }
   } else if( id == 'lbOverlay' ) {
      this.overlayTimerArray[this.overlayTimerCount++] = setTimeout( "myLytebox.fade( '" + id + "', " +( opacity-20 ) + ")", 1 );
   } else {
      this.timerIDArray[this.timerIDCount++] = setTimeout( "myLytebox.fade( '" + id + "', " +( opacity-10 ) + ")", 1 );
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.resizeW = function( id, curW, maxW, pixelrate, speed ) {
   if( !this.hDone ) {
      this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout( "myLytebox.resizeW( '" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100 );
      return;
   }   
   var object = this.doc.getElementById( id );
   var timer = speed ? speed :( this.resizeDuration/2 );   
   object.style.width =( curW ) + "px";   
   if( curW < maxW ) {
      curW +=( curW + pixelrate >= maxW ) ?( maxW - curW) : pixelrate;
   } else if( curW > maxW ) {
      curW -=( curW - pixelrate <= maxW ) ?( curW - maxW) : pixelrate;
   }
   this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout( "myLytebox.resizeW( '" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ", " +( timer+0.02 ) + ")", timer+0.02 );   
   if( parseInt( object.style.width ) == maxW) {
      this.wDone = true;
      for( var i = 0; i < this.resizeWTimerCount; i++ ) { window.clearTimeout( this.resizeWTimerArray[i] ); }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.resizeH = function( id, curH, maxH, pixelrate, speed ) {
   var timer = speed ? speed :( this.resizeDuration/2 );
   var object = this.doc.getElementById( id );   
   object.style.height =( curH ) + "px";   
   if( curH < maxH ) {
      curH +=( curH + pixelrate >= maxH ) ?( maxH - curH) : pixelrate;
   } else if( curH > maxH ) {
      curH -=( curH - pixelrate <= maxH ) ?( curH - maxH) : pixelrate;
   }
   this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout( "myLytebox.resizeH( '" + id + "', " + curH + ", " + maxH + ", " + pixelrate + ", " +( timer+.02 ) + ")", timer+.02 );   
   if( parseInt( object.style.height ) == maxH) {
      this.hDone = true;
      for( var i = 0; i < this.resizeHTimerCount; i++ ) { window.clearTimeout( this.resizeHTimerArray[i] ); }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.getPageScroll = function() {
   if( self.pageYOffset ) {
      return this.isFrame ? parent.pageYOffset : self.pageYOffset;
   } else if( this.doc.documentElement && this.doc.documentElement.scrollTop){
      return this.doc.documentElement.scrollTop;
   } else if( document.body ) {
      return this.doc.body.scrollTop;
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.getPageSize = function() {   
   var xScroll, yScroll, windowWidth, windowHeight;   
   if( window.innerHeight && window.scrollMaxY ) {
      xScroll = this.doc.scrollWidth;
      yScroll =( this.isFrame ? parent.innerHeight : self.innerHeight ) +( this.isFrame ? parent.scrollMaxY : self.scrollMaxY );
   } else if( this.doc.body.scrollHeight > this.doc.body.offsetHeight){
      xScroll = this.doc.body.scrollWidth;
      yScroll = this.doc.body.scrollHeight;
   } else {
      xScroll = this.doc.getElementsByTagName( "html").item( 0).offsetWidth;
      yScroll = this.doc.getElementsByTagName( "html").item( 0).offsetHeight;
      xScroll =( xScroll < this.doc.body.offsetWidth ) ? this.doc.body.offsetWidth : xScroll;
      yScroll =( yScroll < this.doc.body.offsetHeight ) ? this.doc.body.offsetHeight : yScroll;
   }   
   if( self.innerHeight ) {
      windowWidth =( this.isFrame ) ? parent.innerWidth : self.innerWidth;
      windowHeight =( this.isFrame ) ? parent.innerHeight : self.innerHeight;
   } else if( document.documentElement && document.documentElement.clientHeight ) {
      windowWidth = this.doc.documentElement.clientWidth;
      windowHeight = this.doc.documentElement.clientHeight;
   } else if( document.body ) {
      windowWidth = this.doc.getElementsByTagName( "html").item( 0).clientWidth;
      windowHeight = this.doc.getElementsByTagName( "html").item( 0).clientHeight;
      windowWidth =( windowWidth == 0 ) ? this.doc.body.clientWidth : windowWidth;
      windowHeight =( windowHeight == 0 ) ? this.doc.body.clientHeight : windowHeight;
   }
   var pageHeight =( yScroll < windowHeight ) ? windowHeight : yScroll;
   var pageWidth =( xScroll < windowWidth ) ? windowWidth : xScroll;   
   return new Array( pageWidth, pageHeight, windowWidth, windowHeight );
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.toggleFlash = function( state ) {
   var objects = this.doc.getElementsByTagName( "object" );
   for( var i = 0; i < objects.length; i++ ) {
      objects[i].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
   }
   var embeds = this.doc.getElementsByTagName( "embed" );
   for( var i = 0; i < embeds.length; i++ ) {
      embeds[i].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
   }   
   if( this.isFrame ) {
      for( var i = 0; i < parent.frames.length; i++ ) {
         objects = parent.frames[i].window.document.getElementsByTagName( "object" );
         for( var j = 0; j < objects.length; j++ ) {
            objects[j].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
         }
         embeds = parent.frames[i].window.document.getElementsByTagName( "embed" );
         for( var j = 0; j < embeds.length; j++ ) {
            embeds[j].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
         }
      }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.toggleSelects = function( state ) {
   var selects = this.doc.getElementsByTagName( "select" );
   for( var i = 0; i < selects.length; i++  ) {
      selects[i].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
   }
   if( this.isFrame ) {
      for( var i = 0; i < parent.frames.length; i++ ) {
         selects = parent.frames[i].window.document.getElementsByTagName( "select" );
         for( var j = 0; j < selects.length; j++ ) {
            selects[j].style.visibility =( state == "hide" ) ? 'hidden' : 'visible';
         }
      }
   }
};

/* ---------------------------------------------------------------------- */
LyteBox.prototype.pause = function( numberMillis ) {
   var now = new Date();
   var exitTime = now.getTime() + numberMillis;
   while( true ) {
      now = new Date();
      if( now.getTime() > exitTime) { return; }
   }
};

/* ---------------------------------------------------------------------- */
function initLytebox() {
   myLytebox = new LyteBox();
}

/* ---------------------------------------------------------------------- */
/* function main */
/* ---------------------------------------------------------------------- */
if( window.addEventListener ) {
   window.addEventListener( "load",initLytebox,false );
} else if( window.attachEvent ) {
   window.attachEvent( "onload",initLytebox );
} else {
   window.onload = function() {initLytebox();}
}

/* end of lytebox.js */