var loadMessage = '<h2 class="country-header">Finding the Hotels for you...</h2>';
var headerVisible = true;
var FF; if (navigator.userAgent.indexOf("Firefox")!=-1){FF=true;}
function get_state(country,type)
{
	new Ajax.Request('get-state.php',
	  {
		method:'get',
		parameters: {country: country, type:type},
		onSuccess: function(transport){
		  var response = transport.responseText || '<div id="search-result">No content for this category</div>';
		  $('state').innerHTML = response;
		  $('city').innerHTML = '<select name="city" disabled><option value="">City/Area</option></select>';
		},
		onFailure: function(){$('state').innerHTML = '<h2>Error connecting to server</h2>';}
	  });
}
function get_city(state,country,type)
{
	new Ajax.Request('get-city.php',
	  {
		method:'get',
		parameters: {country: country,state: state, type:type},
		onSuccess: function(transport){
		  var response = transport.responseText || "No content for this category";
		  $('city').innerHTML = response;
		  
		},
		onFailure: function(){$('city').innerHTML = '<h2>Error connecting to server</h2>';}
	  });
}
function get_content(country,state,city,attraction)
{
	new Ajax.Request('get-content.php',
	{
		method:'get',
		parameters: {country:country, state: state, city:city,attraction:attraction},
		onSuccess: function(transport){
		  var response = transport.responseText || "No content for this category";
	 	 	$('content').innerHTML = response;
			$('header-two').style.backgroundImage ='url(assets/beach.jpg)';
			$('copy').style.color ='#000000';
		},
		onFailure: function(){$('result').innerHTML = '<h2>Error connecting to server</h2>';}
	});	
}
function get_amenities(id)
{
	new Ajax.Request('get-amenities.php',
	{
		method:'get',
		parameters: {id:id},
		onSuccess: function(transport){
		  var response = transport.responseText || "No content for this category";
	 	 	$('pop-up').innerHTML = response;
			$('pop-up').style.display = 'block';
		},
		onFailure: function(){$('result').innerHTML = '<h2>Error connecting to server</h2>';}
	});	
}
function get_attraction(attraction)
{
	new Ajax.Request('get-attractions.php',
	{
		method:'get',
		parameters: {attraction:attraction},
		onSuccess: function(transport){
		  var response = transport.responseText || "No content for this category";
	 	 	$('content').innerHTML = response;
			$('header-two').style.backgroundImage ='url(assets/'+attraction+'.jpg)';
			
			if(attraction=='theatres')
			{
				$('copy').style.color ='#ffffff';	
			}
			else {
				$('copy').style.color ='#000000';	
			}
		},
		onFailure: function(){$('result').innerHTML = '<h2>Error connecting to server</h2>';}
	});	
}
function open_close(property,learnmore,desc,closebtn)
{
	if($(desc).style.display=='none')
	{
		$(property).style.backgroundColor ='#f6f6f6';
		$(learnmore).innerHTML ='';
		$(closebtn).innerHTML ='<a href="#" onClick="open_close(\''+property+'\',\''+learnmore+'\',\''+desc+'\',\''+closebtn+'\');"><u>CLOSE</u></a>';
		$(desc).style.display='block';
	}
	else if($(desc).style.display=='block')
	{
		$(property).style.backgroundColor ='#ffffff';
		$(learnmore).innerHTML ='<a href="#" onClick="open_close(\''+property+'\',\''+learnmore+'\',\''+desc+'\',\''+closebtn+'\');">Learn more</a> about our attractions';
		$(desc).style.display='none';
		$(closebtn).innerHTML ='';
	}
}