
var clo_currentId = "clo_tab_sales";

function CLO_SearchWidget()
{
	document.write('<div class="clo_search">');

	document.write('<div class="clo_intro">Find your dream home...</div>');

	document.write('<ul id="clo_tablist" class="clo_tablist">');
	document.write('<li class="clo_active"><a href="#" class="clo_first" onclick="CLO_SelectTab(this.parentNode, \'clo_tab_sales\'); return false;">UK</a></li>');
	document.write('<li><a href="#" onclick="CLO_SelectTab(this.parentNode, \'clo_tab_international\'); return false;">International</a></li>');
	document.write('<li><a href="#" onclick="CLO_SelectTab(this.parentNode, \'clo_tab_lettings\'); return false;">Lettings</a></li>');
	document.write('</ul>');

	// UK sales

	document.write('<div id="clo_tab_sales" class="clo_tab clo_active">');
	document.write('<form action="http://www.countrylife.co.uk/property/search" method="get">');
	document.write('<input type="hidden" name="type" value="sales" />');
	document.write('<input type="hidden" name="mode" value="simple" />');
	document.write('<input type="hidden" name="orderby" value="pricedesc" />');
	document.write('<input type="hidden" name="bedroomsTo" value="" />');	
	document.write('<input type="hidden" name="propertyTypeHouse" value="y" />');
	document.write('<input type="hidden" name="propertyTypeApartment" value="y" />');
	document.write('<div>');
	document.write('<label for="clo_location_sales">Location</label>');
	document.write('<input type="text" class="clo_text" name="location" id="clo_location_sales" value="e.g. SW3, Nottingham, Cornwall" onfocus="if(!this.cleared){this.value=\'\';this.cleared=true;}" />');
	document.write('<label for="clo_sales_min_price">Price (Min)</label><select name="minPrice" id="clo_sales_min_price" class="clo_select"><option value="0"></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="550000"> &pound;550,000</option><option value="600000"> &pound;600,000</option><option value="650000"> &pound;650,000</option><option value="700000"> &pound;700,000</option><option value="750000"> &pound;750,000</option><option value="800000"> &pound;800,000</option><option value="850000"> &pound;850,000</option><option value="900000"> &pound;900,000</option><option value="950000"> &pound;950,000</option><option value="1000000"> &pound;1,000,000</option><option value="1500000"> &pound;1,500,000</option><option value="2000000"> &pound;2,000,000</option><option value="2500000"> &pound;2,500,000</option><option value="3000000"> &pound;3,000,000</option><option value="3500000"> &pound;3,500,000</option><option value="4000000"> &pound;4,000,000</option><option value="4500000"> &pound;4,500,000</option><option value="5000000"> &pound;5,000,000</option><option value="5500000"> &pound;5,500,000</option><option value="6000000"> &pound;6,000,000</option><option value="6500000"> &pound;6,500,000</option><option value="7000000"> &pound;7,000,000</option><option value="7500000"> &pound;7,500,000</option><option value="8000000"> &pound;8,000,000</option><option value="8500000"> &pound;8,500,000</option><option value="9000000"> &pound;9,000,000</option><option value="9500000"> &pound;9,500,000</option><option value="10000000"> &pound;10,000,000</option><option value="10500000"> &pound;10,500,000</option><option value="11000000"> &pound;11,000,000</option><option value="11500000"> &pound;11,500,000</option><option value="12000000"> &pound;12,000,000</option><option value="15000000"> &pound;15,000,000+</option></select>');
	document.write('<label for="clo_sales_max_price">Price (Max)</label><select name="maxPrice" id="clo_sales_max_price" class="clo_select"><option value="0"></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="550000"> &pound;550,000</option><option value="600000"> &pound;600,000</option><option value="650000"> &pound;650,000</option><option value="700000"> &pound;700,000</option><option value="750000"> &pound;750,000</option><option value="800000"> &pound;800,000</option><option value="850000"> &pound;850,000</option><option value="900000"> &pound;900,000</option><option value="950000"> &pound;950,000</option><option value="1000000"> &pound;1,000,000</option><option value="1500000"> &pound;1,500,000</option><option value="2000000"> &pound;2,000,000</option><option value="2500000"> &pound;2,500,000</option><option value="3000000"> &pound;3,000,000</option><option value="3500000"> &pound;3,500,000</option><option value="4000000"> &pound;4,000,000</option><option value="4500000"> &pound;4,500,000</option><option value="5000000"> &pound;5,000,000</option><option value="5500000"> &pound;5,500,000</option><option value="6000000"> &pound;6,000,000</option><option value="6500000"> &pound;6,500,000</option><option value="7000000"> &pound;7,000,000</option><option value="7500000"> &pound;7,500,000</option><option value="8000000"> &pound;8,000,000</option><option value="8500000"> &pound;8,500,000</option><option value="9000000"> &pound;9,000,000</option><option value="9500000"> &pound;9,500,000</option><option value="10000000"> &pound;10,000,000</option><option value="10500000"> &pound;10,500,000</option><option value="11000000"> &pound;11,000,000</option><option value="11500000"> &pound;11,500,000</option><option value="12000000"> &pound;12,000,000</option><option value="15000000"> &pound;15,000,000+</option></select>');
	document.write('<label for="clo_bedrooms_from_sales">Bedrooms</label>');
	document.write('<select name="bedroomsFrom" id="clo_bedrooms_from_sales" class="clo_select"><option value="" selected="selected">Minimum</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><option value="6">6</option></select>');
	document.write('<div class="clo_email_alerts">');
	document.write('<label for="clo_email_alerts" class="clo_email_alerts">Receive&nbsp;similar&nbsp;properties by email</label>');
	document.write('<input type="text" class="clo_text" name="alertsEmail" id="clo_email_alerts" value="e.g. your@email.com" onfocus="if(!this.cleared){this.value=\'\';this.cleared=true;}" />');
	document.write('</div>');

	document.write('<div class="clo_search_button"><a href="http://www.countrylife.co.uk/property/search?type=sales&mode=advanced&new=y">Advanced Search</a>');
	document.write('<input type="hidden" name="search" value="y" />');
	document.write('<input type="hidden" name="radius" value="0" />');
	document.write('<input type="submit" value="Search" />');
	document.write('</div>');

	document.write('</div>');
	document.write('</form>');
	document.write('</div>');

	// International sales

	document.write('<div id="clo_tab_international" class="clo_tab">');
	document.write('<form action="http://www.countrylife.co.uk/property/search" method="get">');
	document.write('<input type="hidden" name="type" value="international" />');
	document.write('<input type="hidden" name="mode" value="simple" />');
	document.write('<input type="hidden" name="orderby" value="pricedesc" />');
	document.write('<input type="hidden" name="bedroomsTo" value="" />');
	document.write('<input type="hidden" name="bedroomsFrom" value="" />');		
	document.write('<input type="hidden" name="propertyTypeHouse" value="y" />');
	document.write('<input type="hidden" name="propertyTypeApartment" value="y" />');
	document.write('<div>');
	document.write('<label for="clo_location_international">Country</label>');
	document.write('<select name="country" id="clo_location_international" class="clo_select"><option value="all">All countries</option><option value="20">andorra</option><option value="36">Australia</option><option value="44">Bahamas</option><option value="52">Barbados</option><option value="56">Belgium</option><option value="60">Bermuda</option><option value="76">Brazil</option><option value="124">Canada</option><option value="132">Cape Verde</option><option value="1001">Caribbean</option><option value="136">Cayman Islands</option><option value="196">Cyprus</option><option value="214">Dominican Republic</option><option value="818">Egypt</option><option value="250">France</option><option value="292">Gibraltar</option><option value="300">Greece</option><option value="308">Grenada</option><option value="372">Ireland</option><option value="380">Italy</option><option value="388">Jamaica</option><option value="404">Kenya</option><option value="440">Lithuania</option><option value="470">Malta</option><option value="480">Mauritius</option><option value="484">Mexico</option><option value="492">Monaco</option><option value="504">Morocco</option><option value="554">New Zealand</option><option value="620">Portugal</option><option value="643">Russian Federation</option><option value="652">Saint Barth&eacute;lemy</option><option value="662">Saint Lucia</option><option value="670">Saint Vincent and The Grenadines</option><option value="710">South Africa</option><option value="724">Spain</option><option value="756">Switzerland</option><option value="792">Turkey</option><option value="796">Turks and Caicos Islands</option><option value="784">United Arab Emirates</option><option value="840">United States</option><option value="92">Virgin Islands (British)</option></select>');
	document.write('<label for="clo_international_min_price">Price (Min)</label><select name="minPrice" id="clo_international_min_price" class="clo_select"><option value="0"></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="550000"> &pound;550,000</option><option value="600000"> &pound;600,000</option><option value="650000"> &pound;650,000</option><option value="700000"> &pound;700,000</option><option value="750000"> &pound;750,000</option><option value="800000"> &pound;800,000</option><option value="850000"> &pound;850,000</option><option value="900000"> &pound;900,000</option><option value="950000"> &pound;950,000</option><option value="1000000"> &pound;1,000,000</option><option value="1500000"> &pound;1,500,000</option><option value="2000000"> &pound;2,000,000</option><option value="2500000"> &pound;2,500,000</option><option value="3000000"> &pound;3,000,000</option><option value="3500000"> &pound;3,500,000</option><option value="4000000"> &pound;4,000,000</option><option value="4500000"> &pound;4,500,000</option><option value="5000000"> &pound;5,000,000</option><option value="5500000"> &pound;5,500,000</option><option value="6000000"> &pound;6,000,000</option><option value="6500000"> &pound;6,500,000</option><option value="7000000"> &pound;7,000,000</option><option value="7500000"> &pound;7,500,000</option><option value="8000000"> &pound;8,000,000</option><option value="8500000"> &pound;8,500,000</option><option value="9000000"> &pound;9,000,000</option><option value="9500000"> &pound;9,500,000</option><option value="10000000"> &pound;10,000,000</option><option value="10500000"> &pound;10,500,000</option><option value="11000000"> &pound;11,000,000</option><option value="11500000"> &pound;11,500,000</option><option value="12000000"> &pound;12,000,000</option><option value="15000000"> &pound;15,000,000+</option></select>');
	document.write('<label for="clo_international_max_price">Price (Max)</label><select name="maxPrice" id="clo_international_max_price" class="clo_select"><option value="0"></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="550000"> &pound;550,000</option><option value="600000"> &pound;600,000</option><option value="650000"> &pound;650,000</option><option value="700000"> &pound;700,000</option><option value="750000"> &pound;750,000</option><option value="800000"> &pound;800,000</option><option value="850000"> &pound;850,000</option><option value="900000"> &pound;900,000</option><option value="950000"> &pound;950,000</option><option value="1000000"> &pound;1,000,000</option><option value="1500000"> &pound;1,500,000</option><option value="2000000"> &pound;2,000,000</option><option value="2500000"> &pound;2,500,000</option><option value="3000000"> &pound;3,000,000</option><option value="3500000"> &pound;3,500,000</option><option value="4000000"> &pound;4,000,000</option><option value="4500000"> &pound;4,500,000</option><option value="5000000"> &pound;5,000,000</option><option value="5500000"> &pound;5,500,000</option><option value="6000000"> &pound;6,000,000</option><option value="6500000"> &pound;6,500,000</option><option value="7000000"> &pound;7,000,000</option><option value="7500000"> &pound;7,500,000</option><option value="8000000"> &pound;8,000,000</option><option value="8500000"> &pound;8,500,000</option><option value="9000000"> &pound;9,000,000</option><option value="9500000"> &pound;9,500,000</option><option value="10000000"> &pound;10,000,000</option><option value="10500000"> &pound;10,500,000</option><option value="11000000"> &pound;11,000,000</option><option value="11500000"> &pound;11,500,000</option><option value="12000000"> &pound;12,000,000</option><option value="15000000"> &pound;15,000,000+</option></select>');

	document.write('<div class="clo_search_button"><a href="http://www.countrylife.co.uk/property/search?type=international&mode=advanced&new=y">Advanced Search</a>');
	document.write('<input type="hidden" name="search" value="y" />');
	document.write('<input type="submit" value="Search" />');
	document.write('</div>');

	document.write('</div>');
	document.write('</form>');
	document.write('</div>');

  	// Lettings
 
	document.write('<div id="clo_tab_lettings" class="clo_tab">');
	document.write('<form action="http://www.countrylife.co.uk/property/search" method="get">');
	document.write('<input type="hidden" name="type" value="lettings" />');
	document.write('<input type="hidden" name="mode" value="simple" />');
	document.write('<input type="hidden" name="orderby" value="pricedesc" />');
	document.write('<input type="hidden" name="bedroomsTo" value="" />');	
	document.write('<input type="hidden" name="propertyTypeHouse" value="y" />');
	document.write('<input type="hidden" name="propertyTypeApartment" value="y" />');
	document.write('<div>');
	document.write('<label for="clo_location_lettings">Location</label>');
	document.write('<input type="text" class="clo_text" name="location" id="clo_location_lettings" value="e.g. SW19, NW3, London" onfocus="if(!this.cleared){this.value=\'\';this.cleared=true;}" />');
	document.write('<label for="clo_lettings_min_price">Price (Min) &pound;</label>');
	document.write('<input type="text" name="minPrice" id="clo_lettings_min_price" class="clo_text" />');
	document.write('<label for="clo_lettings_max_price">Price (Max) &pound;</label>');
	document.write('<input type="text" name="maxPrice" id="clo_lettings_max_price" class="clo_text" />');
	document.write('<div class="clo_rental_period">');
	document.write('<label>Weekly</label><input type="radio" name="rentalPeriod" value="weekly" checked="checked" />&nbsp;');
	document.write('<label>Monthly</label><input type="radio" name="rentalPeriod" value="monthly" />');
	document.write('</div>');
	document.write('<label for="clo_bedrooms_from_lettings">Bedrooms (Min)</label>');
	document.write('<input type="text" class="clo_text clo_short" name="bedroomsFrom" id="clo_bedrooms_from_lettings" />');

	document.write('<div class="clo_search_button"><a href="http://www.countrylife.co.uk/property/search?type=lettings&mode=advanced&new=y">Advanced Search</a>');
	document.write('<input type="hidden" name="search" value="y" />');
	document.write('<input type="hidden" name="radius" value="0" />');
	document.write('<input type="submit" value="Search" />');
	document.write('</div>');

	document.write('</div>');
	document.write('</form>');
	document.write('</div>');
	
	document.write('<div class="clo_powered"><img src="http://www.countrylife.co.uk/images/clo_logo_blue_180.jpg" /></div>');
	
	document.write('</div>');
}

function CLO_SelectTab(tabHandle, contentId)
{
	var currentContentEl = document.getElementById(clo_currentId);
	var contentEl = document.getElementById(contentId);
	
	currentContentEl.className = "clo_tab";
	contentEl.className = "clo_tab clo_active";
	
	tabHandle.className = "clo_active";
	
	var tablist = document.getElementById("clo_tablist");
	for(var x = 0; tablist.childNodes[x]; x++) {
		if(tablist.childNodes[x] != tabHandle) {
			tablist.childNodes[x].className = "";
		}
	}

	clo_currentId = contentId;
}
