var all;
var params = "";

var name= "sortorder";
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( this.location.href );
if( results == null )
    sortOrder =  "asc";
else
    sortOrder =  results[1];


var name= "sort";
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( this.location.href );
if( results == null )
    var sort = null;
else
    sort = results[1];
//var customSortArgs = array('rating');

function pausecomp(millis){
    var date = new Date();
    var curDate = null;

    do {
	curDate = new Date();
    }
    while(curDate-date < millis);
} 

function displayFullPanel(element) {
    $(".rollover").removeClass('visible');
    $(element).prev().fadeIn(775);
    $(element).prev().addClass('visible');
}

$(document).ready(function() { 
    $("[id^=approved-hotel]").each(function(index) {
	$(this).mouseover(function() {
	    $("#approved-hotel-pop").fadeIn(200);
	})
	.mouseout(function(){
	    $("#approved-hotel-pop").fadeOut(200);
	});
    });
	
    $(".rollover").hover(function(e) {
	},
	function(e) {
	    $(".rollover").fadeOut(100);
	    $(".rollover").removeClass('visible');
	}
	);
    $(".mini").hover(function(e) {
	displayFullPanel(this);
    });	
});
function getnewdata() {
    var loc = location.href ;
    var subdomain = new Array() ;
    subdomain = loc.split("?") ;
    subdomain = subdomain[0].split("hotels.php") ;
    this.location = "/hotels.php?" + params;
}

// little helper function that sets things going.
function refilter(sortBy,takeFilter,star) {
    f = document.mainsearch;
    readfilters(sortBy,takeFilter,star);
    //if we don't have hid don't get new data as we're going straight to the hotel page
    if(f.hotelId.value==''){
	getnewdata();
    }
    return false;
}

// redraws the hotel info to the page
function redraw_hotels() {
    title = ranges.join(', ');
    titleTemp = title;
    lastCommaPos = title.lastIndexOf(',');
    
    if(lastCommaPos!=-1) {
	titleTemp = title.substr(0,lastCommaPos);
	titleTemp += ' and ' + title.substr(lastCommaPos+2);
    }
    title = titleTemp + ' Hotels In London';
    $('h1').html(title);    
    h = "";

    if($("search > mode", all).text() == "list") {
	h += "\n<tr>";
	h += "<th class=\"listtopleft\">Hotel Name</th>";
	h += "<th>Area</th>";
	if($("search > location_id", all).text() != 0) {
	    h += "<th>Distance</th>";
	}
	h += "<th>Star Rating</th>";
	h += "<th>Guest Rating</th>";
	h += "<th>Total Price</th>";
	h += "<th class=\"listtopright\"></th>";
	h += "</tr>";
		
	$("search > hotels > hotel", all).each(function() {
	    h += drawhotellist(this);
	});	
	h += "\n<tr><td colspan=\"" + (($("search > location_id", all).text() != 0) ? 5: 4) + "\" class=\"listbottom\"></td></tr>";
	$("#list").html(h);
    } else {
	$("search > hotels > hotel", all).each(function() {
	    h += drawhotelfull(this);
	});
	$("#list").html(h);
    }
}

// redraws all the other little bits that change, text displays, page number selectors and so on
function redraw_controls() {

    // update various little bits of reporting text.
    $("#hotels_count_all").html(($("search > unfiltered_hotel_count", all).text() == "1") ? "is <b>1</b> hotel" : "are <b>" + $("search > unfiltered_hotel_count", all).text() + "</b> hotels");
    $("#arriving_disp").html($("search > arriving", all).text());
    $("#departing_disp").html($("search > departing", all).text());
    $("#nights_disp").html("<b>" + $("search > nights", all).text() + "</b> night" + (($("search > nights", all).text() > 1) ? "s" : ""));
    $("#hotels_count_startrow").html(parseInt($("search > startrow", all).text()) + 1);
    $("#hotels_count_endrow").html(parseInt($("search > endrow", all).text()) + 1);
    $("#hotels_count_showing").html($("search > filtered_hotel_count", all).text());
     $("#hotels_count_search").html('London');
	
    // hide/show the things depending on whether they have any hotels there.
    if($("search > hotel_count", all).text() == "0") {
	$("#hotels_count_displaying").hide();
	$("#hotels_sorting").hide();
	$("#hotels_count_none").show();
    }
    else {
	$("#hotels_count_displaying").show();
	$("#hotels_sorting").show();
	$("#hotels_count_none").hide();
    }
	
    if($("search > pages", all).text() > 1) {
	h = '<div class="top"></div>';
	h += '<div class="mid">';
	h += "<b>Page:</b>";
	for(i=1;i<=$("search > pages", all).text();i++) {
	    if(i == $("search > page", all).text()) {
		h += "<i>" + i + "</i>";
	    }
	    else {
		h += "<a href=\"javascript:viewpage(" + i + ")\">" + i + "</a>";
	    }
	}
	h += '</div>';
	$("#hotels_pages").html(h);
	$("#hotels_pages").show();
    }
    else {
	$("#hotels_pages").hide();
    }
	
}

