$('document').ready(function() {
  
  // Fix IE6 li:hover
  $('li').hover(function() {
    $(this).addClass('sfhover');
  }, function() {
    $(this).removeClass('sfhover');
  })



   $('ul.boxes li').each(function() {
    // Make cursor indicate this is clickable
    $(this).css({cursor:  'pointer',
                opacity:  0.7});
    
    // On click, trigger the link
    $(this).click(function() {
      location.href = $('base').attr('href') + $(this).find('a').attr('href');
    })
    


    // Make rollover to cool effect
    $(this).hover(function() {
       $(this).fadeTo('normal', 1);
       $(this).addClass('hover');
    }, function() {
       $(this).fadeTo('normal', 0.7);
       $(this).removeClass('hover');
    })
  })
})