<HTML>
<HEAD>
<style type="text/css">
<!--
.images { padding: 5; }
span { margin: 5; background-color: black; border-width: 5px; border-style: double; }
span.off { border-color: gray; }
span.on { border-color: white; }
img { cursor: hand; }
-->
</style>
<script type="text/javascript">
<!--
<DP NAME="HEADER_VARS" Language="JavaScript" Comments="True" IncludeCast="False" IncludeCrew="False">
// -------- Configuration block - Start --------
var gsl = "C:\\Users\\dein PC\\Documents\\DVD Profiler\\Gallery\\";
var loc = false; // 5050582250886? var loc = false;. 5050582250886.4? var loc = true;.
var ist = 1; // First gallery image name: 01.jpg? var ist = 1;. 02.jpg? var ist = 1;
var zro = true; // 01.jpg/02.jpg? var zro = true;. 0.jpg/1.jpg? var zro = false;.
var tnv = 270; // ThumbNail Value
var bw = true; // tnv by width? var bw = true;. tnv by height? var bw = false;.
// Position and Clipping
var pos = false;
var cl1 = false;
var cl2 = false;
var cl3 = false;
var sp5 = false;
var sp7 = false;
var sp9 = false;
// Visual
var ipa = 5; // Padding for images
var ima = 5; // Margin for thumbnails
var bor = 3; // Thumbnail border thickness. No borders? var bor = 0;.
// Tags
var useTags = false;
var tagHierarchy = "Gallery Viewer/"
var tagByHeight = tagHierarchy + "By height"; // Controlles bw from a tag
var tagPos = tagHierarchy + "Position image"; // Controlles pos from a tag
var tagCl1 = tagHierarchy + "Clip/1"; // Controlles cl1 from a tag
var tagCl2 = tagHierarchy + "Clip/2"; // Controlles cl2 from a tag
var tagCl3 = tagHierarchy + "Clip/3"; // Controlles cl3 from a tag
var tagSp5 = tagHierarchy + "Split tnv by/5"; // Controlles sp5 from a tag
var tagSp7 = tagHierarchy + "Split tnv by/7"; // Controlles sp7 from a tag
var tagSp9 = tagHierarchy + "Split tnv by/9"; // Controlles sp9 from a tag
// -------- Configuration block - The End --------
var int = DP_Notes.indexOf("<gallery=");
// 1.3 new
function visual() {
if (int != -1) {
var ele = document.getElementById('thumbnails');
ele.style.padding = ipa + 'px';
for (var i = 0; i < document.getElementsByTagName('span').length; i++) {
var ele = document.getElementsByTagName('span')
;
ele.style.margin = ima + 'px';
ele.style.borderWidth = bor + 'px';
}
if (pos) positionImages();
}
}
// 1.3 new
function positionImages() {
if (cl1 || cl2 || cl3) for (var i = 0; i < document.getElementsByTagName('img').length; i++) {
var img = document.getElementsByTagName('img')[i];
var spa = document.getElementsByTagName('span')[i];
var sp = parseInt((!bw) ? spa.style.width: spa.style.height);
var st = sp - ((!bw) ? img.width: img.height);
img.style.position = 'absolute';
if (bw) img.style.top = (st / 2 - bor) + 'px';
if (!bw) img.style.left = (st / 2 - bor) + 'px';
}
}
// 1.3 moved
function newWindow(img) {
var imp = gsl + "\\" + img + ".jpg";
var doc = '<html><body style="margin:0;padding:0;background-color:black;"><img src="' + imp + '"></body></html>';
var win = window.open("", 'Gallery', 'scrollbars=no, resizable, dependent, status=no');
win.document.write(doc);
win.document.close();
var imw = win.document.images[0].width;
var imh = win.document.images[0].height;
win.resizeTo(imw + 12, imh + 3;
win.focus();
}
// 1.3 new
function flashIt(obj, bool) { obj.className = (bool) ? 'on': 'off'; }
//-->
</script>
</HEAD>
<BODY scroll="auto" onLoad="visual();">
<div id="thumbnails" class="images">
<script type="text/javascript">
<!--
if (int != -1) {
// Get image count.
// 1.2
var ims = DP_Notes.substring(int, DP_Notes.indexOf(">", int));
ims = ims.replace("<gallery=","");
ims = parseInt(ims);
// Clean UPC from Locality?
// 1.1
var upc = DP_UPC;
if (loc == false && upc.indexOf(".") != -1) upc = upc.substring(0, upc.lastIndexOf("."));
gsl += upc;
// Tags
// 1.3 updated
if (useTags == true) for (var i = 0; i < DP_Tags.length; i++) {
if (tagByHeight.length != 0 && DP_Tags[i].toLowerCase() == tagByHeight.toLowerCase()) bw = false;
if (tagPos.length != 0 && DP_Tags[i].toLowerCase() == tagPos.toLowerCase()) pos = true;
if (tagCl1.length != 0 && DP_Tags[i].toLowerCase() == tagCl1.toLowerCase()) cl1 = true;
if (tagCl2.length != 0 && DP_Tags[i].toLowerCase() == tagCl2.toLowerCase()) cl2 = true;
if (tagCl3.length != 0 && DP_Tags[i].toLowerCase() == tagCl3.toLowerCase()) cl3 = true;
if (tagSp5.length != 0 && DP_Tags[i].toLowerCase() == tagSp5.toLowerCase()) sp5 = true;
if (tagSp7.length != 0 && DP_Tags[i].toLowerCase() == tagSp7.toLowerCase()) sp7 = true;
if (tagSp9.length != 0 && DP_Tags[i].toLowerCase() == tagSp9.toLowerCase()) sp9 = true;
}
// Render images
// 1.3 updated
for (var i = ist; i < (ims + ist); i++) {
var img = (zro && i <= 9) ? '0' + i: i;
var imp = gsl + "\\" + img + ".jpg";
var span = '<span style="';
span += ((bw) ? ' width': 'height') +': ' + tnv + ';';
if (pos && (cl1 || cl2 || cl3)) {
span += ' ' + ((bw) ? 'height': ' width') + ': ';
var i1 = parseInt((sp9) ? 9: ((sp7) ? 7: ((sp5) ? 5: 3)));
var i2 = parseInt((cl3) ? i1 - 3: ((cl2) ? i1 - 2: i1 - 1));
span += parseInt((i2) ? (tnv / i1) * i2: (tnv / i1));
span += '; overflow: hidden;';
}
span += '"';
span += ' onMouseOver="flashIt(this, true); return false;"';
span += ' onMouseOut="flashIt(this, false); return false;"';
span += ' class="off">';
var hit = '<img src="' + imp + '"';
hit += (bw) ? ' width': 'height';
hit += '="' + tnv + '" title="' + imp + '" onClick="newWindow(\'' + img + '\'); return false;">';
document.write(span + hit + '</span>');
}
}
</script></td>
<td align="left" valign="left"></div>