$j(document).ready(function(){
  ALBUM.init();
});

var ALBUM = {
  
  init: function(){
    
    var albumContainer = $j("#album");
    if( albumContainer.length <= 0 || !IMAGE_PRELOADER ){
      return;
    }
    
    albumContainer.append("<div id='img-preloader'></div>");
    IMAGE_PRELOADER.init( $j("#img-preloader") );
    
    IMAGE_PRELOADER.preload( $j(".preload"), function(){
      var rolloverLists = $j("ul.rollover-list");

      if( rolloverLists.length > 0){
          $j("ul.rollover-list").each(function(){
            ALBUM.setupRollover($j(this));
            ALBUM.setupClick($j(this));
          });
      }
    });
  },
  
  setupRollover: function( rolloverList ){
    var images = $j(rolloverList).find("li img");
    var lastImage = $j(rolloverList).find("li img:last");
    
    images.each(function(i){
      $j(this).mouseenter(function(){
        if(i != 0){
          var img = $j(this);
          img.stop().animate({opacity: 0},750,function(){
            setTimeout(function(){
              if(img.css("opacity") == 0){
                img.css("display","none");
                
                $j(images[i-1]).trigger('mouseenter');
              }
            },1000);
          })
        }
      });
    })
    
    images.each(function(i){
      $j(this).mouseleave(function(){
        var img = $j(this);
        if(!img.is(':hidden') ){
          lastImage.css("display","inline");
          lastImage.stop().animate({opacity: 1},750,function(){
            images.css("display","inline");
            images.css("opacity","1");
          });
        }
      });
    })

  },
  
  setupClick: function( rolloverList ){
    var link = $j(rolloverList).find("a:first");
    var url = $j(link).attr("href");
    var images = $j(rolloverList).find("li img");
    images.click(function(){
      window.location = url;
    });
    link.removeAttr("href");
    
  }
  
}