function requestnew(sessie) {

   $.get("results.php?ajax=1&new=1&sessie="+sessie, function(data){
                $("#searchresults").html(data);
                $(".stripe tbody tr").mouseover(function(){$(this).addClass("tr_over");}).mouseout(function(){$(this).removeClass("tr_over");});
                $("a[@rel=external]").each(function(i) {this.target="_blank";});
               });

}


function request(sessie, parameters, source) {

    var target_div = "#refine_" + source;
		var tmphtml = $(target_div).html();
    $(target_div).append('<img class="sort_filter_loader" src="./img/sort_filter_loader.gif" />');

            sterren1js = "sterren1=" + document.getElementById('filter_star_1').checked;
            sterren2js = "sterren2=" + document.getElementById('filter_star_2').checked;
            sterren3js = "sterren3=" + document.getElementById('filter_star_3').checked;
            sterren4js = "sterren4=" + document.getElementById('filter_star_4').checked;
            sterren5js = "sterren5=" + document.getElementById('filter_star_5').checked;
            minprijsjs = "minprijs=" + document.getElementById('filter_min_prijs').value;
            maxprijsjs = "maxprijs=" + document.getElementById('filter_max_prijs').value;
            hotelnaamjs = "hotelnaam=" + document.getElementById('filter_name').value;
            extraparameters  = sterren1js + '&' + sterren2js + '&' + sterren3js + '&' + sterren4js + '&' + sterren5js + '&' + minprijsjs + '&' + maxprijsjs + '&' + hotelnaamjs;
            $.get("results.php?ajax=1&" + parameters + "&" + extraparameters, function(data){
                $("#searchresults").html(data);
                $(".stripe tbody tr").mouseover(function(){$(this).addClass("tr_over");}).mouseout(function(){$(this).removeClass("tr_over");});
                $("a[@rel=external]").each(function(i) {this.target="_blank";});
            });
    $(target_div).html(tmphtml);


}


function requestsingle(sessie, parameters) {

			controlejs = "controle=" + document.getElementById('controle').value;
			checkinjs = "checkin=" + document.getElementById('check_zoek_aankomst').value;
			checkoutjs = "checkout=" + document.getElementById('check_zoek_vertrek').value;
			aantalpersonenjs = "aantalpersonen=" + document.getElementById('check_zoek_personen').value;

            $("#beschikbaarheid_table").hide();
            $("#loader").show();
			$.get("resultssingle.php?sessie=" + sessie + '&' + controlejs + '&' + checkinjs + '&' + checkoutjs + '&' + aantalpersonenjs, function(data){
        $("#loader").hide();
				$("#beschikbaarheid_table").html(data).show();
                    });


}

