$(document).ready(function(){
	initInfoBox();

	$('#infoboxnav a.link').click(function(){
		$('#infoboxnav a.link').removeClass('selected');

		$(this).addClass('selected');
		$(this).blur();

		var strClicked=$(this).attr('id');

		$('#infobox')
			.find('div.content')
				.hide()
			.end()
			.find('div#'+strClicked+'_box')
				.fadeIn();
	});
});

function initInfoBox(){
	var strHeading='';
	var strHeadings='';
	var strFirstClass='';
	var blFirstTime=true;

	$('#infobox')
		.find('div.content:gt(0)')
			.css('display','none')
		.end()
		.find('#info_1_box.hide') // added to hide first 'Detail' infobox if no Body Text
			.css('display','none')
			.next().css('display','block').end() // show next sibling infobox
		.end()
		.find('div.content').each(function(i){
			if($(this).not('.hide').length==1){ // added to hide navigation tab for first 'Detail' infobox if no Body Text

				$(this).find('h2:first').css('display','none');

				if(blFirstTime){
					strFirstClass=' first';
				}else{
					strFirstClass='';
				}

				strHeading=$(this).find('h2:first').text();

			
				strHeadings+='<a href="#info_'+(i+1)+'" id="info_'+(i+1)+'" class="link'+strFirstClass+'" onclick="return false;">'+strHeading+'</a>';

				blFirstTime=false;
			}
	});

	if(strHeadings!=''){
		$('#infobox').prepend('<div id="infoboxnav">'+strHeadings+'</div>');
		$('#infoboxnav a.link:first').addClass('selected');
	}
}