// JavaScript Document
	var request = false;
	var testi = 0;
	var testc = 0;
	try {
		request = new XMLHttpRequest();
	} catch (trymicosoft) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (othermicrosoft) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (failed) {
				request = false;
			}	
		}
	} 
	
	if (!request) {
		alert("Error creating XMLHttpRequest");
	}
	
	
	function testContact() {
		var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
		email = document.getElementById("email");
		naam = document.getElementById("name");
		contactNo = document.getElementById("contactNo");
		messageTo = document.getElementById("messageTo");
		service = document.getElementById("service");
		captcha = document.getElementById("captcha");
		if (naam.value == "") {
			alert("Please enter your name");
			naam.focus();
		} else if (email.value == "") {
			alert("Please enter your email address");
			email.focus();
		} else if (!(filter.test(email.value))) {
			alert("Please enter a valid email address");
			email.focus();
		} else if (contactNo.value == "") {
			alert("Please enter your contact number");
			contactNo.focus();
		} else if (messageTo.value == "") {
			alert("Please enter your message");
			messageTo.focus();
		} else if (service.value == "") {
			alert("Please select at least one service type");
			service.focus();
		} else if (captcha.value == "") {
			alert("Please enter the verification code");
			captcha.focus();
		} else { 
			
			var serArray = new Array();
			for (i=0; i < service.options.length;i++) {
				if (service.options[i].selected == true) {
					serArray[i] = service.options[i].value;	
				} else {
					serArray[i] = "";	
				}
			}
			var services = "";
			for (j=0; j<serArray.length; j++) {
				if (serArray[j] != "") {
					services = services + serArray[j]+"-||-";
				}	 
			}
			
			var url = "scripts/submitContact.php";
			var params = "email="+email.value+"&name="+naam.value+"&contactNo="+contactNo.value+"&messageTo="+escape(messageTo.value)+"&services="+services;
			document.getElementById("contactContent").innerHTML = "<center><img src='img/loader.gif' /><br/>Sending your request. Please wait...</center><br/>";
			request.open("POST",url,true);
			request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			request.setRequestHeader("Content-length", params.length);
			request.setRequestHeader("Connection", "close");
			request.onreadystatechange = contactSubmitted;
			request.send(params); 
			
		}
  		
	}
	
	function contactSubmitted() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
				var res = response.split("-|||-");
				if (res[6] == 1) {
					document.getElementById("contactContent").innerHTML = "<center>Your request has been sent successfully. One of our team members will contact you shortly.</center>";
				} else {
					
					alert("There was an error sending your request. Please try again..");
					document.getElementById("contactContent").innerHTML = res[7];
				}
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function isPhoneInput(field,event)//checks that only numbers are entered in the field
			{
				var key, keyChar;
				if (window.event)
					key = window.event.keyCode;
				else if (event)
					key = event.which;
				else 
					return true;
				//Check for special characters like backspaces
				if ((key==null) || (key==0) ||(key ==8) || (key == 13) || (key == 27) || (key == 43))
				return true;
				//check to see if its a number
				keyChar = String.fromCharCode(key);
				if(/\d/.test(keyChar)){
						window.status = "";
						return true;
				}else{
						window.status = "Field accepts numbers only"
						return false;
				}	
		}	
		
	function skoon() {
		document.getElementById("email").value = "";
		document.getElementById("name").value = "";
		document.getElementById("contactNo").value = "";
		document.getElementById("messageTo").value = "";
		service = document.getElementById("service");
		for(i=0; i<service.length; i++) {
			service.options[i].selected = "";	
		}
		document.getElementById("email").focus();
	}	
	
	function checkcap(val) {
		var url = "scripts/checkcap.php?val="+val; 
		request.open("GET",url,true);
		request.onreadystatechange = capdone;
		request.send(null);	
	}
	
	
	
	function capdone() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var res1 = request.responseText;
				//alert(res1);
				if (res1 == 1) {
					document.getElementById("capin").value = res1;		
					document.getElementById("cap").innerHTML = "";
					document.getElementById("cap").style.visibility = "hidden";
					document.getElementById("spaar").disabled = false;
					document.getElementById("spaar").className = 'button';
					document.getElementById("spaar").focus();
				} else {
					document.getElementById("cap").innerHTML = res1;
					document.getElementById("cap").style.visibility = "visible";
					document.getElementById("spaar").disabled = true;
					document.getElementById("spaar").className = 'submitDisabled';
					document.getElementById("captcha").focus();
				}
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function changeContent(menuId) {
		var url = "scripts/loadContent.php?menuId="+menuId; 
		document.getElementById("projectGallery").innerHTML = "<center><br><br><img src='img/loader.gif' border='0'></center>";
		request.open("GET",url,true);
		request.onreadystatechange = contentLoaded;
		request.send(null);	
	}
	
	function contentLoaded() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
				//alert(response);
				var res = response.split("-|||-");
				document.getElementById("centerContent").innerHTML = res[0];
				if (res[2] != "") {
					document.getElementById("partnerLogo").innerHTML = res[2];	
				} else {
					document.getElementById("partnerLogo").innerHTML = '';	
				}
				loadSubMenu(res[1],'Y');
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function loadSubMenu(menuId,showGallery) {
		var url = "sideMenu.php?menuId="+menuId+"&showGallery="+showGallery; 
		request.open("GET",url,true);
		request.onreadystatechange = subMenuLoaded;
		request.send(null);	
	}
	
	function subMenuLoaded() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
				var res = response.split("-|||-");
				document.getElementById("sideMenu").innerHTML = res[0];
				if (document.getElementById("imageGal")) {
					document.getElementById("imageGal").src='productScroller.php?menuId='+res[1];
				}
				if (res[3] == 1){loadProjectGallery(res[1])};
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function loadProjectGallery(menuId) {
		var url = "scripts/projectGallery.php?menuId="+menuId; 
		request.open("GET",url,true);
		request.onreadystatechange = projectGalleryLoaded;
		request.send(null);	
	}
	
	function projectGalleryLoaded() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
                               // alert(response);
				document.getElementById("projectGallery").innerHTML = response;
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function loadProductGallery(menuId) {
		var url = "scripts/productGallery.php?menuId="+menuId; 
		request.open("GET",url,true);
		request.onreadystatechange = productGalleryLoaded;
		request.send(null);	
	}
	
	function productGalleryLoaded() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
				document.getElementById("projectGallery").innerHTML = response;
				
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function changeProduct(menuId) {
		var url = "scripts/loadProduct.php?menuId="+menuId; 
		request.open("GET",url,true);
		request.onreadystatechange = productLoaded;
		request.send(null);	
	}
	
	function productLoaded() {
		if (request.readyState == 4) {
			if (request.status == 200) {
				var response = request.responseText;
				var res = response.split("-|||-");
				document.getElementById("centerContent").innerHTML = res[0];
				loadSubMenu(res[1],'N');	
			} else if (request.status == 404) {
				alert("The requested url was not found");
			} else {
				alert("Error : status code is : "+ request.status);
			}
		}	
	}
	
	function showImage(imgUrl) {
		var picCo = document.getElementById("showPic");
		picCo.innerHTML = "<img src="+imgUrl+" style='border:solid 5px #FFF;' border='1' />";	
		picCo.style.height = "auto";
	}
	
	function show3d(imgUrl) {
		var pic3d = document.getElementById("show3d");
		pic3d.innerHTML = "<img src="+imgUrl+" style='border:solid 5px #FFF;' border='1' />";	
		pic3d.style.height = "auto";
	}
	
	function directions() {
		dirWin=dhtmlmodal.open('dirwin', 'ajax', 'directions.php', 'Directions to ProReno Gauteng', 'width=720px,height=490px,center=1,resize=0,scrolling=1,status=0');	
	}
	
	function printPreviewDiv(elementId)
	 {
	  var printContent = document.getElementById(elementId);
	  var windowUrl = 'about:blank';
	  var uniqueName = new Date();
	  var windowName = 'Print' + uniqueName.getTime();
	  var printWindow = window.open(windowUrl, windowName, 'left=0,top=0,width=700,height=490');
	  var printPreviewObject = '<object id="printPreviewElement" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';

	  printWindow.document.write(printContent.innerHTML);
	  printWindow.document.write(printPreviewObject);
	  printWindow.document.write('<script language=JavaScript>');
	  printWindow.document.write('printPreviewElement.ExecWB(7, 2);');
	  printWindow.document.write('printPreviewElement.outerHTML = "";');
	  printWindow.document.write('</script>');
	  printWindow.document.close();
	  printWindow.focus();
	  printWindow.close();
	 }
	
	
	 
	
	 function openImage(imageUrl) {
           
           $.fn.nyroModalManual({
               modal : false,
               type : 'image',
               minWidth : 480,
               minHeight : 480,
               resizeable: true,
               autoSizable: true,
               padding : 20,
               url : imageUrl
           });
         }