/*
var wachten = function () {
	if(document.getElementById('searchresults')) {
			document.getElementById('searchresults').innerHTML = '<center><img id="loader" src="./img/loadbar_logos_middel.gif"></center>';
			document.getElementById('loader').src = './img/loadbar_logos_middel.gif';
	} else {
		document.getElementById('form_check').innerHTML = '<img id="loader_home" src="./img/loading_home.gif">';
		document.getElementById('loader_home').src = './img/loading_home.gif';
		document.getElementById('form_check').style.display = 'block';
	}
}
*/

	$(document).ready(function() {
			 $("a[@rel=external]").each(function(i) {this.target="_blank";});
		    $(".show_plaats_result").click( function() {
		     $('#plaats_info').hide();
		     $('#searchresults').show();
		     $('#searchresults_modify').show();
		     $('#current')[0].id = '';
		     $(this)[0].id = 'current';
		    });

		    $(".show_plaats_info").click( function() {
		      $('#searchresults').hide();
		      $('#searchresults_modify').hide();
		      $('#plaats_info').show();
		      $('#current')[0].id = '';
		      $(this)[0].id = 'current';
		    });

        $("#searchresults_modify li a").click(function(){

				$("#searchresults_modify li").removeClass('active_sort');
				$(this).parent().addClass('active_sort');
			 	 });
			    $("a[@rel=external]").each(function(i) {this.target="_blank";});
				$('#zoek_aankomst').datepicker({showOn: 'both',
												closeAtTop: false,
												buttonImage: 'img/calendar_icon.png',
												buttonImageOnly: true,
												minDate: '0d',
												mandatory: true
												});
				$('#zoek_vertrek').datepicker({showOn: 'both',
											   closeAtTop: false,
											   buttonImage: 'img/calendar_icon.png',
											   buttonImageOnly: true,
											   minDate: '1d',
											   mandatory: true
											   });

				$("#zoek_aankomst").change(function(){
										 var dateFormat = $.datepicker.regional['nl'].dateFormat;
										 var date = $('#zoek_aankomst').datepicker('getDate');
										 var nextday = new Date(date);
										 nextday.setDate(nextday.getDate() + 1);
										 var newdate = $.datepicker.formatDate(dateFormat, nextday);
									     $('#zoek_vertrek').val(newdate);
									  })


				$.validator.addMethod("checkDate", function(value) {
  													var aankomst = $("#zoek_aankomst").val();
											      	var vertrek = $("#zoek_vertrek").val();
											      	var splitaankomst = aankomst.split("-");
											      	var splitvertrek = vertrek.split("-");

											      	var newaankomst = splitaankomst[2] + splitaankomst[1] + splitaankomst[0];
											      	var newvertrek  = splitvertrek[2] + splitvertrek[1] + splitvertrek[0];

											     	return newaankomst < newvertrek;
												 ""});

				$(".stripe tbody tr").mouseover(function(){$(this).addClass("tr_over");}).mouseout(function(){$(this).removeClass("tr_over");});
                  $(".stripe tbody tr:nth-child(even)").addClass("alt");
                  $(".hotels_details thead th:last-child").addClass("th_reserveren");


				var container = $('#form_check');
				$("#zoek_form").validate({ errorContainer: container,
										   errorLabelContainer: $("ol", container),
										   wrapper: 'li',
										   meta: "validate",
										   focusInvalid: false,
										   rules: {
												plaats: {
													required:true,
													minLength:2
												},
												checkin: {
													required: true,
													checkDate: true
												},
												checkout: {
											     	required: true
											      }
											    },
											submitHandler: function(){
												// submit the form
												//window.setTimeout(wachten, 500);
												document.getElementById('zoek_form').submit();
											}
										})
		    				});

var timer;
var seconds = 0.7;

function doKeydown(sessie){
   if(timer) clearTimeout(timer);
   timer = setTimeout('request(\''+sessie+'\',\'pagina=1&sort=prijs\')', seconds*1000);
}


function initDPCheckForm() {
	$('#check_zoek_aankomst').datepicker({showOn: 'both',
									closeAtTop: false,
									buttonImage: 'img/calendar_icon.png',
									buttonImageOnly: true,
									minDate: '0d',
									mandatory: true

									});
	$('#check_zoek_vertrek').datepicker({showOn: 'both',
								   closeAtTop: false,
								   buttonImage: 'img/calendar_icon.png',
								   buttonImageOnly: true,
								   minDate: '1d',
								   mandatory: true

								   });

	$("#check_zoek_aankomst").change(function(){
							 var dateFormat = $.datepicker.regional['nl'].dateFormat;
							 var date = $('#check_zoek_aankomst').datepicker('getDate');
							 var nextday = new Date(date);
							 nextday.setDate(nextday.getDate() + 1);
							 var newdate = $.datepicker.formatDate(dateFormat, nextday);
						     $('#check_zoek_vertrek').val(newdate);
						  })

}

$(document).ready(function() {
	$("#zoek_plaats").autocomplete(
		"steden.php",
		{
			delay:10,
			minChars:2,
			matchSubset:1,
			matchContains:1,
			cacheLength:10,
			
			autoFill:true
		}
	);
	$("#hotel_naam").autocomplete(
		"hotel_naam.php",
		{
			delay:10,
			minChars:2,
			matchSubset:1,
			matchContains:1,
			cacheLength:10,
			
			autoFill:true
		}
	);	

})

// Loader scroller

// Easing equation, borrowed from jQuery easing plugin
// http://gsgd.co.uk/sandbox/jquery/easing/
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(function( $ ){
	
	var $news = $('#loader-logos');//we'll re use it a lot, so better save it to a var.
	$news.serialScroll({
		items:'div',
		duration:1000,
		force:true,
		axis:'y',
		easing:'linear',
		lazy:true,// NOTE: it's set to true, meaning you can add/remove/reorder items and the changes are taken into account.
		interval:1, // yeah! I now added auto-scrolling
		step:1 // scroll 1 news each time
	});	
});