$(document).ready(function() {
	$("#triggers img[rel]").overlay({effect: 'apple'});
	$("#triggers font[rel]").overlay({effect: 'apple'});
	

	    
	    	// initialize mouse interactivity 
	    $("div.trigger").hover(function() { 
	             
	        	// find div.info element inside the player container and show it 
	    	$("div.navinfo", this).stop();
	    	$("div.navinfo", this).fadeTo("fast", 0.7); 
	         
	    }, function() { 
	         
	        	// when mouse is removed - hide the info 
	    	$("div.navinfo", this).stop();
	    	$("div.navinfo", this).fadeTo("slow", 0); 
	    });  
	     
	    	// initially all info elements are hidden 
	    $("div.navinfo").css("opacity", 0);



});