$(document).ready(function(){

    // initialize scrollable  
$("div.scrollable").scrollable({ 
    size: 1 
}); 


$(function() {         

    $('#teamBox img').css({opacity: 0.3});

       $("#teamBox img").mouseover(function(){
       $(this).css({opacity: 1.0});
       });
       $("#teamBox img").mouseout(function(){
       $(this).css({opacity: 0.3});
       });

       $("#teamTop a").mouseover(function(){
       $(this).css({opacity: 0.2});
       });
       $("#teamTop a").mouseout(function(){
       $(this).css({opacity: 1.0});
       });

       $("#teamBottom a").mouseover(function(){
       $(this).css({opacity: 0.2});
       });
       $("#teamBottom a").mouseout(function(){
       $(this).css({opacity: 1.0});
       });

       $("#teamBox #team1").mouseover(function(){
       $("#team1Title a").css({opacity: 0.3});
       });
       $("#teamBox #team1").mouseout(function(){
       $("#team1Title a").css({opacity: 1.0});
       });
       $("#teamBox #team2").mouseover(function(){
       $("#team2Title a").css({opacity: 0.3});
       });
       $("#teamBox #team2").mouseout(function(){
       $("#team2Title a").css({opacity: 1.0});
       });
       $("#teamBox #team3").mouseover(function(){
       $("#team3Title a").css({opacity: 0.3});
       });
       $("#teamBox #team3").mouseout(function(){
       $("#team3Title a").css({opacity: 1.0});
       });
       $("#teamBox #team4").mouseover(function(){
       $("#team4Title a").css({opacity: 0.3});
       });
       $("#teamBox #team4").mouseout(function(){
       $("#team4Title a").css({opacity: 1.0});
       });


       $("#team1Title a").mouseover(function(){
       $("#teamBox #team1").css({opacity: 1.0});
       });
       $("#team1Title a").mouseout(function(){
       $("#teamBox #team1").css({opacity: 0.3});
       });
       $("#team2Title a").mouseover(function(){
       $("#teamBox #team2").css({opacity: 1.0});
       });
       $("#team2Title a").mouseout(function(){
       $("#teamBox #team2").css({opacity: 0.3});
       });
       $("#team3Title a").mouseover(function(){
       $("#teamBox #team1").css({opacity: 1.0});
       });
       $("#team3Title a").mouseout(function(){
       $("#teamBox #team1").css({opacity: 0.3});
       });
       $("#team4Title a").mouseover(function(){
       $("#teamBox #team1").css({opacity: 1.0});
       });
       $("#team4Title a").mouseout(function(){
       $("#teamBox #team1").css({opacity: 0.3});
       });
});
});