$(document).ready(function(){

   //funció que actualitza la capa dreta amb home
   $("#home").click(function() {
      $("#esquerra").load("home.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">HOME</label></div></h2>");
      $(".link").removeClass('select');
      $("#home").addClass('select');


    });

    //funció que actualitza la capa dreta amb about
   $("#about").click(function() {
      $("#esquerra").load("about.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">ABOUT</label></div></h2>");
      $(".link").removeClass('select');
      $("#about").addClass('select');
    });

    //funció que actualitza la capa dreta amb contact
   $("#contact").click(function() {
      $("#esquerra").load("contact.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">CONTACT</label></div></h2>");
      $(".link").removeClass('select');
      $("#contact").addClass('select');
    });

    //funció que actualitza la capa dreta amb projects
   $("#projects").click(function() {
      $("#esquerra").load("projects.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">WORKS</label></div></h2>");
      $(".link").removeClass('select');
      $("#projects").addClass('select');
    });

   //funció que actualitza la capa dreta amb art
    $("#art").click(function() {
         $("#esquerra").load("art.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">CURRENT</label></div></h2>");
      $(".link").removeClass('select');
      $("#art").addClass('select');
    });
    //funció que actualitza la capa dreta amb news
    $("#news").click(function() {
         $("#esquerra").load("news.php");
      $("#top").html("<h2><div id=\"titol_top\">PAOLO MAGGIS  <label id=\"sezione\">NEWS</label></div></h2>");
      $(".link").removeClass('select');
      $("#news").addClass('select');
    });

});