jQuery(document).ready(function() {
    var fadeTime = 600;
    var tagSlideTime = 600;
    var rotationInterval = 6000;

    var fadeStartClass = 1;
    var fadeStopClass = 5;

    function fade(fadeOutClass, fadeInClass, fadeTime) {
      jQuery('#bg-homepage .' + (fadeOutClass + '')).fadeOut(fadeTime, function() {
        jQuery('#bg-homepage .' + (fadeInClass + '')).fadeIn(fadeTime);
      });
    }

    function tagline(fadeOutClass, fadeInClass) {
      jQuery('#tagline .' + (fadeOutClass + '')).animate({'right': -628}, tagSlideTime, 'swing', function() {
        jQuery('#tagline .' + (fadeInClass + '')).animate({'right': 0}, tagSlideTime);
      });
    }

    var fadeOutClass = fadeStartClass;
    var fadeInClass = fadeStartClass + 1;

    jQuery(document).everyTime(rotationInterval, function() {
      fade(fadeOutClass, fadeInClass, fadeTime);
      tagline(fadeOutClass, fadeInClass);
      if(fadeOutClass == fadeStopClass - 1) {
        fadeOutClass++;
        fadeInClass = 1;
      }
      else if(fadeOutClass == fadeStopClass) {
        fadeOutClass = 1;
        fadeInClass = 2;
      }
      else {
        fadeOutClass++;
        fadeInClass++;
      }
    });

    jQuery(document).oneTime(1000, function() {
      jQuery('#bg-page img').fadeIn(fadeTime);
    })
  });