/***  CONFIGS of Lightbox  ***/


/*
 * Oog Photo-Gallery v3.1 beta
 * 2009 von Torben Rottbrand
 */


resize_photos = 'only_to_bigs';     // (expects 'all', 'only_to_bigs', 'only_to_smalls', 'fixed' or 'never')
                                                              // if resize_photos=='all' the lightbox will resize the photos to the displays size
                                                             // if resize_photos=='only_to_bigs' the lightbox will resize the photos that are bigger than the displays size to the displays size
                                                             // if resize_photos=='only_to_smalls' the lightbox will resize the photos that are smaller than the displays size to the displays size
                                                             // if resize_photos=='fixed' the lightbox will resize the photos to a fixed size
                                                             // if resize_photos=='never' the lightbox wont resize the photos and will show them in original size

fixed_photo_height = 0;          // (expects an integer) is the the fixed height of the photos in px. works only if resize_photos=='fixed'
fixed_photo_width = 0;            // (expects an integer) is the the fixed width of the photos in px. works only if resize_photos=='fixed'

timeout_slideshow = 5000;        // (expects just an int) defines the time in ms for switching photos in the slideshow

/******************************************************
	LAYOUT AND DESIGN
*******************************************************/

//here is the lightbox's html/css code. to change the lightbox's layout/design just modify the code.
//but be careful with modifying the code! for help visit oog-gallery.de/forum

html_lightbox = '<div class="overlay" id="overlay" style="position: fixed;z-index: 2;visibility: hidden;left: 0px;top: 0px;width: 0px;height: 0px;background-color: #000;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);"><\/div>' + 
'<div class="loading" id="loading" style="text-align: center;position: fixed;z-index: 3;visibility: hidden;left: 50%;top: 50%;height: 150px;width: 300px;margin-left: -150px;margin-top: -75px;color: #FFF;">' + 
'<img src="../imgdata/loading.gif" style="margin-top: 65px;">' + 
'<p style="font: normal 12px Tahoma,sans-serif;margin-top:0px;">Press ESC to cancel loading<\/p>' + 
'<\/div>' + 
'<div class="lightbox" id="lightbox" style="position: fixed;z-index: 4;visibility: hidden;width: 88%;height: 94%;left: 6%;top: 4%;">' + //use as unit for width, height, left and top only %
'<table height="100%" width="100%" border="0">' +
'<tr>' + 
'<th>' + 
'<img id="photo" border="0">' + 
'<\/th>' + 
'<\/tr>' + 
'<tr width="100%" height="35">' + 
'<th>' + 
'<a href="javascript: info();"><img src="../imgdata/info.gif" id="infoimg" style="bottom: 5px;" border="0" title="Infos | i"><\/a>' + 
'<a href="javascript: previous();"><img src="../imgdata/left.gif" style="margin:5px;" border="0" title="Previous Photo | Left Arrow Key"><\/a>' + 
'<a href="javascript: slide(\'start\');\" id="slidebutton"><img src="../imgdata/startslide.gif" id="slideimg" border="0" title="Start Slideshow"><\/a>' + 
'<a href="javascript: next();"><img src="../imgdata/right.gif" style="margin:5px;" border="0" title="Next Photo | Right Arrow Key"><\/a>' + 
'<a href="javascript: exitlightbox();"><img src="../imgdata/close.gif" id="closeimg" style="bottom: 5px;" border="0" title="Close | Esc"><\/a>' + 
'<\/th>' + 
'<\/tr>' + 
'<\/table>' + 
'<\/div>';