(function($){

	$.fn.birthstonePicker = function(options){
	
		var opts = $.fn.extend({},$.fn.birthstonePicker.defaults, options);
		
		return this.each(function(){
	
				var monthArr = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
				
				var $form = $("<form name='anniversaryForm' id='anniversaryForm' method='post' action='#' ></form>");
				
				$(opts.txtArea).html("Select a month from the dropdown to view the birthstone.");
				
				var dropdown =  $("<select name='monthVal' id='monthVal' ><option value=''>Choose a month</option></select>");
				for(var i = 0; i < 12; i++){ 
						dropdown.append("<option value='"+ i +"'>"+ monthArr[i] +"</option>");
				}
				
				
				var tableWrapper = $("<table cellspacing='0' cellpadding='0' width='100%'><tr><td></td><td></td></tr></table>");
				
				tableWrapper.find("td:eq(0)").append(dropdown);
				
				
				$form.append(tableWrapper);
				$(opts.formArea).append($form);
				
				// add functionality to dropdown
				$(opts.dropdown).change(function(){
					var selectedMonth = $(this).val();
					$.fn.birthstonePicker.checkStone(selectedMonth,monthArr[selectedMonth],opts.txtArea);
					
				});
				
		});
	
	};//birthstonePicker
	
	$.fn.birthstonePicker.checkStone = function(selectedMonth,month,txtArea){
		
		
		
		var birthStones = new Array("Garnet","Amethyst","Aquamarine","Diamond","Emerald","Pearl","Ruby","Peridot","Sapphire","Opal","Topaz","Tanzanite");
		
		
		var typeTxt = "";
		var giftVal = "";
		
		if( selectedMonth!= ""){
						
			$(txtArea).html("The birthstone for <span>"+ month +"</span> is <span class='largeText'>"+ birthStones[selectedMonth] +"</span>");
			
		}//if year has value
		
	};
		
 $.fn.birthstonePicker.defaults = {
		 dropdown: "#monthVal",
		 giftType: "giftType",
		 formArea: "#formArea",
		 txtArea: "#txt"
  };//defaults
	
})(jQuery);