/*
Javascript for new registration form to allow for tabs etc
Sally Edgington
2010-01-27
*/

function showTab(id){
	$('#nav-tabs a').each(function(){
		$($(this).attr("href")).hide();
	});
	$('#nav-tabs li').removeClass("selected");
	$('#nav-tabs a[@href~=#' + id + ']').parent().addClass("selected");
	$('#'+id).show();
	document.location.hash="#" + id;
}

$(function(){
	
	//create tab switching when clicking on tabs
	$('#nav-tabs a').click(function(){
		showTab($(this).attr("href").replace("#",""));
		return false;
	});
	
	//append continue buttons to each tab
	$('form#onlineregistration fieldset#tab_paymentdetails').append('<ul class="toggles"><li><a href="#tab_personaldetails" class="tabtoggle"><img src="/display_images/donations/btn_next.gif" alt="Next step" width="89" height="25" /></a></li></ul>');
	$('form#onlineregistration fieldset#tab_personaldetails').append('<ul class="toggles"><li class="tabtoggleleft"><a href="#tab_paymentdetails" class="tabtoggle"><img src="/display_images/donations/btn_prev.gif" alt="Previous step" width="118" height="25" class="submit" /></a></li><li class="tabtoggleright"><a href="#tab_personaldetails"><input type="image" src="/display_images/donations/btn_confirm.gif" alt="Confirm details" width="170" height="25" class="submit" /></a></li></ul>');
	
	//create tab switching when clicking on these continue buttons
	$('#onlineregistration a.tabtoggle').click(function(){
		showTab($(this).attr("href").split("#")[1]);
		return false;
	});

});