/*Date Picker  Plugin 
  Created on : Sunday April 4, 2010 
  Programmer : Shishir raven
  
  Description: Creates 3 dropdowns(day,month,year) on any textbox whose class is specified 
	 
	How to use: 
	
	Example 1- without any start and end date
	
	<script language="javascript">
	$(function(){
	$(".datepicker").datepicker();
	});
	</script>
	
	Example 2- without any start and end date
	
	<script language="javascript">
	$(function(){
	$(".datepicker").datepicker({start_date : 1983, end_date : 2010});
	});
	</script> 
 */

jQuery.fn.datepicker = function(options){
//For each matching class
settings = jQuery.extend({
		start_date	:"1990",
		end_date 	:"2010"
		},options);


this.each(function(){
var element =$(this);
var element_id=$(element).attr('id');

var month = new Array("January","February","March","April","May","June",
"July","August","September","October","November","December"); 

//start_date='1900';
//end_date='2010';


function leadingzeros(mynumber)
{
	if(mynumber>0 && mynumber<=9)
	{
		return '0'+mynumber;
	}
	else
	{
		return mynumber;
	}
}

$(element).css('display','none');
	$("<select name='"+element_id+"_day' id='"+element_id+"_day'></select>").insertAfter($(element));
		$('#'+element_id+'_day').append('<option value="" > day </option>');
		for(i=1;i<=31;i++)
		{
			$('#'+element_id+'_day').append('<option value="'+leadingzeros(i)+'" >'+leadingzeros(i)+'</option>');
		}
	
	
	$("<select name='"+element_id+"_month' id='"+element_id+"_month'></select>").insertAfter('#'+element_id+'_day');
		$('#'+element_id+'_month').append('<option value="" > month </option>');
		for(i=0;i<=11;i++)
		{
			$('#'+element_id+'_month').append('<option value="'+leadingzeros(i+1)+'" >'+month[i]+'</option>');
		}

	
	$("<select name='"+element_id+"_year' id='"+element_id+"_year'></select>").insertAfter('#'+element_id+'_month');
		$('#'+element_id+'_year').append('<option value="" > year </option>');
		for(i=settings.start_date;i<=settings.end_date;i++)
		{
			$('#'+element_id+'_year').append('<option value="'+i+'" >'+i+'</option>');
		}

	$('#'+element_id+'_day').change(function(){
		$(element).attr('value',$('#'+element_id+'_year').val()+'/'+$('#'+element_id+'_month').val()+'/'+$('#'+element_id+'_day').val());
	});

	$('#'+element_id+'_month').change(function(){
		$('#'+element_id+'_day').change();
	});
	
	$('#'+element_id+'_year').change(function(){
		$('#'+element_id+'_day').change();
	});
	
	//Setting the Default Values 
	var date_ar = $(element).val().split("/");
	if(typeof date_ar[0] != 'undefined')
	{
		$('#'+element_id+'_year').val(date_ar[0]).attr('selected','selected');
	}
	if(typeof date_ar[1] != 'undefined')
	{
	$('#'+element_id+'_month').val(date_ar[1]).attr('selected','selected');
	}
	if(typeof date_ar[2] != 'undefined')
	{
	$('#'+element_id+'_day').val(date_ar[2]).attr('selected','selected');
	}

});
};
