$(document).ready(function(){
    $("#tabs").tabs({ fx: { opacity: 'toggle' } });
  });
  
  
jQuery.fn.fadeToggle = function(speed, easing, callback) {
  return this.animate({opacity: 'toggle'}, speed, easing, callback);  
};
 
$(document).ready(function() {
	$('#tellfriend').hide();
  	$('#tellfriendhover').click(function() {
    $("#tellfriend").fadeToggle('slow');
  });
  
});  
  
  
//$(document).ready(function() {
//        var hide = false;
//        $("#tellfriendhover").click(function(){
//            if (hide) clearTimeout(hide);
//            $("#tellfriend").fadeIn();
//        }, function() {
//            hide = setTimeout(function() {$("#tellfriend").fadeOut("slow");}, 250);
//        });
//        $("#tellfriendhover").click(function(){
//            if (hide) clearTimeout(hide);
//        }, function() {
//            hide = setTimeout(function() {$("#tellfriend").fadeOut("slow");}, 250);
//        });
//    });

$(document).ready(function() {         
         
    // initialize scrollable  
    $("div.scrollable").scrollable({ 
         
         size: 1,    
        // items are auto-scrolled in 5 secnod interval 
        interval: 8000, 
         
        // when last item is encountered go back to first item 
        loop: true,  
         
        // make animation a little slower than the default (time in milliseconds) 
        speed:600,  
         
        // when seek starts make items little transparent 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(200, 0.5);         
        }, 
         
        // when seek ends resume items to full transparency 
        onSeek: function() { 
            this.getItems().fadeTo(200, 1); 
        } 
    });     
     
});