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

	$('#sectionnav .imgs a').click(
		function(){
			var strSectionID=$(this).attr('href');
			var strSectionTitle=$(this).attr('title');
			toggleSection(strSectionID,strSectionTitle);

			$('#sectionnav .imgs a').removeClass('selected');
			$(this).addClass('selected');

			return false;
		}
	);
});

function initSectionNav(){
	var strTitle=$('#sectionnav .imgs a:first').attr('title');

	$('#sectionnav .imgs a:first').addClass('selected');

	setSectionNavTxt(strTitle);
}

function setSectionNavTxt(strTitle){
	$('#sectionnav .txt').html(strTitle);
}

function toggleSection(strSectionID,strSectionTitle){
	$('#sectionnav').nextAll('#content .container').css('display','none');

	$(strSectionID).css('display','block');

	setSectionNavTxt(strSectionTitle);
}