$(document).ready(function() {
	
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
	$("#firstpane p.menu_head").click(function()
	{
		$(this).css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({});
	});
	
	
	
	
	$('#nav li').hover(
			function () {
				//show its submenu
				$('ul', this).slideDown(100);
	 
			},
			function () {
				//hide its submenu
				$('ul', this).slideUp(100);
			}
	);


	$('#rif li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(100);
 
		},
		function () {
			//hide its submenu
			$('ul', this).slideUp(100);		   
		}
	);
	 
	 

	/*
	*   Fancybox
	*/

	$("a.fancy_img").fancybox();


	$(".scrollable img").click(function() {

		// see if same thumb is being clicked
		if ($(this).hasClass("active")) { return; }
	
		// calclulate large image's URL based on the thumbnail URL (flickr specific)
		var url = $(this).attr("src").replace("small", "medium");
	
		// get handle to element that wraps the image and make it semi-transparent
		var wrap = $("#image_wrap").fadeTo("medium", 0.5);
	
		// the large image from www.flickr.com
		var img = new Image();
	
	
		// call this function after it's loaded
		img.onload = function() {
	
			// make wrapper fully visible
			wrap.fadeTo("fast", 1);
	
			// change the image
			wrap.find("img").attr("src", url);
	
		};
	
		// begin loading the image from www.flickr.com
		img.src = url;
	
		// activate item
		$(".scrollable img").removeClass("active");
		$(this).addClass("active");

		// when page loads simulate a "click" on the first image
	}).filter(":first").click();













});