$nav = false;
$oldNav = "";
$useAlt = "";
$useNr = 0;
$useAlign = new Array();
$navigate = new Array();
$dias = 0;
$fullScreen = false;
clipSet = new Array(125, 100);
$aantPictures = 0;
function pop($obj, $load) {
	$noGet = true;
	if ( $obj.id.substr(0,8) == "offerImg" && document.getElementById("theWebshop").value != "" ) {
		$sid = $obj.id.split("_");
		document.getElementById("pageName").value = document.getElementById("theWebshop").value;
		sendXml("index.php", "pages", document.getElementById("theWebshop").value + "-" + $sid[1]);
		return;
	}
	if ( document.getElementById("fotoUrl") != null ) document.getElementById("fotoUrl").value = $obj.src;
	$oldObj = $obj;
	if ( $dias == 0 ) {
		document.getElementById("hideDiv").innerHTML = "<table style=\"width: 100%; height: 100%\"><tr><td id=\"useAlt\" class=\"loading\"><img src=\"img/loading-round.gif\" alt=\"\" title=\"\" border=\"0\" /></td></tr></table>";
		document.getElementById("aDia").src = "img/startdia.jpg";
	} else {
		document.getElementById("hideDiv").innerHTML = "<table style=\"width: 100%; height: 100%\"><tr><td id=\"useAlt\" class=\"loading\">&nbsp;</td></tr></table>";
	}
	if ( typeof $oldNav == "object" && $obj.src.indexOf("-thumb") > -1 ) {
		$oldNav.style.border = "2px green solid";
		$obj.style.border = "2px red solid";
		if ( $obj.id > 0 ) $useNr = $obj.id; else $useNr = 0;
		$oldNav = $obj;
	}
	$useAlt = $obj.alt.split("foto");
	$useAlt = trim($useAlt[0]);
	if ( $useAlt.toLowerCase().substr(0, 2) == "ij" ) {
		$useAlt = $useAlt.substr(0,2).toUpperCase() + $useAlt.substr(2).toLowerCase();
	} else {
		$useAlt = $useAlt.substr(0,1).toUpperCase() + $useAlt.substr(1).toLowerCase();
	}
	$useAlt = $useAlt.replace(" thumb", "");
	$useAlt = $useAlt.replace("-thumb", "");
	$useAlt = $useAlt.replace("thumb", "");
	$useAlt = $useAlt.replace("pektakel", "pektAKel");
	while ( $useAlt.indexOf("_") > -1 ) $useAlt = $useAlt.replace("_", " ");
	while ( $useAlt.indexOf("-") > -1 ) $useAlt = $useAlt.replace("-", " ");
	$edImg = document.getElementById("edPop");
	$edImg.src = $obj.src.replace("-thumb", "");
	if ( $useNr > 0 && $dias != 0 ) {
		if ( $isStart == $useNr ) {
			if ( confirm("The End") ) {
				stopDias();
				return;
			}
		}
	}
}
function setPop($obj) {
	if ( $obj.src.indexOf("dummy.png") > -1 ) return;
	document.body.style.overflow = "hidden";
	if ( document.getElementById("useAlt") != null ) {
		document.getElementById("useAlt").innerHTML = $useAlt.toUpperCase();
		window.setTimeout("emptyHide()", 1000);
	}
	screenPos = getScreen();
	$obj.style.width = "";
	$obj.style.height = "";
	if ( $fullScreen ) {
		$obj.style.height = (screenPos.height*1-20)+"px";
		if ( $obj.offsetWidth > screenPos.width ) {
			$obj.style.height = "";
			$obj.style.width = screenPos.width + "px";
		}
	} else {
		if ( screenPos.height > $obj.offsetHeight-170 && $obj.offsetWidth > 900 ) $obj.style.height = (screenPos.height - 170) + "px";
		if ( $obj.offsetWidth > 1024 ) {
			$obj.style.width = "";
			$obj.style.height = "";
			$obj.style.width = "1024px";
		}
	}
	$obj.alt = $useAlt;
	$obj.title = $useAlt;
	$x = (((screenPos.width-$obj.offsetWidth)/2))+"px";
	$y = (((screenPos.height-$obj.offsetHeight)/2)+screenPos.scrollTop)-40;
	if ( $y*1-screenPos.scrollTop < 0 ) $y = screenPos.scrollTop;
	$y += "px";
	$obj.style.left = $x;
	$obj.style.top = $y;
	if ( $fullScreen ) {
		document.getElementById("altBar").style.top = "-10000px";
	} else {
		if ( document.getElementById("topbar") != null ) {
			if ( document.getElementById("topbar").value == "on" ) {
				document.getElementById("altBar").innerHTML = $useAlt;
				document.getElementById("altBar").style.top = screenPos.scrollTop+"px";
			}
		}
	}
	document.getElementById("hideDiv").style.width = (document.getElementById("edPop").offsetWidth) + "px";
	document.getElementById("hideDiv").style.height = document.getElementById("edPop").offsetHeight + "px";
	document.getElementById("hideDiv").style.left = (document.getElementById("edPop").offsetLeft) + "px";
	document.getElementById("hideDiv").style.top = (document.getElementById("edPop").offsetTop) + "px";
	document.getElementById("hideDiv").style.zIndex = 37001;
	if ( $dias == 0 ) setBlack();
	createNavigate($obj.src);
}
function emptyHide() {
	document.getElementById("hideDiv").innerHTML = "<img src=\"img/dummy.png\" border=\"0\" alt=\"\" title=\"\" style=\"width: 100%; height: 100%\" />";
}
function fullScreen() {
	$fullScreen = !$fullScreen;
	if ( $fullScreen ) {
		document.getElementById("edPop").className = "fullPop";
		setBar(false);
	} else {
		document.getElementById("edPop").className = "edPop";
	}
	setPop(document.getElementById("edPop"));
}
function getOverFlow() {
	if ( $fullScreen ) document.body.style.overflow = "hidden";
	else document.body.style.overflow = "scroll";
}
function setGrey($color) {
	if ( document.getElementById("black").className != "setGrey" ) {
		document.getElementById("black").className = "setGrey";
		document.getElementById("black").style.backgroundColor = $color;
	} else {
		document.getElementById("black").className = "black";
		document.getElementById("black").style.backgroundColor = "#000000";
	}
}
function setLijst() {
	if ( document.getElementById("edPop").style.border.indexOf("ridge") > -1 ) {
		document.getElementById("edPop").style.border = "";
	} else {
		document.getElementById("edPop").style.border = "10px #e6e6e6 ridge";
	}
}
function fotoReset() {
	window.clearInterval($dias);
	document.getElementById("black").className = "black";
	document.getElementById("black").style.backgroundColor = "#000000";
	$dias = 0;
	document.getElementById("aDia").src = "img/startdia.jpg";
	if ( $fullScreen ) fullScreen();
}
$isStart = 0;
function createNavigate($src) {
	if ( $useNr > 0 && $dias != 0 ) {
		if ( $isStart == 0 ) $isStart = $useNr-1;
		document.getElementById("downBar").innerHTML = $useAlt + " [Foto " + $useNr + " - " + $aantPictures + "]";
	} else {
		document.getElementById("downBar").innerHTML = $useAlt;
	}
	if ( document.getElementById("fotoName") != null ) 	document.getElementById("fotoName").value = $useAlt;
	if ( $fullScreen ) return;
	$useNr = 0;
	if ( document.getElementById("edNavDiv").offsetTop > 1 ) {
		document.getElementById("noBar").style.top = "-10000px";
		if ( $fullScreen ) {
			document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+3) + "px";
			document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
		} else {
			document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("edNavDiv").offsetHeight-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+5) + "px";
			document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
		}
		return;
	}
	$m2 = $src.split("?");
	$fotos = "&nbsp;";
	if ( document.getElementById("fotoCell") != null ) {
		$d = document.getElementById("fotoCell").getElementsByTagName("img");
	} else {
		$d = document.getElementById("products").getElementsByTagName("img");
	}
	$counter = 0;
	for ( $ic in $d ) {
		if ( $d[$ic] == null ) continue;
		if ( $d[$ic].className == null ) continue;
		if ( $d[$ic].id == "edPop" ) continue;
		if ( $d[$ic].className == "fotoNavigate" ) continue;
		if ( document.getElementById("fotoCell") == null ) {
			if ( $d[$ic].src.indexOf("-thumb") == -1 ) {
				if ( $d[$ic].className.toLowerCase().indexOf("pop") == -1 && $d[$ic].className != "clipboardImg" ) continue;
			}
		} else {
			if ( $d[$ic].className.substr(0,9) != "fotoAlbum" && $d[$ic].className != "clipboardImg" ) continue;
		}
		$m1 = $d[$ic].src.split("?");
		$m1[0] = $m1[0].replace("-thumb", "");
		if ( $m1[0] == $m2[0] ) {
			$firstCounter = ($counter*1+1);
			$c = " style=\"border: 2px red solid\" id=\""+ $firstCounter + "\"";
		} else {
			$c = " style=\"border: 2px #cccccc solid\" id=\"" + ($counter*1+1) + "\"";
		}
		$fotos += "<img" + $c + " class=\"fotoNavigate\" src=\"" + $d[$ic].src + "\" alt=\"" + $d[$ic].alt + "\" title=\"" + $d[$ic].alt + "\" height=\"35px\" onclick=\"pop(this)\" onmouseover=\"setSmall(this, true)\" onmouseout=\"setSmall(this, false)\" />";
		$counter ++;
	}
	if ( $counter == 1 ) return;
	$aantPictures = $counter;
	$fotos += "&nbsp;";
	document.getElementById("edNavDiv").innerHTML = $fotos;
	document.getElementById("edNavDiv").scrollLeft = 0;
	document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("edNavDiv").offsetHeight-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+5) + "px";
	document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
	$oldNav = document.getElementById($firstCounter);
}
function setSmall($obj, $h) {
	if ( !$h ) {
		document.getElementById("smallImg").style.top = "-10000px";
		return;
	}
	document.getElementById("smallImg").style.height = "";
	document.getElementById("smallImg").src = $obj.src;
	document.getElementById("smallImg").style.width = "200px";
}
function setSm($obj) {
	$obj.style.top = (document.getElementById("edNavDiv").offsetTop - $obj.offsetHeight) + "px";
	if ( $mouseX > screenPos.width/2 ) {
		$obj.style.left = ($mouseX-150) + "px";
	} else {
		$obj.style.left = ($mouseX) + "px";
	}
}
function setFullBar($h) {
	if ( !$fullScreen ) return;
	if ( $h ) {
		document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("edNavDiv").offsetHeight-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+5) + "px";
		document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
		document.getElementById("noBar").style.top = (document.getElementById("fotoOptionDiv").offsetTop-120) + "px";
	} else {
		setSmall(0, false);
		document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+3) + "px";
		document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
		document.getElementById("noBar").style.top = "-10000px";
	}
}
function closePop() {
	if ( $fullScreen ) {
		fullScreen();
		return;
	}
	stopDias();
	$edImg.src = "img/dummy.png";
	$edImg.style.top = "-10000px";
	document.getElementById("altBar").style.top = "-10000px";
	document.getElementById("edNavDiv").style.top = "-10000px";
	document.getElementById("edNavDiv").style.top = "-10000px";
	document.getElementById("hideDiv").style.height = "1px";
	document.getElementById("hideDiv").style.top = "-10000px";
	document.getElementById("fotoOptionDiv").style.top = "-10000px";
	document.getElementById("noBar").style.top = "-10000px";
	document.getElementById("smallImg").style.top = "-10000px";
	document.body.style.overflow = "scroll";
	closeBlack();
	if ( document.getElementById("edNavDiv").offsetTop < 1 ) $oldNav = "";
}
function dias() {
	if ( $dias == 0 ) {
		diaShow(1);
		$s = document.getElementById("diaSeconds").value*1;
		if ( $s < 3 ) $s = 3;
		$dias = window.setInterval("diaShow(1)", ($s*1000));
		if ( $fullScreen ) setBar(false);
		document.getElementById("aDia").src = "img/stopdia.jpg";
	} else {
		stopDias();
	}
}
function stopDias() {
	window.clearInterval($dias);
	$isStart = 0;
	$dias = 0;
	document.getElementById("aDia").src = "img/startdia.jpg";
}
function diaShow($next) {
	if ( typeof $oldNav != "object" ) return;
	if ( $next == -10 ) {
		screenPos = getScreen();
		$w = screenPos.width/2;
		if ( $mouseX < $w ) $next = -1;
		else $next = 1;
	}
	$d = document.getElementById("edNavDiv").getElementsByTagName("img");
	$counter = 0;
	for ( $ic in $d ) {
		if ( $d[$ic] == null ) continue;
		if ( $d[$ic].tagName == null ) continue;
		if ( $d[$ic] == $oldNav ) {
			if ( $next == 1 ) {
				if ( IE ) $m = $counter*1+2;
				else $m = $counter*1+1;
				if ( $m > $d.length-1 ) $m = 0;
				$use = $d[$m];
			} else {
				if ( IE ) $m = $counter*1;
				else $m = $counter*1-1;
				if ( $m < 0 ) $m = $d.length-1;
				$use = $d[$m];
			}
			break;
		}
		$counter ++;
	}
	if ( typeof $use != "object" ) {
		return;
	}
	document.getElementById("edNavDiv").scrollLeft = $use.offsetLeft;
	pop($use);
}
function fotoSend() {
	$d = document.getElementById("fotoEmail");
	$d.value = trim($d.value);
	if ( !ctrlMail($d.value) ) {
		return;
	}
	if ( !confirm("Foto: " + $useAlt + " (internet formaat)\nFoto: " + $useAlt + " (orgineel)\n\nU ontvangt van ons een digitale rekening.\nNa betaling worden beide foto's verzonden naar:\n" + document.getElementById("fotoEmail").value + "\n\nOpdracht aan ons versturen?") ) return;
	post("fotoSend");
}
function setBar($h) {
	if ( $h ) {
		document.getElementById("fotoOptionDiv").style.top = ((screenPos.height-document.getElementById("edNavDiv").offsetHeight-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+5) + "px";
		document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
	} else {
		$m = ((screenPos.height-document.getElementById("fotoOptionDiv").offsetHeight)+screenPos.scrollTop*1+3);
		document.getElementById("fotoOptionDiv").style.top = $m + "px";
		document.getElementById("edNavDiv").style.top = (document.getElementById("fotoOptionDiv").offsetTop*1+document.getElementById("fotoOptionDiv").offsetHeight)-5 + "px";
	}
}
