// launch when website selected
  $('#work-list li a').click(function () {
    // chosen site id
    var clicked     = $(this);
    var clicked_id  = $(this).attr('id');
    
    
    // add class 'active'
    $('#work-list li a').removeClass('active');
    $(this).addClass('active');

    $('#work-right').fadeOut('slow',function () {
      $('#work-right').html('');

      // get website data
      $.post('display.php', { 
        load: clicked_id
      },
        function(data){
          // insert data
          $('#work-right').html(data);
  
          if (!$.browser.opera) {
              if (clicked.is('.loaded')) {
                  // slide already loaded - no need to use load event
                  $('#work-right').fadeIn('slow', function () { 
                    if ($('.slide').length > 1) $("#slider").easySlider();
                  });
              } else {
                // slide not loaded before - so we use load event on last slide
                $('.slide:last').load(function() {
                  $('#work-right').fadeIn('slow', function () { 
                    if ($('.slide').length > 1) $("#slider").easySlider();
                    clicked.addClass('loaded');
                  });
                });
              }
          } else {
              // opera code - display, no test if loaded
              $('#work-right').fadeIn('slow', function () { 
                if ($('.slide').length > 1) $("#slider").easySlider();
              });
          }
        }
      );
    });
    return false;
  });

  // display first website
  $('#all').click();