var speed = 300 /* You can define the speed of the animation, in milliseconds (1000 = 1sec) */

$(document).ready(function(){
		
	$('#bookmark_us a').hover(function(){ 
			$(this).stop().animate({backgroundPosition: '0px 0px', opacity: '0.7'}, speed);
       },function(){ 
        $(this).stop().animate({backgroundPosition: '0px -11px', opacity: '1'}, speed);
   });
   
   $('#menu ul li.submenu').hover(function(){ 
			$(this).find('ul').css({visibility: "visible",display: "none"}).show(speed);
       },function(){ 
        $(this).find('ul').css({visibility: "hidden"}).show(speed);
   });
   
   
	$(".iframe").colorbox({width:"80%", height:"80%", iframe:true, opacity:0.7});
	$(".modal").colorbox({width:"720px", height:"600px", iframe:true, opacity:0.7});
	$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:385, opacity:0.7});
	$("a[rel='gallery1']").colorbox();	
		
	
});