$(document).ready(function() {
  function initPortfolio() {
    $('head').append("<link href='css/portfolio.css' rel='stylesheet' style='text/css' />");

    $('#portfolio-menu li a').mouseover(function(e) {
        var t = $(e.target);
        var i = t.find('.info');
        var p = t.position().left;

        i.css('display', 'block').css('left', 
          p + (t.parent().hasClass('left') ? -237 : 120) + 'px'
        );
    });

    $('#portfolio-menu li a').mouseout(function(e) {
        $(e.target).find('.info').css('display', 'none');
    });
  }

  if ($('#content > div.portfolio').size() > 0) initPortfolio();
});