var browser = navigator.appName;
var version = navigator.appVersion;
var ieversion = 0;

if ( browser== "Microsoft Internet Explorer" ) {
	ieversion = version.substring(22,23);
}


	
	// ====================== //
    //     BUILD CALENDAR     //
    // ====================== //
	function do_buildDatePicker_cb(source) {
		// coming back from php: show the contents
		document.getElementById('calendarMonth').innerHTML = source;
		highlightDates();
	}
	
	function do_buildDatePicker(month, year) {
		x_buildDatePicker(month, year, do_buildDatePicker_cb);
	}

	// ====================== //
    //    DISPLAY CALENDAR    //
    // ====================== //
	function pickerDisplay(id, which) {
		var odj = document.getElementById(id);
		odj.style.display = which;
		if (browser == "Microsoft Internet Explorer" && ieversion == 6) {
			odj.className = "datePickerAreaIE6"; // IE6
		}
	}
	
	
	var clickCount = 0;
	
	function secondClick() {
		clickCount = clickCount+1;
		noteObj = document.getElementById('calendarNote');
		
		if (clickCount == 1) {
			noteObj.innerHTML = 'select a departure date';
		}
		
		if (clickCount == 2) {
			$(document).ready(function(event){ 
				$('#datePicker').hide();
				$toggle_date = false;
				clickCount = 0;
				noteObj.innerHTML = 'select a new start date';
			}); 
		}
	}
    
    
    $(document).ready(function(event){ 
		
		var $adjustTop = 150;
		var $adjustLeft = 105;
		
		$('#picker_1').click(function(e){ 
			var top = e.pageY - $adjustTop;
			var left = e.pageX - $adjustLeft;
			var cssObj = {
				'top' : top + 'px',
				'left' : left + 'px'
			}
			$('#datePicker').css(cssObj);
		});
		
		$('#picker_2').click(function(e){ 
			var top = e.pageY - $adjustTop;
			var left = e.pageX - $adjustLeft;
			var cssObj = {
				'top' : top + 'px',
				'left' : left + 'px'
			}
			$('#datePicker').css(cssObj);
		});
		
		$('#selection-start').click(function(e){ 
			var top = e.pageY - $adjustTop;
			var left = e.pageX - $adjustLeft;
			var cssObj = {
				'top' : top + 'px',
				'left' : left + 'px'
			}
			$('#datePicker').css(cssObj);
		});
		
		$('#selection-end').click(function(e){ 
			var top = e.pageY - $adjustTop;
			var left = e.pageX - $adjustLeft;
			var cssObj = {
				'top' : top + 'px',
				'left' : left + 'px'
			}
			$('#datePicker').css(cssObj);
		});
		
		
		$('#datePicker').mouseleave(function(event){ 
				$('#datePicker').hide();
				$toggle_date = false;
				highlightDates();
		}); 
	});