// Include JavaScripts
document.write('<script language="javascript" src="inc/menu.js"></script><script language="javascript" src="inc/menu_tpl.js"></script>');

// Display the popup to subscribe to a newletter
function showDivPopup(divId, fromTop, fromLeft) {
	var el = document.getElementById(divId);
	if (el.style.display == "none") {
		el.style.display = "";
		el.style.top = fromTop + "px";
		el.style.left = fromLeft + "px";
	} else {
		el.style.display = "none";
	}
}

function newsItem(id, title, introduction, date) {
	document.write('<tr><td class="nieuwsArchiefLink"><img src="img/bullet_star.gif" width="20" height="16" hspace="10" align="absbottom" border="0"><a href="?pagina=nieuws&id=' + id + '" target="_self">' + title + '</a></td><td width="120" align="right" class="nieuwsArchiefLink" style="padding-right: 10px;">' + date + '</td></tr>');
	document.write('<tr><td style="padding-left: 40px;">' + introduction + '</td><td></td></tr>');
	document.write('<tr><td colspan="3" height="10"></td></tr>');
}

function newsItemOld(id, title, date) {
	document.write('<tr><td class="nieuwsArchiefLink"><img src="img/bullet_star.gif" width="20" height="16" hspace="10" align="absbottom" border="0"><a href="?pagina=nieuws&id=' + id + '" target="_self">' + title + '</a></td><td width="120" align="right" class="nieuwsArchiefLink" style="padding-right: 10px;">' + date + '</td></tr>');
	document.write('<tr><td colspan="3" height="5"></td></tr>');
}

function bonnenItem(id, file, srcDir) {
	document.write('<td align="center">');
	document.write('  <table cellspacing="0" cellpadding="0">');
	document.write('    <tr><td width="150" height="210" align="center"><a href="javascript:checkImage(\'' + id + '\')" onMousOver="bonnenZoomPopup(' + srcDir + ')"><img src="' + srcDir + '" width="150" height="210" border="0"></a></td></tr>');
	document.write('    <tr><td align="center"><input type="checkbox" name="' + id + '" value="' + file + '" id="' + id + '"></td></tr>');
	document.write('  </table>');
	document.write('</td>');
}

function checkImage(fieldImage) {
	var field = document.getElementById(fieldImage);
	if (field.checked==true) {
		field.checked=false;
	} else {
		field.checked=true;
	}
}

function checkAllImages() {
	var i2 = 0;
	for (var i = 0; i < bonnenCount; i++) {
		if (document.getElementById(i) != null) {
			if (document.getElementById(i).checked == true) {
				i2++;
			}
			document.getElementById(i).checked = true;
		}
	}
	if (i2 == bonnenCount) {
		for (var i = 0; i < bonnenCount; i++) document.getElementById(i).checked = false;
	}
}

function checkSelection(divId, fromTop, fromLeft) {
	var countImages = 0;
	var imagesArray = new Array();
	var i2 = 0;
	for (var i = 0; i < bonnenCount; i++) {
		if (document.getElementById(i) != null) {
			if (document.getElementById(i).checked == true) {
				imagesArray[countImages] = document.getElementById(i).value;
				countImages++;
			}
		}
	}
	if (countImages == 0) {
		alert('Selecteer eerst de bon(nen) en klik daarna op de printer.');
	} else {
		showDivPopup(divId, fromTop, fromLeft);
	}
}

function printImages(srcDir) {
	var countImages = 0;
	var imagesArray = new Array();
	var i2 = 0;
	for (var i = 0; i < bonnenCount; i++) {
		if (document.getElementById(i) != null) {
			if (document.getElementById(i).checked == true) {
				imagesArray[countImages] = document.getElementById(i).value;
				countImages++;
			}
		}
	}
	if (countImages == 0) {
		alert('Selecteer eerst de bon(nen) en klik daarna op de printer.');
	} else {
		var winleft = (screen.width - 645) / 2;
		var winTop = (screen.height - 900) / 2;
		doc = window.open('','','menubar=yes,width=645,height=900,left=' + winleft + ',top=' + winTop );
		doc.document.open();
		doc.document.clear();
		doc.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Knip de bonnen uit en meld je op de site aan voor de nieuwsbrief</title>');
		doc.document.write('<link href="css/style.css" rel="stylesheet" type="text/css" media="screen, print">');
		doc.document.write('</head><body onload="window.print();" bgcolor="#FEFDEB">');
		
		var rowCount = 1;
		
		for (var i = 0; i < imagesArray.length; i++) {
			
			if (rowCount == 1) {
				doc.document.write('<table align="center" border="0" cellspacing="0" cellpadding="0" onMouseDown="window.close();" onKeyPress="window.close();" summary="bonnen">');
				doc.document.write('<tr>');
			}
			
			doc.document.write('<td width="200" align="center"><img src="img.php?bon=/' + srcDir + imagesArray[i] + '" width="215" height="300" alt=""></td>');
			
			if (rowCount == 3 || i == imagesArray.length) {
				doc.document.write('</tr>');
				doc.document.write('</table>');
				rowCount = 0;
				i2 = 0;
			} else {
				if (i2 == 3) {
					doc.document.write('</tr><tr>');
					i2 = 0;
				}
			}
			
			rowCount++;
			i2++;
		}
		
		doc.document.write('</tr>');
		doc.document.write('</table>');
		
		doc.document.write('</body></html>');
		doc.document.close();
	}
}

