PT.Sites.Standaardwinkelcentrum = {
	onLoad: function () {
		PT.Sites.Standaardwinkelcentrum.showDagnamen();
		PT.Instances.ShowImg1 = new PT.Sites.Standaardwinkelcentrum.ShowImgTitel("divrep", "/sites/498/images/sluiten_knop.jpg");
		/*PT.Instances.ShowImg1.watermark = "/sites/498/images/watermark.png";*/
		var arr = new Array('facebook', 'facebook_like', 'twitter', 'tweet', 'hyves');
		PT.Social.addThis(arr);

		// preload selected shop
		if (get$('imgmap_plattegrond')) {
			var a = window.location + "";
			if (a.lastIndexOf('?') > 0) {
				var vstid = parseInt(a.substring(a.lastIndexOf('?') + 1, a.length).replace("vstid=", ""));

				this.getWinkelInfo(vstid, "etage", null);
			}
		}
	},
	showDagnamen: function () {
		var els = document.getElementsByTagName("span");
		for (i = 0; i < els.length; i++) {
			if (els[i].className == "zondag") {
				var t = els[i].innerHTML.split("-");
				if (t.length != 3) { return; }
				var d = (new Date(t[0], parseInt(t[1]) - 1, t[2])).getDay();
				var r = "Zaterdag";
				switch (d) {
					case 0: r = "Zondag"; break;
					case 1: r = "Maandag"; break;
					case 2: r = "Dinsdag"; break;
					case 3: r = "Woensdag"; break;
					case 4: r = "Donderdag"; break;
					case 5: r = "Vrijdag"; break;
				}
				els[i].innerHTML = r;
				//els[i].style.display = "inline";
			}
		}
	},
	showWinkelInfo: function (winkelnaam, adres, verdieping, image, vstid, vstgebid) {
		//alert("winkelnaam: "+winkelnaam);
		var vstnaam = winkelnaam.replace(/\"/g, "");
		vstnaam = vstnaam.replace(/'/g, "");
		vstnaam = vstnaam.replace(/\&/g, "");
		vstnaam = vstnaam.replace(/\ /g, "");
		winkelnaam = winkelnaam.replace(/\&/g, "&amp;");
		var infomap = get$('plattegrond_adresgegevens');
		if (winkelnaam == "") { winkelnaam = "Dit pand is nog leeg"; }
		if (adres == "") { adres = "Er is geen adres gevonden."; }
		if (image != "") {
			infomap.getElementsByTagName('img')[0].src = "http://website.winkelparade.nl" + image;
			infomap.getElementsByTagName('img')[0].alt = winkelnaam;
			infomap.getElementsByTagName('img')[0].style.display = "block";
		}
		else {
			infomap.getElementsByTagName('img')[0].style.display = "none";
		}
		var titel;
		if (vstgebid != '' && vstid != null) {
			titel = '<a href="/winkel/informatie/' + vstnaam + '.' + vstid + '.' + vstgebid + '.html">' + winkelnaam + '</a>';
		}
		else {
			titel = winkelnaam;
		}
		infomap.getElementsByTagName('h2')[0].innerHTML = titel;
		infomap.getElementsByTagName('p')[0].innerHTML = adres;
		infomap.getElementsByTagName('p')[1].innerHTML = verdieping;
	},
	showEtage: function (etage) {
		get$('imgmap_bg').style.display = 'none';
		get$('imgmap_verd').style.display = 'none';
		get$('imgmap_sou').style.display = 'none';

		if (etage == 'Verdieping') {
			get$('imgmap_verd').style.display = 'block';
		}
		else if (etage == 'Souterrain') {
			get$('imgmap_sou').style.display = 'block';
		}
		else {
			get$('imgmap_bg').style.display = 'block';
		}
	},
	vestigingen: {},

	getVestiging: function (vstid) {
		return this.vestigingen[vstid];
	},

	getVestigingen: function (vstid) {
		return this.vestigingen;
	},

	getWinkelInfo: function (vstid, etage, area) {
		//area.style.border = '1px solid #ff0000';

		//vstid opzoeken: winkelnaam, adres, image;
		var me = this;

		//todo
		var gebid = 12847;
		var verid = 12; // heuvelgalerie

		$.ajax({
			url: "/sites/498/getxml.aspx?gebid=" + gebid + "&verid=" + verid,
			type: 'GET',
			dataType: 'xml',
			contentType: 'text/xml',
			error: function (jqXHR, textStatus, errorThrown) {
				alert('Error loading XML document');
			},
			success: function (xml) {
				$(xml).find("vestiging").each(function () {
					var vstid = this.attributes.getNamedItem("vstid").value
					var image = this.attributes.getNamedItem("wsimage1_zr").value
					if (image == '') { image = this.attributes.getNamedItem("wsimage1").value }
					var info = {
						winkelnaam: this.attributes.getNamedItem("vstnaam").value,
						vstgebid: this.attributes.getNamedItem("vstgebid").value,
						adres: this.attributes.getNamedItem("vstadres").value,
						image: image
					}
					me.vestigingen[vstid] = info;
				});

				var info = me.getVestiging(vstid);
				PT.Sites.Standaardwinkelcentrum.showWinkelInfo(info.winkelnaam, info.adres, etage, info.image, vstid, info.vstgebid);
			}
		});
	},
	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 = get$('plaatje_groot_div');
		var zwart = get$('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 () {
		get$('navigatie_contact').style.display = "none";
		get$('vraag_opmerking').checked = false;
		get$('navigatie_nieuwsbrief').style.display = "block";
		get$('aanmelden_nieuwsbrief_on').checked = true;
	},
	openContact: function () {
		get$('navigatie_contact').style.display = "block";
		get$('vraag_opmerking').checked = true;
		get$('navigatie_nieuwsbrief').style.display = "none";
		get$('aanmelden_nieuwsbrief_on').checked = false;
	},
	foto_display: function () {
		get$('video_div').style.display = "none";
		get$('foto_div').style.display = "block";
	},
	video_display: function () {
		get$('foto_div').style.display = "none";
		get$('video_div').style.display = "block";
	},
	loadvideo: function (video) {
		get$('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>'
		get$('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 = get$('spelvoorwaarden');
		var zwart = get$('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 = get$('spelvoorwaarden');
		var zwart = get$('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 = get$('prijzenpakket');
		var zwart = get$('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 = get$('prijzenpakket');
		var zwart = get$('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 = get$('deelnemendewinkelspopup');
		var zwart = get$('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 = get$('deelnemendewinkelspopup');
		var zwart = get$('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	lotinputCheck: function (input) {
		if (input.value.length == 3) {
			if (input.id == 'lotnummer_veld1') {
				get$('lotnummer_veld2').focus();
			}
			else if (input.id == 'lotnummer_veld2') {
				get$('lotnummer_veld3').focus();
			}
			else if (input.id == 'lotnummerveld1') {
				get$('lotnummerveld2').focus();
			}
			else if (input.id == 'lotnummerveld2') {
				get$('lotnummerveld3').focus();
			}
		}
	},
	lotnummer_knop: function (actie) {
		if (actie == 'aan') {
			var lotnummer = get$('lotnummer_veld1').value + '-' + get$('lotnummer_veld2').value + '-' + get$('lotnummer_veld3').value;
			PT.Sites.Standaardwinkelcentrum.doEasyCheck(lotnummer);
			get$('lotnummerveld1').value = get$('lotnummer_veld1').value;
			get$('lotnummerveld2').value = get$('lotnummer_veld2').value;
			get$('lotnummerveld3').value = get$('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 = get$('lotnummerdiv');
		var zwart = get$('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 = get$('lotnummerdiv');
		var zwart = get$('zwart_transparant');
		plaatje.style.display = "none";
		zwart.style.display = "none";
	},
	lotformCheck: function () {
		var inputs = get$('lotnummerform').getElementsByTagName('input');
		var labels = get$('lotnummerform').getElementsByTagName('label');
		var alertInfo = '';
		var validate_result = true;

		var lot_result = true;
		if (!(/^[A-Za-z]{3}$/.test(get$('lotnummerveld1').value))) {
			lot_result = false;
		}
		if (!(/^[0-9]{3}$/.test(get$('lotnummerveld2').value))) {
			lot_result = false;
		}
		if (!(/^[0-9]{3}$/.test(get$('lotnummerveld3').value))) {
			lot_result = false;
		}
		if (lot_result) {
			get$('lotnummerveld1').style.border = "1px #000000 solid";
			get$('lotnummerveld2').style.border = "1px #000000 solid";
			get$('lotnummerveld3').style.border = "1px #000000 solid";
		}
		else {
			alertInfo += 'Lotnummer, ';
			get$('lotnummerveld1').style.border = "1px #ff0000 solid";
			get$('lotnummerveld2').style.border = "1px #ff0000 solid";
			get$('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 = get$('lotnummerveld1').value + '-' + get$('lotnummerveld2').value + '-' + get$('lotnummerveld3').value;
			var geslacht;
			if (get$('regsex2').checked == true) {
				geslacht = 0;
			}
			else {
				geslacht = 1;
			}
			var naam = get$('naam').value;
			var woonplaats = get$('woonplaats').value;
			var email = get$('mail').value;
			var accoordav = get$('akkoord_keuze').checked;
			var accoordnwl = get$('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 = get$(id);
		var zwart = get$('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 () {
		get$('lotnummerveld1').value = '';
		get$('lotnummerveld2').value = '';
		get$('lotnummerveld3').value = '';
		get$('lotnummer_veld1').value = '';
		get$('lotnummer_veld2').value = '';
		get$('lotnummer_veld3').value = '';

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

		get$('resultaat_div').style.display = "none";
		get$('lotnummerdiv').style.display = "none";
		get$('zwart_transparant').style.display = "none";
	},
	resultaatfout_sluiten: function () {
		var plaatje = get$('resultaatfout_div');
		plaatje.style.display = "none";
	},
	google_map: function () {
		get$('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>'
		get$('google_map').innerHTML = str;
	},
	plattegrond: function () {
		get$('plattegrond').innerHTML = "";
		var qs = "";
		var url = window.location.href.split("?");
		if (url.length > 0) { qs = "?" + url[1]; }
		var str = '<iframe src="http://www.vanonce.com/360gradenphoto/scm/heuvelgalerie_eindhoven/index.html" frameborder="0" width="843px" height="418px" style="overflow:hidden;margin:0px 0px 0px 53px;"></iframe>'
		get$('plattegrond').innerHTML = str;
	}
	/*OpenWindow: function (url) {
		window.open(url, "WPopup", 'location=yes,scrollbars=yes,resizable=yes,status=yes,menubar=yes,toolbar=yes');
		window.print();
		var content;
		var titel = 'Sinterklaas kleurplaat Heuvel Galerie';
		var kleurplaat = url;

		content = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">";
		content += "<html>";
		content += "<head>";
		content += "</head>";
		content += "<body onload=\"window.print ()\"><div class=\"printContainer\">";
		content += '<img src="' + kleurplaat + '" alt="kleurplaat Heuvel Galerie " /></div>';
		content += "</div></body>";
		content += "</html>";

		var printWindow = window.open("", "", "");
		printWindow.document.title = document.title;
		printWindow.document.write(content);
		printWindow.document.close();
	}*/
}

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