$(document).ready(function() {
	//init scroll pane
	$('#pane').jScrollPane({showArrows:true, scrollbarWidth:8});
		
		
	//navigation and dropdown toggle
	$("#menu li").click(function(){
		var vis = $("div[class*='"+this.id+"Menu']").css("display");
		hideAllMenus();
		
		//simply show dropdown if IE
		if ($.browser.msie) {
			if ($('.newsMenu').css('left') != "321px" && this.id=="news") {
				$('.newsMenu').hide();
				$('.newsMenu').css("left","321px");
				$('.newsMenu').show();
			}
			else {
				if (vis=="none") {
					$("div[class*='"+this.id+"Menu']").show();
				}
			}
		}
		//all other browsers fade-in dropdown
		else {
			if ($('.newsMenu').css('left') != "321px" && this.id=="news") {
				$('.newsMenu').fadeOut(0.1, function() {
			    	$('.newsMenu').css("left","321px");
					$(".newsMenu").fadeIn("fast");
			  	});
			}
			else {
				$("div[class*='"+this.id+"Menu']:hidden").fadeIn("fast");
			}
		}
		
		//toggle selected state on link
		if (vis=="none")
			$(this).find("a").addClass("selected");
		else 
			$(this).find("a").removeClass("selected");
	});
	
	
	//show copyright and usage notice
	$(".footnote a").click(function(){
		hideAllMenus();
		
		//simply show dropdown if IE
		if ($.browser.msie) 
			$(".copyright").show();
		//all other browsers fade-in dropdown
		else 
			$(".copyright").fadeIn("slow");
	});
	
	//hide dropdowns/project info overlay when main image is clicked
	$("#content img").click(function(){
		hideAllMenus();
	});
	
	
	//hide dropdowns when close button is clicked
	$(".close").click(function() {
		hideAllMenus();
	});
	
	
	//hide project info overlay when close button is clicked
	$(".projInfoClose").click(function() {
		hideAllMenus();
	});
	
	
	//toggle project info overlay
	$("li#projInfoLink").click(function() {
		var vis = $("div#projInfo").css("display");
		hideAllMenus();
		
		//simply show projInfo overlay if IE
		if ($.browser.msie) 
			$("div#projInfo:hidden").show();
		else
		//all other browsers fade-in projInfo overlay
			$("div#projInfo:hidden").fadeIn("fast");
		
		//toggle selected state on link
		if (vis=="none") 
			$(this).find("a").addClass("selected");
		else 
			$(this).find("a").removeClass("selected");
	});
});

function hideAllMenus(){
	//simply hide overlays if IE
	if ($.browser.msie) {
		$(".dropdown").hide();
		$("div#projInfo").hide();
	}
	//all other browsers fade-out overlays
	else {
		$(".dropdown:visible").fadeOut("fast");
		$("div#projInfo:visible").fadeOut("fast");
	}
	
	//remove selected state classes from links
	$("#menu li").find("a").removeClass("selected");
	$("li#projInfoLink a").removeClass("selected");
}