// draws out the little location info block at the bottom of the page.
function redraw_location() {

    if($("search > location_id", all).text() != "0") {
	
	h = "<h3><a href='" + $("location > url", all).text() + "' title='" + $("location > title", all).text() + "'>" + $("location > title", all).text() + "</a></h3>";
	h += $("location > description", all).text();
	$("#location_info").html(h);
	$("#location_info").show();
    }
    else {
	$("#location_info").hide();
    }
}

// returns the html for a given hotel index.
function drawhotelfull(x) {

    var h = "";
    
    //Begin hotel
    h += '\n<div class="result">';
    
    //Begin top section
    h += '\n<div class="top">';
	
    //Begin info section, contains name, address and stars(need adding)
    h += '\n<div class="info">';
	
    //Title
    h += '<div class="name"><a href="' + $("url", x).text() + '">' + $("title", x).text() + '</a></div>';
	
    //stars
    h += '<div class="star" style=" width:100px;" ><h1 class="s' + $("stars", x).text() + '">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h1></div> ';
    
    //Address
    h += '<div class="addr">' + $("address", x).text() + ' <a href="javascript:showmap(\'map_' + $("hotel_id", x).text() + "', '" + $("latitude", x).text() + "', '" + $("longitude", x).text() + '\')" id="map_' + $("hotel_id", x).text() + '_link">Show on Map</a></div>';
 
    //End info and top section
    h += '</div>';
	
	
    //Facilities
    h += '\<div class="fac-list">';
    h += '\<div class="fac-title">Facilites</div>';
    
    //Facilities list
    h += '\n<ul>';
    $("features > feature", x).each(function() {
	h += '\n<li>' + $(this).text() + '</li>';
    });
    h += '\n</ul>';

    //End the facilities list
    h += '\n<div class="cl"></div></div>';

    //Hotel image
    h += '<div class="img"><a href="' + $("url", x).text() + '"><img src="' + $("image", x).text() + '" title="' + $("title", x).text() + '" height="100" width="100" alt="" /></a></div>';

    //Guest Rating
    var ratingsg = $("comments_average", x).text();
    h += '<div class="rate"><span>Guest Rating</span> <img src="images/' + Math.floor(ratingsg / 20) + '-5.gif" alt="" width="74" height="11" />'; 
    h += '<a href="' + $("comments_url", x).text() + '">' + $("comments_count", x).text() + ' review';
    if($("comments_count", x).text() != 1){
	h += 's';
    }
	
	
    h += '</a></div>';

    //End top
    h += '</div>';

    //Hotel map
    h += "\n<div id=\"map_" + $("hotel_id", x).text() + "\" class=\"hotels_map\" style=\"display:none\"><div id=\"map_" + $("hotel_id", x).text() + "_inner\" class=\"map\"></div></div>";
	
    //Start mid section
    h += '\n<div class="mid">';
	
    //Start room type
    h += '\n<div class="type"><p>';
	
    //Room title
    h += '\n<b>'+ $("room", x).text() +'</b>';
    h += '\n<br /><a href="' + $("url", x).text() + '">More room types</a>';
	
    //End room type
    h += '\n</p></div>';
	
    //Rates
    first = 1;
    h += '\n<div class="ratesContainer">';
    $("rates > rate", x).each(function() {
	h += '\n<div class="' + (($("relevant", this).text() == "true") ? "rr" : "pr") + ((first == 1) ? " first" : "") + '"><span>' + $("date", this).text() + '</span><b>' + $("price", this).text() + '</b></div>';
	first=0;
    });
    h += '\n</div>';
	
    if($("total", x).text() != "&pound;0.00"){
	h += '\n<div class="total"><span>Total price inc taxes</span><b>' + $("total", x).text() + '</b></div>';
    }else{
	h += '\n<div class="total"><span>Total price inc taxes</span><b>On Request</b></div>';
    }
    //End mid section
    h += '\n</div>';
	
    //Bottom section
    h += '<div class="bot"><a class="btn" href="' + $("url", x).text() + '"></a></div>';
    
    //End result    
    h += '</div>';

    return h;
}

