PT.Sites.Standaardwinkelcentrum = {
	onLoad: function() {
		PT.Instances.ShowImg1 = new PT.Sites.Standaardwinkelcentrum.ShowImgTitel("divrep", "/sites/498/images/sluiten_knop.jpg");
		/*PT.Instances.ShowImg1.watermark = "/sites/498/images/watermark.png";*/
	},
	showWinkelInfo: function(winkelnaam, adres, verdieping, image) {
		//alert("winkelnaam: "+winkelnaam);
		winkelnaam = winkelnaam.replace(/\&/g, "&");
		var map = $('plattegrond_adresgegevens');
		if (winkelnaam == "") { winkelnaam = "Dit pand is nog leeg"; }
		if (adres == "") { adres = "Er is geen adres gevonden."; }
		if (image != "") {
			map.getElementsByTagName('img')[0].src = "http://website.winkelparade.nl" + image;
			map.getElementsByTagName('img')[0].alt = winkelnaam;
			map.getElementsByTagName('img')[0].style.display = "block";
		}
		else {
			map.getElementsByTagName('img')[0].style.display = "none";
		}
		map.getElementsByTagName('h2')[0].innerHTML = winkelnaam;
		map.getElementsByTagName('p')[0].innerHTML = adres;
		map.getElementsByTagName('p')[1].innerHTML = verdieping;
	},
	show_foto: function() {
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $('plaatje_groot_div');
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	openNieuwsbrief: function() {
		$('navigatie_contact').style.display = "none";
		$('vraag_opmerking').checked = false;
		$('navigatie_nieuwsbrief').style.display = "block";
		$('aanmelden_nieuwsbrief_on').checked = true;
	},
	openContact: function() {
		$('navigatie_contact').style.display = "block";
		$('vraag_opmerking').checked = true;
		$('navigatie_nieuwsbrief').style.display = "none";
		$('aanmelden_nieuwsbrief_on').checked = false;
	},
	foto_display: function() {
		$('video_div').style.display = "none";
		$('foto_div').style.display = "block";
	},
	video_display: function() {
		$('foto_div').style.display = "none";
		$('video_div').style.display = "block";
	},
	loadvideo: function(video) {
		$('video_display').innerHTML = "";
		var str = '<object type="application/x-shockwave-flash" style="width:425px; height:355px;" id="video_display" data="' + video + '"><param name="movie" value="' + video + '"></param></object>'
		$('video_display').innerHTML = str;
	},
	show360Shop: function(file, width, height) {
		var flash = '<object type="application/x-shockwave-flash" style="width:' + width + 'px; height:' + height + 'px;" id="360_panorama" data="' + file + '"><param name="movie" value="' + file + '"></param></object>'
		var popup = document.createElement('div');
		popup.className = "popup_360";
		popup.style.width = width + "px";
		popup.style.height = height + 31 + "px";
		var sluiten = document.createElement('img');
		sluiten.className = "sluitknop";
		sluiten.src = "/sites/498/images/sluiten_knop.png"
		sluiten.onclick = function() {
			popup.parentNode.removeChild(popup);
		}
		popup.appendChild(sluiten);
		var container = document.createElement('div');
		container.innerHTML = flash
		popup.appendChild(container);
		document.body.appendChild(popup);

		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		popup.style.display = 'block';
		popup.style.marginTop = (hoogtescherm - popup.clientHeight) / 2 + scrollbar + "px";
		popup.style.marginLeft = (breedtescherm - popup.clientWidth) / 2 + "px";
	},
	spelvoorwaarden: function() {
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $('spelvoorwaarden');
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	spelvoorwaarden_sluiten: function() {
		var plaatje = $('spelvoorwaarden');
		var zwart = $('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	mercedesrijden: function() {
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $('prijzenpakket');
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	mercedesrijden_sluiten: function() {
		var plaatje = $('prijzenpakket');
		var zwart = $('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	deelnemendewinkelspopup: function() {
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $('deelnemendewinkelspopup');
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	deelnemendewinkelspopup_sluiten: function() {
		var plaatje = $('deelnemendewinkelspopup');
		var zwart = $('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	lotinputCheck: function(input) {
		if (input.value.length == 3) {
			if (input.id == 'lotnummer_veld1') {
				$('lotnummer_veld2').focus();
			}
			else if (input.id == 'lotnummer_veld2') {
				$('lotnummer_veld3').focus();
			}
			else if (input.id == 'lotnummerveld1') {
				$('lotnummerveld2').focus();
			}
			else if (input.id == 'lotnummerveld2') {
				$('lotnummerveld3').focus();
			}
		}
	},
	lotnummer_knop: function(actie) {
		if (actie == 'aan') {
			var lotnummer = $('lotnummer_veld1').value + '-' + $('lotnummer_veld2').value + '-' + $('lotnummer_veld3').value;
			PT.Sites.Standaardwinkelcentrum.doEasyCheck(lotnummer);
			$('lotnummerveld1').value = $('lotnummer_veld1').value;
			$('lotnummerveld2').value = $('lotnummer_veld2').value;
			$('lotnummerveld3').value = $('lotnummer_veld3').value;
		}
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $('lotnummerdiv');
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	WkUrl: "http://" + window.location.hostname + "/sites/498/wk/Handler.ashx",
	/**
	*	Pre:
	*	lotnummer: string AAA-XXX-XXX
	**/
	doEasyCheck: function(lotnummer) {
		var data = "<data><lotnummer>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(lotnummer) + "</lotnummer></data>";
		var xmlhttp = PT.Sites.General.Object.AJAX();
		if (xmlhttp != null) {
			xmlhttp.open("POST", PT.Sites.Standaardwinkelcentrum.WkUrl, true);
			xmlhttp.send(data);
		}
	},
	lotnummer_sluiten: function() {
		var plaatje = $('lotnummerdiv');
		var zwart = $('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	lotformCheck: function() {
		var inputs = $('lotnummerform').getElementsByTagName('input');
		var labels = $('lotnummerform').getElementsByTagName('label');
		var alertInfo = '';
		var validate_result = true;

		var lot_result = true;
		if (!(/^[A-Za-z]{3}$/.test($('lotnummerveld1').value))) {
			lot_result = false;
		}
		if (!(/^[0-9]{3}$/.test($('lotnummerveld2').value))) {
			lot_result = false;
		}
		if (!(/^[0-9]{3}$/.test($('lotnummerveld3').value))) {
			lot_result = false;
		}
		if (lot_result) {
			$('lotnummerveld1').style.border = "1px #000000 solid";
			$('lotnummerveld2').style.border = "1px #000000 solid";
			$('lotnummerveld3').style.border = "1px #000000 solid";
		}
		else {
			alertInfo += 'Lotnummer, ';
			$('lotnummerveld1').style.border = "1px #ff0000 solid";
			$('lotnummerveld2').style.border = "1px #ff0000 solid";
			$('lotnummerveld3').style.border = "1px #ff0000 solid";
			validate_result = false;
		}

		for (var i = 0; i < inputs.length; i++) {
			var huidiglabel = '';
			for (var j = 0; j < labels.length; j++) {
				if (labels[j].htmlFor == inputs[i].id) {
					huidiglabel = labels[j];
				}
			}
			if (inputs[i].type == 'text' && inputs[i].id != 'lotnummerveld1' && inputs[i].id != 'lotnummerveld2' && inputs[i].id != 'lotnummerveld3') {
				if (inputs[i].id == 'mail') {
					inputs[i].value = inputs[i].value.Trim();
					if (PT.Sites.General.IsValidEmail(inputs[i].value)) {
						inputs[i].style.border = "1px #000000 solid";
					}
					else {
						alertInfo += huidiglabel.innerHTML + ', ';
						inputs[i].style.border = "1px #ff0000 solid";
						validate_result = false;
					}
				}
				else if (!inputs[i].value) {
					alertInfo += huidiglabel.innerHTML + ', ';
					inputs[i].style.border = "1px #ff0000 solid";
					validate_result = false;
				}
				else {
					inputs[i].style.border = "1px #000000 solid";
				}
			}
			else if (inputs[i].type == 'checkbox') {
				if (inputs[i].id == 'akkoord_keuze') {
					if (inputs[i].checked == true) {
						huidiglabel.style.color = "#000000";
					}
					else {
						alertInfo += 'Spelvoorwaarden, ';
						huidiglabel.style.color = "#ff0000";
						validate_result = false;
					}
				}
			}
		}

		if (validate_result) {
			var lotnummer = $('lotnummerveld1').value + '-' + $('lotnummerveld2').value + '-' + $('lotnummerveld3').value;
			var geslacht;
			if ($('regsex2').checked == true) {
				geslacht = 0;
			}
			else {
				geslacht = 1;
			}
			var naam = $('naam').value;
			var woonplaats = $('woonplaats').value;
			var email = $('mail').value;
			var accoordav = $('akkoord_keuze').checked;
			var accoordnwl = $('nieuwsbrief_keuze').checked;
			//alert(lotnummer + ',' + geslacht + ',' + naam + ',' + woonplaats + ',' + email + ',' + accoordav + ',' + accoordnwl);

			if (PT.Sites.Standaardwinkelcentrum.doCheck(lotnummer, geslacht, naam, woonplaats, email, accoordav, accoordnwl)) {
				//popup mail
				PT.Sites.Standaardwinkelcentrum.resultaat_lotnummer('resultaat_div');
			}
			else {
				//popup fout
				PT.Sites.Standaardwinkelcentrum.resultaat_lotnummer('resultaatfout_div');
			}
		}
		else {
			alert('U heeft ' + alertInfo.substring(0, (alertInfo.length - 2)) + ' niet correct ingevuld.')
		}
	},
	/**
	* Pre:
	*	lotnummer: string AAA-XXX-XXX
	*	geslacht: 0=man, 1=vrouw
	*	naam: string max 50
	*	woonplaats: string max 50
	*	email: string max 100
	*	accoordav: true/false of 1/0
	*	accoordnwl: true/false of 1/0
	* Post:
	*	return true als gelukt en false als er een technisch probleem was
	**/
	doCheck: function(lotnummer, geslacht, naam, woonplaats, email, accoordav, accoordnwl) {
		//alert(lotnummer + ',' + geslacht + ',' + naam + ',' + woonplaats + ',' + email + ',' + accoordav + ',' + accoordnwl);
		var data = "<data><lotnummer>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(lotnummer) + "</lotnummer>" +
			"<geslacht>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(geslacht) + "</geslacht>" +
			"<naam>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(naam) + "</naam>" +
			"<woonplaats>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(woonplaats) + "</woonplaats>" +
			"<email>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(email) + "</email>" +
			"<accoordav>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(accoordav) + "</accoordav>" +
			"<accoordnwl>" + PT.Sites.Standaardwinkelcentrum.xmlEncode(accoordnwl) + "</accoordnwl></data>";

		var success = false;
		var xmlhttp = PT.Sites.General.Object.AJAX();
		if (xmlhttp != null) {
			xmlhttp.open("POST", PT.Sites.Standaardwinkelcentrum.WkUrl, false);
			xmlhttp.send(data);
			success = (xmlhttp.status == 200 && xmlhttp.responseText == "true");
		}
		return success;
	},
	xmlEncode: function(tekst) {
		tekst = tekst + '';
		return tekst.replace(/\&/g, "&" + "amp;").replace(/\</g, '&' + 'lt;').replace(/\>/g, '&' + 'gt;').replace(/\'/g, '&' + 'apos;').replace(/\"/g, '&' + 'quot;');
	},
	resultaat_lotnummer: function(id) {
		if (document.all) {
			var scrollbar = document.documentElement.scrollTop;
		}
		else {
			var scrollbar = pageYOffset;
		}
		var breedtescherm = document.body.offsetWidth;
		var hoogtescherm = document.body.offsetHeight;
		var plaatje = $(id);
		var zwart = $('zwart_transparant');
		plaatje.style.display = 'block';
		plaatje.style.marginTop = (hoogtescherm - plaatje.clientHeight) / 2 + scrollbar + "px";
		plaatje.style.marginLeft = (breedtescherm - plaatje.clientWidth) / 2 + "px";
		zwart.style.width = document.documentElement.scrollWidth + "px";
		zwart.style.height = document.documentElement.scrollHeight + "px";
		zwart.style.display = "block";
	},
	resultaat_sluiten: function() {
		$('lotnummerveld1').value = '';
		$('lotnummerveld2').value = '';
		$('lotnummerveld3').value = '';
		$('lotnummer_veld1').value = '';
		$('lotnummer_veld2').value = '';
		$('lotnummer_veld3').value = '';

		var plaatje = $('resultaat_div');
		plaatje.style.display = "none";
	},
	allesLot_sluiten: function() {
		$('lotnummerveld1').value = '';
		$('lotnummerveld2').value = '';
		$('lotnummerveld3').value = '';
		$('lotnummer_veld1').value = '';
		$('lotnummer_veld2').value = '';
		$('lotnummer_veld3').value = '';

		$('resultaat_div').style.display = "none";
		$('lotnummerdiv').style.display = "none";
		$('zwart_transparant').style.display = "none";
	},
	resultaatfout_sluiten: function() {
		var plaatje = $('resultaatfout_div');
		plaatje.style.display = "none";
	},
	google_map: function() {
		$('google_map').innerHTML = "";
		var str = '<iframe width="320" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&amp;source=s_q&amp;hl=nl&amp;geocode=&amp;q=Heuvel+Galerie+133,+5611+DK&amp;sll=51.439082,5.48059&amp;sspn=0.010165,0.032938&amp;ie=UTF8&amp;hq=&amp;hnear=Heuvel+Galerie+133,+5611+Eindhoven,+Noord-Brabant&amp;ll=51.44165,5.480461&amp;spn=0.00856,0.02738&amp;z=14&amp;output=embed"></iframe>'
		$('google_map').innerHTML = str;
	},
	plattegrond: function() {
		$('plattegrond').innerHTML = "";
		var qs = "";
		var url = window.location.href.split("?");
		if(url.length>0){qs = "?"+url[1];}
		var str = '<iframe src="http://www.vanonce.tv/360gradenphoto/scm/heuvelgalerie_eindhoven/'+qs+'" frameborder="0" width="843px" height="418px" style="overflow:hidden;margin:0px 0px 0px 53px;"></iframe>'
		$('plattegrond').innerHTML = str;
	}
}

PT.Sites.General.RegisterEvent(window, "load", function() { PT.Sites.Standaardwinkelcentrum.onLoad(); });