function loadImage(immagine) {
    $('#loader img').remove();
    $('#loader').removeClass('sl')
    $('#loader').addClass('loading')
        var img = new Image();
        $(img).load(function () {
        
            $(img).hide();
            $('#loader').removeClass('loading').append(img);
            $('#loader').addClass('load')
            $(img).fadeIn('slow');
            $(img).addClass('active')
        }).error(function () {
             // si pu˜ mettere un'errore se non trova immagine
        }).attr('src', immagine)
        $(img).addClass('active')
};

function galleria(immagine, link, didascalia) {
    $('#galleria img').remove();
    $('#galleria').addClass('loading');
    $('#didascalia').text(didascalia);
    $('#'+link).click(function () {
      $('#link1').css({'color' : '#AA504C', 'font-weight': 'normal'});
       $('#link2').css({'color' : '#AA504C', 'font-weight': 'normal'});
        $('#link3').css({'color' : '#AA504C', 'font-weight': 'normal'});
         $('#link4').css({'color' : '#AA504C', 'font-weight': 'normal'});
          $('#link5').css({'color' : '#AA504C', 'font-weight': 'normal'});
           $('#link6').css({'color' : '#AA504C', 'font-weight': 'normal'});
            $('#link7').css({'color' : '#AA504C', 'font-weight': 'normal'});
             $('#link8').css({'color' : '#AA504C', 'font-weight': 'normal'});
              $('#link9').css({'color' : '#AA504C', 'font-weight': 'normal'});
               $('#link10').css({'color' : '#AA504C', 'font-weight': 'normal'});
                $('#link11').css({'color' : '#AA504C', 'font-weight': 'normal'});
                 $('#link12').css({'color' : '#AA504C', 'font-weight': 'normal'});
                  $('#link13').css({'color' : '#AA504C', 'font-weight': 'normal'});
                   $('#link14').css({'color' : '#AA504C', 'font-weight': 'normal'});
                    $('#link15').css({'color' : '#AA504C', 'font-weight': 'normal'});
                     $('#link16').css({'color' : '#AA504C', 'font-weight': 'normal'});
                      $('#link17').css({'color' : '#AA504C', 'font-weight': 'normal'});
                       $('#link18').css({'color' : '#AA504C', 'font-weight': 'normal'});
                        $('#link19').css({'color' : '#AA504C', 'font-weight': 'normal'});
                         $('#link20').css({'color' : '#AA504C', 'font-weight': 'normal'});
                          $('#link21').css({'color' : '#AA504C', 'font-weight': 'normal'});
                           $('#link22').css({'color' : '#AA504C', 'font-weight': 'normal'});
                            $('#link23').css({'color' : '#AA504C', 'font-weight': 'normal'});
                             $('#link24').css({'color' : '#AA504C', 'font-weight': 'normal'});
                              $('#link25').css({'color' : '#AA504C', 'font-weight': 'normal'});
                               $('#link26').css({'color' : '#AA504C', 'font-weight': 'normal'});
                                $('#link27').css({'color' : '#AA504C', 'font-weight': 'normal'});
                                 $('#link28').css({'color' : '#AA504C', 'font-weight': 'normal'});
                                  $('#link29').css({'color' : '#AA504C', 'font-weight': 'normal'});
                                   $('#link30').css({'color' : '#AA504C', 'font-weight': 'normal'});  
    $(this).css({'color' : '#AA504C', 'font-weight': 'bold'});
    },
    function () {
      var cssObj = {
        'background-color' : '#000',        
        'color' : '#FFCC00'
      }
      $(this).css(cssObj);
});
    
   
    
        var img = new Image();
        $(img).load(function () {
            $(img).hide();
            $('#galleria').removeClass('loading').append(img);
            $(img).fadeIn('slow');
        }).error(function () {
            // si pu˜ mettere un'errore se non trova immagine
        }).attr('src', immagine)
};