$(document).ready(function(){

   //funció que actualitza la capa dreta amb home
   $("#portada").click(function() {
      $("#contingut").load("inici.php");
    });

    //funció que actualitza la capa dreta amb about
    $("#noticies").click(function() {
      $("#contingut").load("noticies.php");
    });
	
    //funció que actualitza la capa dreta amb contact
   $("#casal").click(function() {
      $("#contingut").load("casal.php");
    });

    //funció que actualitza la capa dreta amb projects
   $("#qui").click(function() {
      $("#contingut").load("quisom.php");
    });

   //funció que actualitza la capa dreta amb art
    $("#calendari").click(function() {
      $("#contingut").load("calendari.htm");      
    });
	
    //funció que actualitza la capa dreta amb news
    $("#multimedia").click(function() {
      $("#contingut").load("multimedia.htm");
    });

});