<!--

function displaySettings (){ 
var settingshtml = document.getElementById('settingslayer2').innerHTML; 
document.getElementById('settingslayer').innerHTML = settingshtml;
var newheader = '<img src="http://www.villasintl.com/newdesign/blackhline.gif" width=100% height=1 border=0 vspace=5><a href="javascript:hideSettings();" class=underlinetext><b>HIDE MY SETTINGS</b></a> &mdash; <font color="0066CC">Narrow down the listings by sleeping capacity, # bedrooms, # bathrooms, pool, etc. Or change the order of the listings.</font><img src="http://www.villasintl.com/newdesign/blackhline.gif" width=100% height=1 border=0 vspace=5>';
document.getElementById('settingsdisplay').innerHTML = newheader;
} 

function hideSettings () {
document.getElementById('settingslayer').innerHTML = '';
var newheader = '<img src="http://www.villasintl.com/newdesign/blackhline.gif" width=100% height=1 border=0 vspace=5><a href="javascript:displaySettings();" class=underlinetext><img src="http://www.villasintl.com/images/arrow-right1.gif" hspace=5 align=absmiddle width=5 height=10 border=0><b>NARROW DOWN THE LIST</b></a> &mdash; <font color="0066CC">Use this to focus the listings displayed by number of bedrooms, number of bathrooms etc., or to change the number of listings displayed on the page.</font><img src="http://www.villasintl.com/newdesign/blackhline.gif" width=100% height=1 border=0 vspace=5></div>';
document.getElementById('settingsdisplay').innerHTML = newheader;
}

-->

