// JavaScript Document

function getXMLHTTP() { //fuction to return the xml http object
	var xmlhttp=false;	
	try{
		xmlhttp=new XMLHttpRequest();
	}
	catch(e)	{		
		try{			
			xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e){
			try{
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch(e1){
				xmlhttp=false;
			}
		}
	} 	
	return xmlhttp;
}
	
function level4(strURL) {		
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
					document.getElementById('Level4').innerHTML = "<select id=\"Level4\" name=\"Level4\" onChange=\"level5('include/areaOption.php?parent='+this.value)\" >" + "<option value=\"All\">All</option>" + req.responseText + "</select>";
					document.getElementById('Level5').innerHTML = "<select id=\"Level5\" name=\"Level5\" >" + "<option value=\"All\">All</option>" + "</select>";
				} else {
					alert("There was a problem while using XMLHTTP:\n" + req.statusText);
				}
			}				
		}			
		req.open("GET", strURL, true);
		req.send(null);
	}
			
}

function level4subfolder(strURL) {		
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
					document.getElementById('Level4').innerHTML = "<select id=\"Level4\" name=\"Level4\" onChange=\"level5('../include/areaOption.php?parent='+this.value)\" >" + "<option value=\"All\">All</option>" + req.responseText + "</select>";
					document.getElementById('Level5').innerHTML = "<select id=\"Level5\" name=\"Level5\" >" + "<option value=\"All\">All</option>" + "</select>";
				} else {
					alert("There was a problem while using XMLHTTP:\n" + req.statusText);
				}
			}				
		}			
		req.open("GET", strURL, true);
		req.send(null);
	}
			
}

function level5(strURL) {		
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
					
					document.getElementById('Level5').innerHTML = "<select id=\"Level5\" name=\"Level5\" >" + "<option value=\"All\">All</option>" + req.responseText + "</select>";
					
				} else {
					alert("There was a problem while using XMLHTTP:\n" + req.statusText);
				}
			}				
		}			
		req.open("GET", strURL, true);
		req.send(null);
	}
}

function setarea4(strURL) {		
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
					document.getElementById('area4').innerHTML = "<select id=\"area4\" name=\"area4\" onChange=\"setarea5('../include/areaOption.php?parent='+this.value)\" >" + "<option value=\"All\">All</option>" + req.responseText + "</select>";
					document.getElementById('area5').innerHTML = "<select id=\"area5\" name=\"area5\" >" + "<option value=\"All\">All</option>" + "</select>";
				} else {
					alert("There was a problem while using XMLHTTP:\n" + req.statusText);
				}
			}				
		}			
		req.open("GET", strURL, true);
		req.send(null);
	}
			
}

function setarea5(strURL) {		
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
					
					document.getElementById('area5').innerHTML = "<select id=\"area5\" name=\"area5\" >" + "<option value=\"All\">All</option>" + req.responseText + "</select>";
					
				} else {
					alert("There was a problem while using XMLHTTP:\n" + req.statusText);
				}
			}				
		}			
		req.open("GET", strURL, true);
		req.send(null);
	}
}

function changeMenu( clickMenu ){
		
	var allMenus = [ "New Homes", "Sales", "Letting", "Sharing", "Commercial", "Wanted", "Home/Furniture", "DIY/Construction" ];
	var strLI = "";
	var strClass = "";
	var selectedType = document.getElementById('select_type').value;
	
	//set input selectedMenu value, hidden in search table
	document.getElementById("selectedMenu").value = clickMenu;
	
	//change menu color
	for( var i in allMenus ) {
		
		if( allMenus[i] == clickMenu ){
			strClass = " class=\"current\" ";
		} else {
			strClass = "";
		}
		
		//strLI += "<li id=\"" + allMenus[i] + "\" onclick=\"changeMenu(this.id)\" " + strClass + ">" + allMenus[i] + "</li>";
		strLI += "<li id=\"" + allMenus[i] + "\" " + strClass + "> <a href=\"result.php?countyCode=1102&selectedMenu=" + allMenus[i] + "\">" + allMenus[i] + "</a></li>";
	}
	document.getElementById('topMenuUL').innerHTML = strLI;
	
	//change min and max price
	changePriceList( clickMenu );

	//change type and bedrooms
	changeTypeAndBedrooms( clickMenu, selectedType ); 
	
}

