$(function () {



// Fade in and out


$("#header").fadeTo(2000, 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
/* $("#logo").fadeTo(2000, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads */



//ToolTip
		
	$(".tooltip").each(function () {
		var distance  = 10;
	    var time 	  = 250;
	    var hideDelay = 500;

	    var hideDelayTimer = null;

	    var beingShown = false;
	    var shown 	   = false;
	    var trigger    = $('.trigger', this);
	    var info 	   = $('#popup', this).css('opacity', 0);

	    $([trigger.get(0), info.get(0)]).mouseover(function () {
	    		
	    	if (hideDelayTimer) {
				clearTimeout(hideDelayTimer);
			}
	        if (beingShown || shown) {
				// don't trigger the animation again
	         	return;
	        } else {
	        	// reset position of info box
	            beingShown = true;
	            
	            $("#header").fadeTo(400, 1.0);
	    		

	            info.css({
	            	"top": 55,
	                "left": 0,
	                "display": "block"
	            }).animate({
	                 "top": "-=" + distance + "px",
	                 "opacity": 1
	            }, time, "swing", function() {
	             	 beingShown = false;
	                 shown 	   = true;
	            });
	        }

	        return false;
	    }).mouseout(function () {
	    	if (hideDelayTimer) {
				clearTimeout(hideDelayTimer);
			}
			
	        hideDelayTimer = setTimeout(function () {
	        	hideDelayTimer = null;
	        	
	        	$("#header").fadeTo(400, 0.3);
	        	
	    		
	
	        	info.animate({
	        		"top": "-=" + distance + "px",
	            	"opacity": 0
	        	}, time, "swing", function () {
	        		shown = false;
	            	info.css('display', 'none');
	        	});

	        }, hideDelay);
	        return false;
	    });
	});
	
	//Hover footer
	/*
$("#logo").hover(function(){
		$(this).fadeTo("slow", 1.0); // This sets the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("slow", 0.6); // This sets the opacity back to 60% on mouseout
	});
	
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
});