// jquery_front.cfm

			$(function(){


				// Dialog 1			
				$('#dialog1').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Reserve Now": function() { 
						    $(this).click(document.location.href = "/reservations/?show=&id=1");
						}, 
						"More Details": function() { 
						    $(this).click(document.location.href = "/vehicles/#1");
						}, 									
						"Close": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link1').click(function(){
					$('#dialog1').dialog('open');
					return false;
				});

				//hover states on the static widgets
				$('#dialog_link1, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
	
				// Dialog 2			
				$('#dialog2').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Reserve Now": function() { 
						    $(this).click(document.location.href = "/reservations/?show=&id=2");
						}, 
						"More Details": function() { 
						    $(this).click(document.location.href = "/vehicles/#2");
						}, 									
						"Close": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link2').click(function(){
					$('#dialog2').dialog('open');
					return false;
				});

				//hover states on the static widgets
				$('#dialog_link2, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
	
				// Dialog 3			
				$('#dialog3').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Reserve Now": function() { 
						    $(this).click(document.location.href = "/reservations/?show=&id=3");
						}, 
						"More Details": function() { 
						    $(this).click(document.location.href = "/vehicles/#3");
						}, 									
						"Close": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link3').click(function(){
					$('#dialog3').dialog('open');
					return false;
				});

				//hover states on the static widgets
				$('#dialog_link3, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
	
	
				// Datepicker
				$('#pickUpDate').datepicker(
			    	{
			         inline: true,
					 numberOfMonths: 2,	showButtonPanel: true,
					 minDate: 0 					 
            		}							
				);
	
					
			});