WM.main.setForm = function (elem) {
    //console.log($(elem).type() )
		$('#dCampaign_Code').val( $(elem).parent().data('CC') );
    $('#dDonation').val( $(elem).parent().children('input').val() );			

};
WM.main.addControls = function () {
		$('#donateform ul li').each( function (index) {
			$(this).addClass('form-tick').data('CC', $(this).find('span').attr('class')).html('<input type="radio" name="menu" value="' + $(this).find('span').text() + '" id="r' + index + '" class="form-tick" /><label for="r' + index + '">' + $(this).text() + '</label>'   );
			$(this).children().click( function () {
					WM.main.setForm(this);
			}).focus( function () {
					WM.main.setForm(this);
			});
		});
		$('#dDonation').focus( function () { WM.main.clearField($(this), '' ) });
};

//clear a form field, takes field element and default text
//requires jQuery
WM.main.clearField = function (elem, def) {
	$(elem).focus( function () {
	  if ($(this).val() == def) {
  		$(this).val('');
		} else if ($(this).val() != '') {
			$(this).select();
		}
	}).blur( function () {
		if ($(this).val() == '') {
  		$(this).val(def);		
		}
	});
};

WM.init.start = function () {
 WM.main.addControls();
};

$(document).ready(WM.init.start);