function changeOption(id, page) {
	var el = document.getElementById(id);
	if (el.value != "")
		window.location.href="?pagina=" + page + "&id=" + el.value;
}

function getOffsetTop(el) {
	var offsetTop = el.offsetTop;
	el = el.offsetParent;
	while (el) {
		offsetTop += el.offsetTop;
		el = el.offsetParent;
	}
	return offsetTop;
}
	
function getOffsetLeft(el) {
	var offsetLeft = el.offsetLeft;
	el = el.offsetParent;
	while (el) {
		offsetLeft += el.offsetLeft;
		el = el.offsetParent;
	}
	return offsetLeft;
}

function imageEnlarge(el, src) {
	var el = document.getElementById(el);
	if (el.style.display == "none") {
		el.style.display = "";
		el.style.top = getOffsetTop(el) + "px";
		el.style.left = getOffsetLeft(el) + "px";
	} else {
		el.style.display = "none";
	}
}

function bonnenZoomPopup(file, checkImage, bonSrc) {
	var html = "<img src='" + bonSrc + "' style='width: 180px; height: 252px; border: 0px; cursor: pointer;' onClick=\"checkImage('" + checkImage + "')\" onMouseOut=\"hide('bonItemPopup')\" title=''>";
	var el = document.getElementById(file);
	var ypos = getOffsetTop(el) - 80;
	var xpos = getOffsetLeft(el) - 26;
	el = document.getElementById('bonItemPopup');
	if (el == null) {
		// create
		el = document.createElement('div');
		el.id = 'bonItemPopup';
		document.body.appendChild(el);
	}
	el.style.top = ypos + 'px';
	el.style.left = xpos + 'px';
	el.innerHTML = html;
	show('bonItemPopup');
}

function stockphotoZoomPopup(file, stockphotoSrc) {
	var html = "<img src='" + stockphotoSrc + "/" + file + "' style='width: 180px; border: 0px; cursor: pointer;' onMouseOut=\"hide('stockphotoItemPopup')\" title=''>";
	var el = document.getElementById(file);
//	var ypos = getOffsetTop(el) - 0;
	var ypos = 120;
//	var xpos = getOffsetLeft(el) - 88;
	var xpos = 700;
	el = document.getElementById('stockphotoItemPopup');
	if (el == null) {
		// create
		el = document.createElement('div');
		el.id = 'stockphotoItemPopup';
		document.body.appendChild(el);
	}
	el.style.top = ypos + 'px';
	el.style.left = xpos + 'px';
	el.innerHTML = html;
	show('stockphotoItemPopup');
}

function show(div_id) {
	var el = document.getElementById(div_id);
	if (el) el.style.visibility = 'visible';
}

function hide(div_id) {
	var el = document.getElementById(div_id);
	if (el) el.style.visibility = 'hidden';
}

function subscribeNewsletter() {
	var el = document.getElementById('naam');
	var elSel = document.getElementById('cityid');
	
	if (el.style.display == 'none') {
		el.style.display = "";
		// Remove option all
		var i;
		
		for (i = elSel.length - 1; i >= 0; i--) {
			if (elSel.options[i].value == 'alle') {
				elSel.remove(i);
			}
		}
	} else {
		el.style.display = 'none';
		var elOptNew = document.createElement('option');
		elOptNew.text = 'Alle';
		elOptNew.value = 'alle';
		var elOptOld = elSel.options[elSel.selectedIndex];  
		
		try {
			elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
		}
		catch(ex) {
			elSel.add(elOptNew, elSel.selectedIndex); // IE only
		}
	}
}