var  ImgSrc    =  null;
var Class      = null;
var ImgClass  =  null;

$(document).ready(function() {

  SwitchBoardSrc();
  SwitchPersonSrc();
  HoverBoardLinks();
  
});

function SwitchBoardSrc() {
  
  $('.board').mouseenter(function() {
    $(this).addClass('active');
    
    $('.hover-board', this).css('visibility', 'visible');
    
    CufonRefresh();
    
  });
  
  $('.board').mouseleave(function() {
    $(this).removeClass('active');
    
    $('.hover-board', this).css('visibility', 'hidden');
    
    CufonRefresh();
    
  });

}

function SwitchPersonSrc() {
  
  $('.person-div').mouseenter(function() {    
    var  _this  =  $('img', this);
    
    var Classes  =  $(this).attr('class');
    Classes      =  Classes.split(" ");
    Class        =  Classes[0];
    Class        =  '.'+Class.replace('img', 'link');
    
    _this.css('visibility', 'visible');
    $(Class).addClass('active');
    
    CufonRefresh();
    
  });
  
  $('.person-div').mouseleave(function() {
    $('img', this).css('visibility', 'hidden');
    $(Class).removeClass('active');
    
    Cufon.refresh("#bumperpage .boards .board .content a", {hover: true});
    Cufon.refresh("bumperpage .boards .board .content a.active", {hover: true});
    
  });
  
}

function HoverBoardLinks() {
  $('.board .content a').mouseenter(function() {
    var  LinkClass  =  $(this).attr('class');
    ImgClass      =  '.'+LinkClass.replace('link', 'img');
    
    $('.person', ImgClass).css('visibility'  , 'visible');
  });
  
  $('.board .content a').mouseleave(function() {
    $('.person', ImgClass).css('visibility' , 'hidden');
  });
}

function CufonRefresh() {
  Cufon.refresh("#bumperpage .boards .board .content a", {hover: true});
  Cufon.refresh("bumperpage .boards .board .content a.active", {hover: true});
}