function search(page){
    jQuery("#result").html("Loading...");
    jQuery.post(jQuery("#base_url").val()+"search.php?page="+page,{bed_room:jQuery("#bed_room").val(),type:jQuery("#type").val(),location:jQuery("#location").val(),from:jQuery("#from").val(),to:jQuery("#to").val(),where:jQuery("#attribute").val(),pickup_from:jQuery("#pickup_from").val(),pickup_to:jQuery("#pickup_to").val()},function(data){
       jQuery("#result").html(data);
       jQuery("#search_box").hide();
       jQuery("#newsearch_bt").show();
       jQuery("#search_bt").hide();
       jQuery('html, body').animate({scrollTop:0}, 'slow');
    });
}

function newsearch() 
{

    jQuery("#newsearch_bt").hide();
    jQuery("#search_bt").show();
    jQuery("#search_box").show();
}
function add_search(id,check){
   if(check == false){
        var string = jQuery("#attribute").val();
        string = string.replace(id+',','');
        string = string.replace(','+id,'');
        string = string.replace(id,'');
        jQuery("#attribute").val(string);
   }
   else
       {
           var string = jQuery("#attribute").val();
           if(string == '')
               {
                   string = id;
               }
               else
                   {
                       string = string + ','+id;
                   }
                   jQuery("#attribute").val(string);
       }
}
jQuery(document).ready(function(){
    jQuery('#calendar-me').datePicker({inline:true});

});
function calendar(){

//Variables to be used later.  Place holders right now.
var padding ="";
var totalFeb ="";
var i = 1;
var testing="";

 var current = new Date();
 var month = current.getMonth();
 var day = current.getDate();
 var year = current.getFullYear();
 var tempMonth = month+1; //+1; //Used to match up the current month with the correct start date.
 var prevMonth = month -1;

 //Determing if Feb has 28 or 29 days in it.  
 if (month == 1){
	if ( (year%100!=0) && (year%4==0) || (year%400==0)){
	  totalFeb = 29;
	}else{
	  totalFeb = 28;
	}
 }

//////////////////////////////////////////
// Setting up arrays for the name of 	//
// the	months, days, and the number of	//
// days in the month.			//
//////////////////////////////////////////

 var monthNames = ["Jan","Feb","March","April","May","June","July","Aug","Sept","Oct","Nov", "Dec"];
 var dayNames = ["Sunday","Monday","Tuesday","Wednesday","Thrusday","Friday", "Saturday"];
 var totalDays = ["31", ""+totalFeb+"","31","30","31","30","31","31","30","31","30","31"]

//////////////////////////////////////////
// Temp values to get the number of days//
// in current month, and previous month.//
// Also getting the day of the week.	//
//////////////////////////////////////////

 var tempDate = new Date(tempMonth +' 1 ,'+year);
 var tempweekday= tempDate.getDay();
 var tempweekday2 = tempweekday
 var dayAmount = totalDays[month];
// var preAmount = totalDays[prevMonth] - tempweekday + 1;	
 
//////////////////////////////////////////////////
// After getting the first day of the week for	//
// the month, padding the other days for that	//
// week with the previous months days.  IE, if	//
// the first day of the week is on a Thursday,	//
// then this fills in Sun - Wed with the last	//
// months dates, counting down from the last	//
// day on Wed, until Sunday.			//
//////////////////////////////////////////////////

 while (tempweekday>0){
	padding += "<td class='premonth'></td>";
	//preAmount++;
 	tempweekday--;
 }
//////////////////////////////////////////////////
// Filling in the calendar with the current 	//
// month days in the correct location along.	//
//////////////////////////////////////////////////

 while (i <= dayAmount){

	//////////////////////////////////////////
	// Determining when to start a new row	//
	//////////////////////////////////////////

	if (tempweekday2 > 6){
		tempweekday2 = 0;
		padding += "</tr><tr>";
	}

	//////////////////////////////////////////////////////////////////////////////////////////////////
	// checking to see if i is equal to the current day, if so then we are making the color of	//
	//that cell a different color using CSS.  Also adding a rollover effect to highlight the 	//
	//day the user rolls over. This loop creates the acutal calendar that is displayed.		//
	//////////////////////////////////////////////////////////////////////////////////////////////////

	if (i == day){
		padding +="<td class='currentday'  onMouseOver='this.style.background=\"#00FF00\"; this.style.color=\"#FFFFFF\"' onMouseOut='this.style.background=\"#FFFFFF\"; this.style.color=\"#00FF00\"'>"+i+"</td>";
	}else{
		padding +="<td class='currentmonth' onMouseOver='this.style.background=\"#00FF00\"' onMouseOut='this.style.background=\"#FFFFFF\"'>"+i+"</td>";	

	}
	
	tempweekday2++;
	i++;
 }


 /////////////////////////////////////////
 // Ouptputing the calendar onto the	//
 // site.  Also, putting in the month	//
 // name and days of the week.		//
 /////////////////////////////////////////

 var calendarTable = "<table class='calendar' stlye='width:0px;'> <tr class='currentmonth'><th colspan='7'>"+monthNames[month]+" "+ year +"</th></tr>";
 calendarTable +="<tr class='weekdays'>  <td>Sun</td>  <td>Mon</td> <td>Tues</td> <td>Wed</td> <td>Thurs</td> <td>Fri</td> <td>Sat</td> </tr>";
 calendarTable += "<tr>";
 calendarTable += padding;
 calendarTable += "</tr></table>";
 document.getElementById("calendar-me").innerHTML=calendarTable;

}