function callPanelSwitch(strID){

	initPanelSwitch(strID);

	$('#'+strID+'nav a.link').click(function(){
		$('#'+strID+'nav a.link').removeClass('selected');

		$(this).addClass('selected');
		$(this).blur();

		var strClicked=$(this).attr('id');

		$('#'+strID)
			.find('div.panel')
				.hide()
			.end()
			.find('div#'+strClicked+'_content')
				.fadeIn();
	});	
}

function initPanelSwitch(strID){
	var strHeading='';
	var strHeadings='';
	var strFirstClass='';
	var blFirstTime=true;

	$('#'+strID)
		.find('div.panel:gt(0)') // hide all panels (except first one) on initiation
			.css('display','none')
		.end()
		.find('div.panel').each(function(i){
			$(this).find('h3:first').css('display','none');

			if(blFirstTime){
				strFirstClass=' first';
			}else{
				strFirstClass='';
			}

			strHeading=$(this).find('h3:first').text();

			strHeadings+='<a href="#panel_'+(i+1)+'" id="panel_'+(i+1)+'" class="link'+strFirstClass+'" onclick="return false;">'+strHeading+'</a>';

			blFirstTime=false;
	});

	if(strHeadings!=''){
		$('#'+strID).prepend('<div id="'+strID+'nav">'+strHeadings+'</div>');
		$('#'+strID+'nav a.link:first').addClass('selected');
	}
}

