$photos			= new Array();
$photoCount		= 0;
$photoCounter	= 0;
$bottomHTML		= "";
function getDiaShow() {
	if ( document.getElementById("diaShow").offsetTop > 0 ) {
		closeDiaShow();
		return;
	}
	openScreen();
	$photos			= new Array();
	$photoCount		= 0;
	$photoCounter	= 0;
	$bottomHTML		= "<table cellpadding='0' cellspacing='0' border='0'><tr>";
	if ( document.all ) {
		$d = document.getElementById("photoDiv").document.getElementsByTagName("img");
	} else {
		$d = document.getElementsByTagName("img");
	}
	for ( $ic in $d ) {
		if ( $d[$ic] == null ) continue;
		if ( $d[$ic].src == null ) continue;
		if ( $d[$ic].src.indexOf("photo") == -1 ) continue;
		if ( $d[$ic].offsetWidth < 50 ) continue;
		$bottomHTML += "<td>" + diaButton("<img src='" + $d[$ic].src + "' border='0' alt='' width='50' onclick='setDia(" + $photos.length + ")'>") + "</td>";
		$photos[$photos.length] = $d[$ic].src;
	}
	$bottomHTML += "</tr></table>";
	openScreen();
	showDias();
	//document.getElementById("contentDiv").disabled = true;
	setBlack(true);
	$dnr[$dnr.length] = window.setInterval("showDias()", 4000);
}
$inDivs = 10;
function openScreen() {
	$d = document.getElementById("diaShow");
	$d.style.backgroundRepeat = "no-repeat";
	$d.style.zIndex = $zIndex;
	$zIndex++;
	$url = "z-img/class/shadow";
	$html = "<table cellpadding='0' cellspacing='0' border='0' style='width: 100%; height: 100%' onmouseover='setVisible(true)'><tr>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_1.gif' border='0' alt=''></td>";
	$html += "<td style='background-image: url(" + $url + "_2.gif); background-repeat: repeat-x; font-size: 1'>&nbsp;</td>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_3.gif' border='0' alt=''></td>";
	$html += "</tr><tr>";
	$html += "<td style='background-image: url(" + $url + "_4.gif); background-repeat: repeat-y; font-size: 1'>&nbsp;</td>";
	$html += "<td style='width: 100%; height: 100%'>";
	$html += "<table id='inTbl' style='width: 100%; height: 100%' cellpadding='0' cellspacing='0' border='0'>";
	$html += "<tr><td>&nbsp;</td>";
	$html += "<td>&nbsp;</td>";
	$html += "<td>&nbsp;</td></tr>";
	$html += "<tr><td>&nbsp;</td>";
	$html += "<td id='diaTrans' style='width: 100%; height: 100%'>";
	if ( document.all ) {
		$div = "<div style='width: 100%; height: 100%; padding: 10; background-position-x: center; background-position-y: center' id='div_0'>in_div</div>";
		for ( $i = 1; $i < $inDivs; $i ++ ) {
			$div = $div.replace("in_div", "<div style='width: 100%; height: 100%; padding: 10; background-position-x: center; background-position-y: center' id='div_" + $i + "'>in_div</div>");
		}
	$html += $div.replace("in_div", "&nbsp;");
	} else {
		$html += "&nbsp;";
	}
	$html += "</td>";
	$html += "<td>&nbsp;</td></tr>";
	$html += "<tr><td><img src='z-img/closebutton.gif' border='0' alt='close show' onclick='closeDiaShow()'></td>";
	$html += "<td noWrap>";
	if ( document.all ) $w = "100%"; else $w = "90%";
	$html += "<div id='navigateDiv' style='scrollbar-face-color: #cccccc; position: absolute; width: " + $w + "; overflow-x: scroll; visibility: visible'>" + $bottomHTML + "</div>";
	$html += "</td>";
	$html += "<td><img src='z-img/diaArrow.gif' border='0' alt='restart show' onclick='goOnDia()'></td>";
	$html += "</tr></table></td>";
	$html += "<td style='background-image: url(" + $url + "_6.gif); background-repeat: repeat-y; font-size: 1'>&nbsp;</td>";
	$html += "</tr><tr>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_7.gif' border='0' alt=''></td>";
	$html += "<td style='background-image: url(" + $url + "_8.gif); background-repeat: repeat-x; font-size: 1'>&nbsp;</td>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_9.gif' border='0' alt=''></td>";
	$html += "</tr></table>";
	$d.innerHTML = $html;
	document.getElementById("photoDiv").style.visibility = "hidden";
}
function goOnDia() {
	clearAll();
	$photoCount ++;
	showDias();
	$dnr[$dnr.length] = window.setInterval("showDias()", 4000);
}
function setDia($nr) {
	window.clearInterval($dnr[$dnr.length-1]);
	setVisible(false);
	$photoCount = $nr;
	//trans(true);
	document.getElementById("diaMath").innerHTML = "<img id='imgMath' src='" + $photos[$photoCount] + "' border='0' alt='' onload='showDia()'>";
}
function showDias() {
	//trans(true);
	if ( $photoCount > $photos.length-1 ) $photoCount = 0;
	document.getElementById("diaMath").innerHTML = "<img id='imgMath' src='" + $photos[$photoCount] + "' border='0' alt='' onload='showDia()'>";
}
$inDivCounter = 9;
$mmr = 0;
function showDia() {
	if ( $photoCount > $photos.length-1 ) $photoCount = 0;
	$m = document.getElementById("imgMath");
	$h = $m.offsetHeight*1+50;
	if ( $h > document.body.offsetHeight-150 ) $h = document.body.offsetHeight-150;
	$d = document.getElementById("diaShow");
	$d.style.width	= $m.offsetWidth;
	$d.style.height	= $h;
	$d.style.left	= ((document.body.offsetWidth-$m.offsetWidth)/2);
	$d.style.top	= ((document.body.offsetHeight-$m.offsetHeight)/2)*1+35;
	$photoCount ++;
	if ( document.all ) {
		$inDivCounter = $inDivs-1;
		$mmr = window.setInterval("setInDiv()", 1);
	} else {
		document.getElementById("diaShow").style.backgroundImage = "url(" + $m.src+ ")"
	}
}
function setInDiv() {
	$m = document.getElementById("imgMath");
	if ( $inDivCounter < $inDivs-1 && $inDivCounter > -1 ) {
		document.getElementById("div_" + ($inDivCounter*1+1)).style.backgroundImage = ""
	}
	document.getElementById("div_" + $inDivCounter).style.backgroundImage = "url(" + $m.src + ")"
	$inDivCounter --;
	if ( $inDivCounter < 0 ) {
		window.clearInterval($mmr);
		$inDivCounter = $inDivs-1;
		document.getElementById("diaShow").style.backgroundImage = "url(" + $m.src+ ")"
		document.getElementById("div_1").style.backgroundImage = ""
		document.getElementById("div_0").style.backgroundImage = ""
	}
}
function closeDiaShow() {
	setBlack(false);
	document.getElementById("contentDiv").disabled = false;
	document.getElementById("photoDiv").style.visibility = "visible";
	clearAll();
	$m = document.getElementById("diaMath");
	$d = document.getElementById("diaShow");
	$m.innerHTML = "&nbsp;";
	$d.innerHTML = "&nbsp;";
	$d.style.top = -10000;
}
function trans($h) {
	if ( $h ) {
		document.getElementById("diaTrans").style.backgroundImage = "url(z-img/trans/transblack.gif)";
	} else {
		document.getElementById("diaTrans").style.backgroundImage = "";
	}
}
function setVisible($h) {
	$d = document.getElementById("navigateDiv");
	if ( $h || true ) $d.style.visibility = "visible";
	else $d.style.visibility = "hidden";
}
function diaButton($inh) {
	$url = "z-img/class/shadow";
	$html = "<table cellpadding='0' cellspacing='0' border='0'><tr>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_1.gif' border='0' alt=''></td>";
	$html += "<td style='background-image: url(" + $url + "_2.gif); background-repeat: repeat-x; font-size: 1'>&nbsp;</td>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_3.gif' border='0' alt=''></td>";
	$html += "</tr><tr>";
	$html += "<td style='background-image: url(" + $url + "_4.gif); background-repeat: repeat-y; font-size: 1'>&nbsp;</td>";
	$html += "<td style='width: 100%; height: 100%'>";
	$html += $inh;
	$html += "</td>";
	$html += "<td style='background-image: url(" + $url + "_6.gif); background-repeat: repeat-y; font-size: 1'>&nbsp;</td>";
	$html += "</tr><tr>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_7.gif' border='0' alt=''></td>";
	$html += "<td onmouseover='setVisible(true)' style='background-image: url(" + $url + "_8.gif); background-repeat: repeat-x; font-size: 1'>&nbsp;</td>";
	$html += "<td style='font-size: 1'><img src='" + $url + "_9.gif' border='0' alt=''></td>";
	$html += "</tr>";
	$html += "</table>";
	return $html;
}