function changeTypeAndBedrooms( clickMenu, selectedType ){
	
	var titleOne = "<table><tr><td>Type:</td><td>Bedrooms:</td></tr></table>";
	var titleTwo = "<table><tr><td>Type:</td><td>Sales or Letting:</td></tr></table>";
	var titleThree = "<table><tr><td>Type:</td></tr></table>";
	
	var bedroomsOptions = "<select id=\"select_bedrooms\" name=\"bedrooms\"><option value=\"Any\">Any</option><option value=\"1\">1+</option><option value=\"2\">2+</option><option value=\"3\">3+</option><option value=\"4\">4+</option><option value=\"5\">5+</option></select>";
	var salesLettingOptions = "<select id=\"select_salesLetting\" name=\"salesLetting\" ><option value=\"Any\">Any</option><option value=\"1\">Sales</option><option value=\"0\">Letting</option></select>";

	//fit for database type table's colomn name
	if( clickMenu == 'New Homes') clickMenu = 'New_Homes';
	else if( clickMenu == 'Home/Furniture' ) clickMenu = 'Furniture';
	else if( clickMenu == 'DIY/Construction' ) clickMenu = 'DIY';
	
	var strURL = '../include/getType.php?clickMenu=' + clickMenu + '&selectedType=' + selectedType;
	
	var req = getXMLHTTP();
	
	if (req) {
		
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				// only if "OK"
				if (req.status == 200) {
				
					if( clickMenu=='New_Homes' || clickMenu=='Sales' || clickMenu=='Letting' ){
						document.getElementById('typeBedroomsTitle').innerHTML = titleOne;
						document.getElementById('typeBedroomsSelect').innerHTML = "<table><tr><td><select id=\"select_type\" name=\"type\" >" + req.responseText + "</select></td><td>" + bedroomsOptions + "</td></tr></table>";
					}
										
					if( clickMenu=='Commercial' ){
						document.getElementById('typeBedroomsTitle').innerHTML = titleTwo;
						document.getElementById('typeBedroomsSelect').innerHTML = "<table><tr><td><select id=\"select_type\" name=\"type\" >" + req.responseText + "</select></td><td>" + salesLettingOptions + "</td></tr></table>";
					}

					if( clickMenu=='Sharing' || clickMenu=='Wanted' || clickMenu=='Furniture' || clickMenu=='DIY' ){
						document.getElementById('typeBedroomsTitle').innerHTML = titleThree;
						document.getElementById('typeBedroomsSelect').innerHTML = "<table><tr><td><select id=\"select_type\" name=\"type\"  style=\"width: 238px\" >" + req.responseText + "</select></td></tr></table>";
					}
				}
			}
		}
		
		req.open("GET", strURL, true);
		req.send(null);
	}
}

