$(document).ready(function(){
  var count = $('#splasher #splasher-container').find('img').size();
  var $bullets;
  var $button;
  var splashWidth = 940;
  var current = 0;
  var target;
  
  if(count > 1)
  {
    $button = $('<div class="button next active"><a href="#"></a></div>');
    $bullets = $('<ul id="bullets"></ul>');
    
    $button.appendTo('#splasher');
    $bullets.appendTo('#splasher');
    
    for(i=0;i<count;i++)
    {
      $('#splasher #bullets').append('<li><a href="#"></a></li>')
    }
    
    $('#splasher #bullets li:first').addClass('active');
    
    $('.button.next.active, #bullets li:not(.active)').live('click',function(){
      
      
      if($(this).hasClass('next'))
      {
        target = current+1;
        current++;
        
        if(target >= count)
        {
          target = 0;
          current = 0;
        }
      }
      else
      {
        target = $('#splasher #bullets li').index($(this));
        current = target;
      }
      
      $('#splasher #splasher-container').animate({'left': -splashWidth*target}, 'fast');
      
      $('#splasher #bullets li.active').removeClass('active');
      $('#splasher #bullets li:eq('+target+')').addClass('active');
      console.log(target, count);
      /*
      if((target+1) >= count)
         $('#splasher .button').removeClass('active');
      else
        $('#splasher .button').addClass('active');
      */
      
      
      
      return false;   
    });
    
    
        
  }
});