// same as above, but for while in list mode.
function drawhotellist(x) {

    var h = "";
	
    h += "\t<tr class=\"listrow\">";
    h += "<td class=\"listrow_left\"><b><a href=\"" + $("url", x).text() + "\">" + $("title", x).text() + "</a></b>" + $("address", x).text() + "</td>";
	
    //Area
    h += '<td>'+$('area', x).text()+'</td>';
	
    if($("search > location_id", all).text() != 0) {
	h += "<td>" + $("hotelDistance", x).text() + " Mi.</td>";
    }
	
    h += "<td>" + Math.floor($("stars", x).text()) + "<img src=\"images/star.gif\" alt=\"star\" width=\"14\" height=\"12\" border=\"0\" /></td>";
    var ratingsg = $("comments_average", x).text();
	
    h += "<td><img src='images/" + Math.floor(ratingsg / 20) + "-5.gif' alt='' width='74' height='11' /><br /><a href=\"" + $("comments_url", x).text() + "\">" + $("comments_count", x).text() + " reviews</a></td>";
	
    if($("total", x).text() != "&pound;0.00"){
	h += "<td ><b>" + $("total", x).text() + "</b></td>";
    }else{
	h += "<td ><b>On Request</b></td>";
    }
    h +=  "<td class=\"listrow_right\"><a href=\"" +$("url", x).text() + "\"><img src=\"../images/buttons/btn-book.png\"></a></td>";
    h += "</tr>";
	
    return h;
}