function changePriceList( clickMenu ){
	
	var priceOneMin = "<select id=\"minprice\" name=\"minprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50000\">&pound;50,000</option><option value=\"100000\">&pound;100,000</option><option value=\"125000\">&pound;125,000</option><option value=\"150000\">&pound;150,000</option><option value=\"175000\">&pound;175,000</option><option value=\"200000\">&pound;200,000</option><option value=\"250000\">&pound;250,000</option><option value=\"300000\">&pound;300,000</option><option value=\"350000\">&pound;350,000</option><option value=\"400000\">&pound;400,000</option><option value=\"450000\">&pound;450,000</option><option value=\"500000\">&pound;500,000</option><option value=\"600000\">&pound;600,000</option><option value=\"700000\">&pound;700,000</option><option value=\"800000\">&pound;800,000</option><option value=\"900000\">&pound;900,000</option><option value=\"1000000\">&pound;1,000,000</option></select>";
	var priceOneMax = "<select id=\"maxprice\" name=\"maxprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50000\">&pound;50,000</option><option value=\"100000\">&pound;100,000</option><option value=\"125000\">&pound;125,000</option><option value=\"150000\">&pound;150,000</option><option value=\"175000\">&pound;175,000</option><option value=\"200000\">&pound;200,000</option><option value=\"250000\">&pound;250,000</option><option value=\"300000\">&pound;300,000</option><option value=\"350000\">&pound;350,000</option><option value=\"400000\">&pound;400,000</option><option value=\"450000\">&pound;450,000</option><option value=\"500000\">&pound;500,000</option><option value=\"600000\">&pound;600,000</option><option value=\"700000\">&pound;700,000</option><option value=\"800000\">&pound;800,000</option><option value=\"900000\">&pound;900,000</option><option value=\"1000000\">&pound;1,000,000+</option></select>";

	var priceTwoMin = "<select id=\"minprice\" name=\"minprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50</option><option value=\"100\">&pound;100</option><option value=\"200\">&pound;200</option><option value=\"300\">&pound;300</option><option value=\"400\">&pound;400</option><option value=\"500\">&pound;500</option><option value=\"600\">&pound;600</option><option value=\"700\">&pound;700</option><option value=\"800\">&pound;800</option><option value=\"900\">&pound;900</option><option value=\"1000\">&pound;1,000</option></select>";
	var priceTwoMax = "<select id=\"maxprice\" name=\"maxprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50</option><option value=\"100\">&pound;100</option><option value=\"200\">&pound;200</option><option value=\"300\">&pound;300</option><option value=\"400\">&pound;400</option><option value=\"500\">&pound;500</option><option value=\"600\">&pound;600</option><option value=\"700\">&pound;700</option><option value=\"800\">&pound;800</option><option value=\"900\">&pound;900</option><option value=\"1000\">&pound;1,000+</option></select>";

	var lettingPriceMin = "<select id=\"minprice\" name=\"minprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50 pm</option><option value=\"100\">&pound;100 pm</option><option value=\"200\">&pound;200 pm</option><option value=\"300\">&pound;300 pm</option><option value=\"400\">&pound;400 pm</option><option value=\"500\">&pound;500 pm</option><option value=\"600\">&pound;600 pm</option><option value=\"700\">&pound;700 pm</option><option value=\"800\">&pound;800 pm</option><option value=\"900\">&pound;900 pm</option><option value=\"1000\">&pound;1,000 pm</option></select>";
	var lettingPriceMax = "<select id=\"maxprice\" name=\"maxprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50 pm</option><option value=\"100\">&pound;100 pm</option><option value=\"200\">&pound;200 pm</option><option value=\"300\">&pound;300 pm</option><option value=\"400\">&pound;400 pm</option><option value=\"500\">&pound;500 pm</option><option value=\"600\">&pound;600 pm</option><option value=\"700\">&pound;700 pm</option><option value=\"800\">&pound;800 pm</option><option value=\"900\">&pound;900 pm</option><option value=\"1000\">&pound;1,000+ pm</option></select>";

	var wantedPriceMin = "<select id=\"minprice\" name=\"minprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50</option><option value=\"100\">&pound;100</option><option value=\"200\">&pound;200</option><option value=\"500\">&pound;500</option><option value=\"800\">&pound;800</option><option value=\"1000\">&pound;1,000</option><option value=\"2000\">&pound;2,000</option><option value=\"5000\">&pound;5,000</option><option value=\"8000\">&pound;8,000</option><option value=\"10000\">&pound;10,000</option><option value=\"20000\">&pound;20,000</option><option value=\"50000\">&pound;50,000</option><option value=\"80000\">&pound;80,000</option><option value=\"100000\">&pound;100,000</option><option value=\"200000\">&pound;200,000</option><option value=\"500000\">&pound;500,000</option><option value=\"800000\">&pound;800,000</option><option value=\"1000000\">&pound;1,000,000</option></select>";
	var wantedPriceMax = "<select id=\"minprice\" name=\"minprice\"><option value=\"Any\" selected=\"selected\">Any</option><option value=\"50\">&pound;50</option><option value=\"100\">&pound;100</option><option value=\"200\">&pound;200</option><option value=\"500\">&pound;500</option><option value=\"800\">&pound;800</option><option value=\"1000\">&pound;1,000</option><option value=\"2000\">&pound;2,000</option><option value=\"5000\">&pound;5,000</option><option value=\"8000\">&pound;8,000</option><option value=\"10000\">&pound;10,000</option><option value=\"20000\">&pound;20,000</option><option value=\"50000\">&pound;50,000</option><option value=\"80000\">&pound;80,000</option><option value=\"100000\">&pound;100,000</option><option value=\"200000\">&pound;200,000</option><option value=\"500000\">&pound;500,000</option><option value=\"800000\">&pound;800,000</option><option value=\"1000000\">&pound;1,000,000+</option></select>";

	if( clickMenu=='New Homes' || clickMenu=='Sales' || clickMenu=='Commercial' ){
		document.getElementById('td_minprice').innerHTML = priceOneMin;
		document.getElementById('td_maxprice').innerHTML = priceOneMax;
	} else if ( clickMenu=='Wanted' ){
		document.getElementById('td_minprice').innerHTML = wantedPriceMin;
		document.getElementById('td_maxprice').innerHTML = wantedPriceMax;
	} else if ( clickMenu=='Letting' || clickMenu=='Sharing' ){
		document.getElementById('td_minprice').innerHTML = lettingPriceMin;
		document.getElementById('td_maxprice').innerHTML = lettingPriceMax;
	} else{
		document.getElementById('td_minprice').innerHTML = priceTwoMin;
		document.getElementById('td_maxprice').innerHTML = priceTwoMax;
	}	
	
}
