/*
Javascript for new donations form to allow for tabs etc
Sally Edgington
2009-08-13
*/

function showTab(id){
	$('#nav-tabs li').removeClass("selected");
	$('#nav-tabs a[@href~=#' + id + ']').parent().addClass("selected");
	$('form#onlinedonation fieldset').hide();
	$('form#onlinedonation fieldset#'+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#onlinedonation fieldset#tab_donationsdetails').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#onlinedonation fieldset#tab_personaldetails').append('<ul class="toggles"><li class="tabtoggleleft"><a href="#tab_donationsdetails" 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
	$('#onlinedonation a.tabtoggle').click(function(){
		showTab($(this).attr("href").split("#")[1]);
		return false;
	});

});