// reads the form and updates what params we'll be handing to the xml thingy.
function readfilters(sortBy,takeFilter,position) {

    var f = document.filtering;

    var f2 = document.mainsearch;
    var f3 = document.newFilters;

    var stars = new Array();
    var ranges = new Array();
    var features = new Array();
    var minprice = 0;
    var maxprice = 0;
    var attraction_id = 0;
    var tube_id = 0;
    var train_id = 0;
    var mode = "full";
	var search = f2.searchNew.value;
    var arriving = f2.arriving.value;
    var adults = f2.occupancyAdults.value;
    var children = f2.occupancyChildren.value;
	
    var nights = f2.nights.options[f2.nights.selectedIndex].value;

    if(f.hotelId.value!=''){
	var url = document.location.href;
	var isDev = url.indexOf('dev',url);
	if( isDev == -1 ){
	    url = "http://www.hotels-london.co.uk/" + f.hotelName.value.replace(/ /g, "-") + ".hotel" ;
	}else{
	    url = "http://dev.hotels-london.co.uk/" + f.hotelName.value.replace(/ /g, "-") + ".hotel" ;
	}
	
	if(arriving){
	url= url + "?arriving=" + arriving;
	}
	if(nights && nights != 1){
		if(!arriving){
		url= url + "?";
		}else{
		url= url + "&";
		}
		
		url = url + "nights=" + nights;
	}
	
	url = url.toLowerCase() ;
	self.location = url;
	return ;
	
    }
    //Check whether we're sorting and set
    if(sortBy) {
	sortArr = sortBy.split("_");
	//If we're sorting again by the same param, flip the sort order
	if(sortArr[1]==sort) {
	    if(sortOrder == 'asc') {
		sortOrder = 'desc'
	    } else {
		sortOrder = 'asc'
	    }
	} else if (sortArr[1]=="rating" || sortArr[1]=="stars") {
	    sortOrder = 'desc';
	}else{
	    sortOrder = 'asc';
	}
	sort = sortArr[1];
    }
  
    for(i=0;i<f.elements.length;i++) {
	if((f.elements[i].name == "stars") && f.elements[i].checked) {
	    stars.push(f.elements[i].value);		
	}
	else if((f.elements[i].name == "ranges") && f.elements[i].checked) {
	    ranges.push(f.elements[i].value);
	}
	else if((f.elements[i].name == "features") && f.elements[i].checked) {
	    features.push(f.elements[i].value);
	}
	else if(f.elements[i].name == "minprice") {
	    minprice = f.elements[i].value;
	}
	else if(f.elements[i].name == "maxprice") {
	    maxprice = f.elements[i].value;
	}
	else if((f.nearest_active.value == "attraction") && (f.elements[i].name == "attraction_id")) {
	    attraction_id = f.elements[i].options[f.elements[i].selectedIndex].value;
	}
	else if((f.nearest_active.value == "tube") && (f.elements[i].name == "tube_id")) {
	    tube_id = f.elements[i].options[f.elements[i].selectedIndex].value;
	}
	else if((f.nearest_active.value == "train") && (f.elements[i].name == "train_id")) {
	    train_id = f.elements[i].options[f.elements[i].selectedIndex].value;
	}
	else if(f.elements[i].name == "mode") {
	    mode = f.elements[i].value;
	}
    }
	
    if(takeFilter == 'star'){
	for (var i in stars) {
	    if (position == stars[i]) {
		stars.splice(i, 1);
		break;
	    }
	}
    }
    if(takeFilter == 'range'){
	ranges.splice(ranges.indexOf(position),1);
    }
    if(takeFilter == 'maxprice'){
	maxprice = 0;
    }
    if(takeFilter == 'minprice'){
	minprice = 0;
    }
    params = "arriving=" + escape(arriving);
    if(nights != 1){
	params += "&nights=" + escape(nights);
    }
    if(stars.join() != ""){
	params += "&stars=" + escape(stars.join());
    }
    if(ranges.join() != ""){
	params += "&ranges=" + escape(ranges.join());
    }
    if(features.join() != ""){
	params += "&features=" + escape(features.join());
    }
    if(minprice != 0){
	params += "&minprice=" + escape(minprice);
    }
    if(maxprice != 700){
	params += "&maxprice=" + escape(maxprice);
    }
    if(adults != 1){
	params += "&adults=" + adults;
    }
    if(children != 0){
	params += "&children=" + children;
    }
	
    if(sort != null){
	params += "&sort=" + escape(sort);
	params += "&sortorder=" + escape(sortOrder);
    }

    params += "&currency=" +  $('select[name=currency]').val();
    params += "&mode=" + escape(mode);
    params += "&search=" + escape(search.toLowerCase());

    //Set the arriving / nights cookies to be passed to the hotel details page
   // setCookie('c_arriving',arriving);
    //setCookie('c_nights',nights);
    
}

// toggles the display of one of our menus with fancy sliding effects
function togglediv(whichform) {
    whichform = "#" + whichform;
    titlediv = whichform + "_title";
    if($(whichform).css("display") == "none") {
	$(whichform).toggle("blind", {
	    direction : "vertical"
	}, 200);
	$(titlediv).html($(titlediv).html().replace(/arrow_right/, "arrow_down"));
    }
    else {
	$(whichform).toggle("blind", {
	    direction : "vertical"
	}, 200);
	$(titlediv).html($(titlediv).html().replace(/arrow_down/, "arrow_right"));
    }
}

// similar to the above but for the overflow bitties
function toggleoverflow(d) {
    if($(d).css("display") == "none") {
	$(d).toggle("blind", {
	    direction : "vertical"
	}, 200);
	$(d + "_toggle").html("Less...");
    }
    else {
	$(d).toggle("blind", {
	    direction : "vertical"
	}, 200);
	$(d + "_toggle").html("More...");
    }
}


function CTIsPlayback() {
    try {
	return parent && parent.WebPlayer;
    }
    catch(e) {
	return false;
    }
}

var map;
function showmap(div, lat, lon) {

    // write the map to the div bitty
    if(($('#' + div + '_inner').html()=='') && GBrowserIsCompatible()  && !CTIsPlayback()) {
	var map = new GMap2(document.getElementById(div + "_inner"));
	if (parseInt($("#"+div).css("height")) < 400) {
	    map.addControl(new GSmallMapControl());
	} else {
	    map.addControl(new GLargeMapControl());
	}
	map.addControl(new GMapTypeControl());
	var hotel_pt = new GLatLng(lat, lon);
	map.setCenter(hotel_pt, 16);
	var marker = new GMarker(hotel_pt);
	map.addOverlay(marker);
    }
	
    // slide it into view
    if($("#" + div).css("display") == "none") {
	$("#" + div).toggle("blind", {
	    direction : "vertical"
	}, 200);
    }
    // google maps is a little funny about elements being resized so you have to check it after the slide and recentre it
    if(GBrowserIsCompatible()  && !CTIsPlayback() ) {
	setTimeout(function() {
	    map.checkResize();
	    map.setCenter(hotel_pt, 16);
	}, 210);
    }
	
    // rewrite the show/hide map thing
    linkdiv = div + "_link";
    $("#" + linkdiv).html("Hide Map");
    $("#" + linkdiv).attr("href", "javascript:hidemap('" + div + "', '" + lat + "', '" + lon + "')");
}

