function generateServiceAreas(areaObjId) {
	var areaXmlObj = XmlObj();
	var areaObj = document.getElementById(areaObjId);
	
	var slelctedCity = document.servicesForm.city.options[document.servicesForm.city.selectedIndex].value
	var areaServerPage = "include/innerFunctions.php?action=generateServiceAreaMenu&city="+slelctedCity;
	areaXmlObj.open("GET", areaServerPage);
	areaXmlObj.onreadystatechange = function () {
		if (areaXmlObj.readyState == 4 && areaXmlObj.status == 200) {
			areaObj.innerHTML = areaXmlObj.responseText;
		}
	}
	areaXmlObj.send(null);
}

function validateServiceForm() {
	var form = document.servicesForm;
	if (form.city.options[form.city.selectedIndex].value == '0') {
		alert("Please select a City!");
		form.city.focus();
		return false;
	}
	
	if (form.area.options[form.area.selectedIndex].value == '0') {
		alert("Please select an Area!");
		form.area.focus();
		return false;
	}
	
	if (form.service.options[form.service.selectedIndex].value == '0') {
		alert("Please select a Service!");
		form.area.focus();
		return false;
	}

	return true;
}

function generateServicesMenuByArea(serviceObjId) {
	var serviceXmlObj = XmlObj();
	var serviceObj = document.getElementById(serviceObjId);
	
	var slelctedCity = document.servicesForm.city.options[document.servicesForm.city.selectedIndex].value
	var slelctedArea = document.servicesForm.area.options[document.servicesForm.area.selectedIndex].value
	var serviceServerPage = "include/innerFunctions.php?action=generateServicesMenuByArea&city="+slelctedCity+"&area="+slelctedArea;
	serviceXmlObj.open("GET", serviceServerPage);
	serviceXmlObj.onreadystatechange = function () {
		if (serviceXmlObj.readyState == 4 && serviceXmlObj.status == 200) {
			serviceObj.innerHTML = serviceXmlObj.responseText;
		}
	}
	serviceXmlObj.send(null);
}

var timeInterval;

function generateServicesCategory(servicesCategoryObjId, city) {
	var servicesCategoryXmlObj = XmlObj();
	var servicesCategoryObj = document.getElementById(servicesCategoryObjId);
	city = URLEncode(city);
	var servicesCategoryServerPage = "include/servicesFunctions.php?action=generateServicesCategory&city="+city;
	servicesCategoryXmlObj.open("GET", servicesCategoryServerPage);
	servicesCategoryXmlObj.onreadystatechange = function () {
		if (servicesCategoryXmlObj.readyState == 4 && servicesCategoryXmlObj.status == 200) {
			servicesCategoryObj.innerHTML = servicesCategoryXmlObj.responseText;
		}
	}
	servicesCategoryXmlObj.send(null);
}


function displayServicesDetails(detailsObjId, totalDetailId, e) {
	
	for (var i = 0; i < totalDetailId; i++) {
		var detailsObject = document.getElementById("displayServicesDetails"+i);
		if (detailsObjId == "displayServicesDetails"+i) {
			detailsObject.style.visibility = "visible";
			detailsObject.style.height = "auto";
			detailsObject.style.width = "450px";
			
			var posx = 0;
			var posy = 0;
			
			posx = e.clientX;
			posy = e.clientY;
			
			if (posx == 0 && posy == 0) {
				var posx = 287;
				var posy = 200;
			}
			if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
				//IE 4, 5 & 6 (in non-standards compliant mode)
				posx += document.body.scrollLeft;
				posy += document.body.scrollTop;
			  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
				//IE 6 (in standards compliant mode)
				posx += document.documentElement.scrollLeft;
				posy += document.documentElement.scrollTop;
			  }
			detailsObject.style.left = posx + "px";
			detailsObject.style.top = posy + "px";
		} else {
			detailsObject.style.visibility = "hidden";
			detailsObject.style.height = "0px";
			detailsObject.style.width = "0px";
		}
	}
}

function hideServicesDetails(hideDetailsObjId) {
	var hideDetailsObject = document.getElementById(hideDetailsObjId);
	hideDetailsObject.style.visibility = "hidden";
	hideDetailsObject.style.height = "0px";
	hideDetailsObject.style.width = "0px";
}