/* IMAGE SWAPS  example of usage: give img the .buttonswap class and make sure to get the on (mouse on) and off (mouse off) */
$(document).ready(function(){
	$(".buttonSwap").hover(
	 function()
	 {this.src = this.src.replace("_n","_o");},
	 function()
	 {this.src = this.src.replace("_o","_n");}
	);
});


$(document).ready(function() {
	$('#onetimeForm,#yearlyForm,#monthlyForm').hide();

	$('.otButton,.monthlyButton,.yearlyButton').hover(function() {
		$(this).addClass('hoverOverButton');
	}, function() {
		$(this).removeClass('hoverOverButton')
	});
	
   	$('.otButton').bind('click', function() {
		$('#onetimeForm,#yearlyForm,#monthlyForm').hide('slow');
		$('#onetimeForm').show('slow');
   	});

   	$('.monthlyButton').bind('click', function() {
		$('#onetimeForm,#yearlyForm,#monthlyForm').hide('slow');
		$('#monthlyForm').show('slow');
   	});

   	$('.yearlyButton').bind('click', function() {
		$('#onetimeForm,#yearlyForm,#monthlyForm').hide('slow');
		$('#yearlyForm').show('slow');
   	});
	
});