// hides the map of a selected hotel...
function hidemap(div, lat, lon) {
    // slide it out of view
    if($("#" + div).css("display") != "none") {
	$("#" + div).toggle("blind", {
	    direction : "vertical"
	}, 200);
    }
    // rewrite the show/hide map thing
    linkdiv = div + "_link";
    $("#" + linkdiv).html("View On A Map");
    $("#" + linkdiv).attr("href", "javascript:showmap('" + div + "', '" + lat + "', '" + lon + "')");
}
// views page N of available hotels
function viewpage(n) {
    readfilters();
    params += "&page=" + n;
    getnewdata();
}

// switches us to a different display mode.
function remode(m) {
    f = document.filtering;
    if(m != f.mode.value) {
	f.mode.value = m;
	refilter();
    }
}
// pipes as many of the search variables over to the map page as we can.
function searchonmap() {
    f2 = document.mainsearch;
    f = document.filtering;
    u = "&arriving=" + escape(f2.arriving.value);
	
    if(f2.nights.options[f2.nights.selectedIndex].value != "1") {
	u += "&nights=" + f2.nights.options[f2.nights.selectedIndex].value;
    }
    if(f2.searchNew.value != "") {
	u += "&search=" + escape(f2.searchNew.value);
    }
    if(f.minprice.value != $("#price_slider").slider("option", "min")) {
	u += "&minprice=" + f.minprice.value;
    }
    if(f.maxprice.value != $("#price_slider").slider("option", "max")) {
	u += "&maxprice=" + f.maxprice.value;
    }
    stars = [];
    ranges = [];
    features = [];
    for(i=0;i<f.elements.length;i++) {
	if((f.elements[i].name == "stars") && f.elements[i].checked) {
	    stars.push(f.elements[i].value);
	}
	else if((f.elements[i].name == "ranges") && f.elements[i].checked) {
	    ranges.push(escape(f.elements[i].value));
	}
	else if((f.elements[i].name == "features") && f.elements[i].checked) {
	    features.push(escape(f.elements[i].value));
	}
    }
    if(stars.length > 0) {
	u += "&stars=" + stars.join();
    }
    if(ranges.length > 0) {
	u += "&ranges=" + ranges.join();
    }
    if(features.length > 0) {
	u += "&features=" + features.join();
    }
    if(u != "") {
	u = u.replace(/^&/, "?");
    }
    u = "/map.php" + u;
    self.location = u;
    return false;
}
// because of their... questionable... stuff dealing with attractions and the displaying thereof, we need separate functions for when they try to refilter by attractions/etc.
function refilter_nearest(section) {
    f = document.forms.filtering;
	
    //Clear the search field.
    document.forms.mainsearch.search.value = "";
	
    //Set the nearest active thingy to our section and reset the other 2 dropdowns to blank to show they aren't being filtered on
    f.nearest_active.value = section;

    // now just yer basic refiltering.
    refilter();
}
// once we've got new data we have to update a bunch of the form fields with our data.
function repopulateform() {
    f = document.forms.filtering;
    f.nearest_active.value = $("search > nearest_active", all).text();
    f.location_id.value = $("search > location_id", all).text();
}
// displays the loading overlay
function loading_show() {
    $("#loading_overlay").show();
}

// hides the loading overlay
function loading_hide() {
    $("#loading_overlay").hide();
}

$(function(){
    $(".enquiry [name=when]:input").focus(function(){
	if (!$(this).data("firstFocus")) {
	    $(this).data("firstFocus", $(this).val());
	    $(this).val("");
	}
    }).blur(function(){
	$(this).val() || $(this).val($(this).data("firstFocus"));
    });
});