//Initialize

function init_rotator(){
    
  // Does element exist?
  if (!$('#rotator-main').length){
    
    // If not, exit.
    return;
  }
  
  // Rotate speed.
  var speed = 2000;
  
  // Pause setting.
  var pause = false;
  
  // Rotator function.
  function rotate(element1, element2){
    
    // Stop if user has interacted.
    if (pause){
      return;
    }
  
    // Either the next / first <li>
    var $element1_next_li = $(element1).next('li').length ?
                 $(element1).next('li') :
                 $('#rotator-main li:first');
    var $element2_next_li = $(element2).next('li').length ?
                 $(element2).next('li') :
                 $('#rotator-products li:first');
                 
                 
                 
    // Continue.
    function doIt(){
      rotate($element1_next_li, $element2_next_li);
    }
  
    // Fade out <li>
    $(element1).fadeOut(speed);
    $(element2).fadeOut(speed);
  
    // Show next <li>
    $($element1_next_li).fadeIn(speed, function(){
    
      // Slight delay.
      setTimeout(doIt, speed);
    });
    $($element2_next_li).fadeIn(speed, function(){
    
      // Slight delay.
      //setTimeout(doIt, speed);
    });
    
    
    
  }
  
  // Hide all but first <li>.
  $('#rotator-main li:first').siblings('li').hide();
  $('#rotator-products li:first').siblings('li').hide();
  
  // Wait for page load.
  $(window).load(function() {
    
    // Begin rotation.
    rotate($('#rotator-main li:visible:first'), $('#rotator-products li:visible:first'));
  });

}

// Kick things off.
$(document).ready(function(){
  init_rotator();
})