$(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')
				.show();
	});
});

function initInfoBox(){
	var strHeading='';
	var strHeadings='';

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

			strHeading=$(this).find('h6:first').text();
			strHeadings+='<a href="#" id="info_'+(i+1)+'" class="link" onclick="return false;">'+strHeading+'</a>';
	});

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