$(function(){
	
	$('#dock').Fisheye(
			{
				maxWidth: 50,
				items: 'a',
				itemsText: 'span',
				container: '.dock-container',
				itemWidth: 100,
				proximity: 80,
				alignment : 'center',
				valign: 'bottom',
				halign : 'center'
			}
		);
	
	
$(document).ready(function(){				
	var submenu = $('#submenu');

	$('.submenu').click(function(){
		var submenuId = $(this).attr("rel");		
		if($("#submenu_"+submenuId).css('display') == 'inline')
		{
			$('.submenu_bottom').animate({height:'0px'});
			$('#submenu').animate({height: '0px', paddingTop:'0px'}, function(){
					$('#submenu div.opened').css({display:'none'}).removeClass('opened');
					});
				
						
		}
		else
		{
			$('#submenu div.opened').fadeOut('fast').css({display:'none'}).removeClass('opened');				
			$("#submenu_"+submenuId).css({display: "inline"}).addClass('opened');
			$('.submenu_bottom').animate({height:'36px'});
			submenu.animate({height: '125px', paddingTop:'20px'});
		}
		
	});
	

		$('#submenu .panel_submenu a').hover(function(){		
			$("span",this).animate({opacity: '1'});
			$("img",this).animate({opacity: '1'});
		},function(){		
			$("span",this).animate({ opacity: '0'});
			$("img",this).animate({ opacity: '0.5'});
		});
		
		$('#submenu .panel_submenu a').click(function(){
			var submenu_to_hide = $(this).parent();
			submenu_to_hide.fadeOut('fast').css({display:'none'});
			$('.submenu_bottom').animate({height:'0px'});
			submenu.animate({height: '0px', paddingTop:'0px'});
		});
		
		$('.submenu, #submenu .panel_submenu a').click(function(e) {
            e.stopPropagation();
        });
		
        $(document).click(function() {
        	$('.submenu_bottom').animate({height:'0px'});
        	$('#submenu').animate({height: '0px', paddingTop:'0px'}, function(){
				$('#submenu div.opened').css({display:'none'}).removeClass('opened');
			});	
        });

		

		
	});	

	
/*	function menuMouseEnter(){	
			$("#tdImgs table").each(function(){$(this).css({display: "none"})});
			var submenuId = $(this).attr("rel");
			
			$("#submenu_"+submenuId).css({display: "inline"});
			
			var menuPosition = $(this).css("left").replace("px","");
			var subMenuPosition = menuPosition - submenu.css("width").replace("px","") / 2 + $(this).css("width").replace("px","") / 2;
			
			submenu.css({left: subMenuPosition + "px"});
			submenu.fadeIn();
	
			hovering = true;
			hovering_submenu = true;
		
	};
	
	
	 $('.submenu').mousemove(function(){
	
	var menuPosition = $(this).css("left").replace("px","");
	var subMenuPosition = menuPosition - submenu.css("width").replace("px","") / 2 + $(this).css("width").replace("px","") / 2;
	submenu.css({left: subMenuPosition + "px"});					
	
		});
	
	
	
	function menuMouseLeave(){
		if (hovering == true && hovering_submenu == true) 
	        return true;
	    else 
			submenu.fadeOut('fast');
	    					
	
		};
	
	 function submenuMouseEnter(){
	
			submenu.css({display: "block"});
			hovering = true;
	        hovering_submenu = true;						
	
		};
	
	 function submenuMouseLeave(){
			submenu.fadeOut();
			hovering = false;
	        hovering_submenu = false;
		};
		
	var mainmenuconfig = {
		        interval: 100,
		        over: menuMouseEnter,
		        timeout: 500,
		        out: menuMouseLeave
		    }
	
	var submenuconfig = {
	    interval: 0,
	    over: submenuMouseEnter,
	    timeout: 0,
	    out: submenuMouseLeave
	}
	
	$('#submenu').hoverIntent(submenuconfig);
	$('.submenu').hoverIntent(mainmenuconfig);*/
	
});