$(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='';

	$('#infobox')
		.find('div.content:gt(0)')
			.css('display','none')
		.end()
		.find('div.content').each(function(i){
			$(this).find('h2:first').css('display','none');

			if(i==0){
				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>';
	});

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