$(document).ready(function() {


		      var dates = {};
		      $('#outMonth option').slice(1).each(function() {
			  var date  = $(this).val();
			  var year  = date.substring(0, 4);
			  var month = date.substring(5, 8) - 1;
			  var day   = date.substring(9, 11);
			  dates[new Date(year, month, day)] = true;
		   }




		   );


         
	 	     $('#datepicker1').datepicker({
				  dateFormat: 'yy-M-dd',
				  buttonImage: '/images/branding/1Time/datepicker/calendar.gif',
				  buttonImageOnly: true,
				  buttonText: 'Select Departure Date',
				  showOn: 'button',
				  gotoCurrent: false,
				  onSelect: function(date, inst) {

				    $('#outDay').val(date.substring(9, 11));
				    $('#outMonth').val(date.substring(5, 8) + ' ' + date.substring(0, 4));
                                    $('#retMonth').val(date.substring(5, 8) + ' ' + date.substring(0, 4));  
     			            alter("outMonth", "outDay", '#datepicker2');
     			         }
     			           
 		       });
 		       
 		       $('#datepicker2').datepicker({
				  dateFormat: 'yy-M-dd',
				  buttonImage: '/images/branding/1Time/datepicker/calendar.gif',
				  buttonImageOnly: true,
				  buttonText: 'Select Return Date',
				  showOn: 'button',
				  gotoCurrent: true,
				  onSelect: function(date, inst) {

				    $('#retDay').val(date.substring(9, 11));
				    $('#retMonth').val(date.substring(5, 8) + ' ' + date.substring(0, 4));

				  }

		       
				});


		   });
		   
		   function change(){
		     
		     	              document.getElementById("retMonth").value = document.getElementById("outMonth").value;
		                         document.getElementById("retDay").value = document.getElementById("outDay").value;
		     	              alter("outMonth", "outDay", '#datepicker1');
		   	              alter("retMonth", "retDay", '#datepicker2');
		    	           }
		    	           
		    function alter(element1, element2, datepicker){
		    
		    
		                      
		                    var dp = datepicker;
		   		    var day = document.getElementById(element2).value;
		   		    var monthYear = document.getElementById(element1).value;
		   		    var monthString = monthYear.substring(0,3);
		   		    
		   		    
		   		    var month = mapMonth(monthString);
		   		  
		   		    
		   		    var year = monthYear.substring(4,8)+ " ";
		   		    		    
		   
		   		    
		   
		   		    $(dp).datepicker('setDate', new Date(year, month, day));
		                      
		                   
		                   }
		                   
		   function mapMonth(input){
		   
		   			
		   			var num;
		   			var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
		   		                       "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
		   			
		   			
		   			for( var i = 0; i < months.length; i++){
		   			
		   				
		   			
		   				if(input == months[i]){
		   				   num = i;
		   				   
		   				}
		   				
		   			
		   			}
		   
		                       return num;
		}