$(function() {
  $('#photo_gallery li:first').addClass('selected');

	$.fn.image = function(src, f){
       return this.each(function(){
         $('<img class="hidden" />').appendTo(this).each(function(){
            this.src = src;
            this.onload = f;
         });
       });
  }
  
 /* $('#photo_gallery li').hover(function() {
    $(this).fadeTo('slow', 1);
  }, function() {
    if(!$(this).hasClass('selected')) {
      $(this).fadeTo('slow', .5);
    }
  }); */
  
  $('#photo_gallery li').live('click', function() {
    $('#photo_gallery li').removeClass('selected');
    $(this).addClass('selected');
    var thumb = $(this).attr('data-image');
    $('#main_image img').fadeOut('400', function() {
      $(this).remove();
      $('#main_image').html('<p>loading...</p>');
      $('#main_image').image(thumb, function() {
        $('#main_image p').remove();
        var width = $('#main_image img').attr('width');
        if(width > 700) {
          $('#main_image img').attr('width', '700');
          $('#main_image img').hide().removeClass('hidden').fadeIn('slow');
        } else {
          $('#main_image img').hide().removeClass('hidden').fadeIn('slow');        
        }
      });
    });
  }); 
  
  $(".scroller").jCarouselLite({
      visible: 10,
      scroll: 3,
      btnNext: ".next",
      btnPrev: ".prev"
  });
});