// config

// fade background
var fade2black = document.createElement("div");
fade2black.id = "fade2black";
fade2black.style.position = "fixed";
fade2black.style.zIndex = "3000";
fade2black.style.display = "none";
fade2black.style.top = "0px";
fade2black.style.left = "0px";
fade2black.style.height = "100%";
fade2black.style.width = "100%";
fade2black.style.backgroundColor = "#5A5A5C";
fade2black.style.opacity = "0";
fade2black.style.filter = "alpha(opacity=0)";

// innner div
var blocker = document.createElement("div");
blocker.id = "blocker"; 
blocker.align = "center"
blocker.style.position = "absolute";
blocker.style.zIndex = "3001";
blocker.style.height = "100%";
blocker.style.width = "100%";
blocker.style.top = "0px";
blocker.style.left = "0px";
blocker.style.display = "none";

// inner html
var ihtml = "";
ihtml += '<table id="popup2show" class="{innerCSSclass}" cellpadding="0" cellspacing="10" border="0" style="margin-top:{margin_top}px;">';
ihtml += '	<tr>';
ihtml += '		<td style="padding:10px; background-color:#FBFBFB;">';
ihtml += '			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="{innerCSSclass}">';
ihtml += '				<tr>';
ihtml += '					<td align="right"><img src="/VAImageBox/close.gif" alt="{text_Close}" title="{text_Close}" style="cursor:pointer;height:20px;width:20px;border:0px;" type="image" onClick="close_gallery(); return false;"><br>&nbsp;</td>';
ihtml += 				'</tr>';
ihtml += '			</table>';
ihtml += '			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="{innerCSSclass}">';
ihtml += '				<tr>';
ihtml += '					<td align="center" style="background-image:url({loading_image}); background-position:center center; background-repeat:no-repeat; min-width:100px; min-height:100px;" id="gallery_image_box"><img src="" border="0" id="gallery_image" title="{title}" style="display:none;"><br><br>{title}</td>';
//ihtml += '					<td width="140" style="padding:6px; background-color:#f5f5f5;" valign="top" align="left">{title}</td>';
ihtml += '				</tr>';
ihtml += 			'</table>';
ihtml += '			<br><a href="{imgurl}" target="_blank">{imgname}</a><br>';
ihtml += '			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="{innerCSSclass}">';
ihtml += '				<tr>';
ihtml += '					<td width="33%" align="left">&nbsp;{prev}</td>';
ihtml += '					<td width="34%" align="center">{galinfo}</td>'
ihtml += '					<td align="right" width="33%">{next}</td>';
ihtml += '				</tr>';
ihtml += '			</table>';
ihtml += '		</td>';
ihtml += '	</tr>';
ihtml += '</table>';

// other stuff
var path_thumbnail			= "/image.php?src={image}&resize=1&w=220&h=220" // {image} will be replaced with the path
var path_image				= "/image.php?src={image}&resize=1&w=500&h=500" // {image} will be replaced with the path
var innerCSSclass			= "VAGalleryBox";
var loading_image			= "/VAImageBox/loading.gif"
var text_Weiter				= "n&auml;chstes Bild &gt;";
var text_Zurueck			= "&lt; vorheriges Bild";
var text_Bild				= "Bild";
var text_von				= "von";
var text_Close				= "Schlie&szlig;en";
var margin_top				= 20; // px
var bg_opacity				= 60; // background opacity
//var fade_duration			= 200; // ms
var fade_duration			= 200; // ms
var fade_steps				= 10;
var base_href				= "/"; // !important! absolute path to root dir without hostname. for example: "/website/"

//test function if config is included
function galleryConfigIncluded() { return true; }