//----------main navbar menu ------------------
		$(document).ready(function(){
				   
		
			$("#mnu_about").css({
				opacity: 0.3
			});
			$("#mnu_upcoming").css({
				opacity: 0.3
			});
			
			$("#mnu_news").css({
				opacity: 0.3
			});
			$("#mnu_past").css({
				opacity: 0.3
			});
			$("#mnu_faq").css({
				opacity: 0.3
			});
		
			$("#main_navi div.button").click(function(){
				
				$clicked = $(this);
				
				// if the button is not already "transformed" AND is not animated
				if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
					
					$clicked.animate({
						opacity: 1,
						//borderWidth: 5
					}, 819 );
					
					// each button div MUST have a "xx-button" and the target div must have an id "xx" 
					var idToLoad = $clicked.attr("id").split('_');
					
					//we search trough the content for the visible div and we fade it out
					$("#main_body").find("div:visible").fadeOut("fast", function(){
						//once the fade out is completed, we start to fade in the right div
						$(this).parent().find("#"+idToLoad[1]).fadeIn();
					})
				}
				
				//we reset the other buttons to default style
				$clicked.siblings(".button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 819 );
				
			});
		});
		
		//slide show script

<!--
//function calcHeight()
//{
//find the height of the internal page
//var frameheight=document.getElementById('contentframe').contentWindow.document.body.scrollHeight;

//change the height of the iframe
//document.getElementById('contentframe').height=frameheight;
//}
//-->