$(function() {
	$("#slider").slider({
		range: "min",
		value:50,
		min: 50,
		max: 3000,
		step: 100,
    start: function(e,ui){
    	sliderSearchbox();
    },
    stop: function(e,ui){
      slidersearchresults();
    },
		slide: function(event, ui) {
			$("#amount").val('USD $' + ui.value);
      slidersearchresults();
		}
	});
	
	$("#amount").val('USD $' + $("#slider").slider("value"));
				
	$("#slider2").slider({
		range: "min",
		value:5,
		min: 5,
		max: 400,
		step: 10,
    start: function(e,ui){
    	sliderSearchbox();
    },
    stop: function(e,ui){    		  
			slidersearchresults();
    },
		slide: function(event, ui) {
			$("#distanceapt").val(ui.value + "km");
		}
	});
	
	$("#distanceapt").val($("#slider2").slider("value") + "km");

	$("#slider3").slider({
		range: "min",
		value:30,
		min: 30,
		max: 600,
		step: 30,
    start: function(e,ui){
    	sliderSearchbox();
    },
    stop: function(e,ui){
	  	slidersearchresults();
    },
		slide: function(event, ui) {
			$("#norooms").val(ui.value);
		}
	});
		
	$("#norooms").val($("#slider3").slider("value"));
                                
   //suggest form
   $('#formsuggests').submit(function() {
   	var formelements = $(this).serialize();
    //alert(formelements);
    $.ajax({
    	type: "POST",
      url: "/json/sg",
      data: formelements,
      success: function(msg){
      	$('#pane2').html(msg);
        $('#pane2').jScrollPane({animateTo:true, animateInterval:50, animateStep:5});
       }
     });
     return false;
	});        
});

function showsuggest(){
$('#suggestbox').show();
$("#suggestbox").dropShadow({left: 3, top: 3, blur: 2, opacity: 0.9});

$('#pane2').jScrollPane({animateTo:true, animateInterval:50, animateStep:5});
$('a.scroll-to-page').bind(
	'click',
	function()
		{
			$this = $(this);
			var destinationSelector = $(this).attr('rel');
			$('.scroll-pane', $this.parent().parent().parent()).each(
				function()
					{
						this.scrollTo(destinationSelector);
					}
				);
				return false;
			}
		);        
	}

function sliderSearchbox(){
    
	var isVisible = $('#slidersearchbox').is(':visible');
	var isHidden = $('#slidersearchbox').is(':hidden');

	if(isVisible == false) {
		$('#slidersearchbox').show();
		$("#slidersearchbox").dropShadow({left: 3, top: 3, blur: 2, opacity: 0.9});   
		$('#pane3').jScrollPane({animateTo:true, animateInterval:50, animateStep:5});

		$('a.scroll-to-page').bind(
			'click',
			function()
			{
				$this = $(this);
				var destinationSelector = $(this).attr('rel');
				$('.scroll-pane', $this.parent().parent().parent()).each(
					function()
					{
						this.scrollTo(destinationSelector);
					}
				);
				return false;
			}
		);
	} 
	else {
		}      
	}

function slidersearchresults(){
var budget = $('#slider').slider("value");
var distance = $('#slider2').slider("value");
var rooms = $('#slider3').slider("value");

var param = "budget=" + budget + "&distance=" + distance + "&rooms=" + rooms; 
	$.ajax({
		type: "POST",
		url: "/json/ps",
		data: param,
		success: function(msg){                   
			$('#pane3').html(msg);
			$('#pane3').jScrollPane({animateTo:true, animateInterval:50, animateStep:5});
		}
	});    
}

$(document).ready(function() {
	$(function() {
		$('#thumbnails a').lightBox();
	});
	$('#weather').load('/json/weather');
});