$(document).ready(function(){
  
  $(".portfolioThumbs li").hover(function () {
    
    $("span").hide();
    $("#portfolioMain").hide();
    
    if ($(this).hasClass("loconut")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 3536px";
      $("#loconutDesc").show();
    }
    else if ($(this).hasClass("locotv")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 3094px";
      $("#locotvDesc").show();
    }
    else if ($(this).hasClass("magnus")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 2652px";
      $("#magnusDesc").show();
    }
    else if ($(this).hasClass("hugolang")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 2210px";
      $("#hugolangDesc").show();
    }
    else if ($(this).hasClass("mk")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 1768px";
      $("#mkDesc").show();
    }
    else if ($(this).hasClass("migrationangel")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 884px";
      $("#migrationangelDesc").show();
    }
    else if ($(this).hasClass("tcwa")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 1326px";
      $("#tcwaDesc").show();
    }
    else if ($(this).hasClass("gravity")) {
      $("#portfolioMain").fadeIn(750);
      document.getElementById("portfolioMain").style.backgroundPosition="0 442px";
      $("#gravityDesc").show();
    }     
  });    
 });