var span;
var speedIn = 'slow';
var speedOut = 3000;

$(window).ready(function() {
  $("h1").append("<span id='glide'></span>");
  span = $("#glide");
  span.css({
    position: 'absolute',
    left: '0',
    top: '0',
    width: '100%',
    height: '100%',
    background: 'url(img/logo_header_glide.png) no-repeat'
  }).hide();
  
  fadeInGlideSpan();
  
});

function fadeInGlideSpan() {
  span.fadeIn(speedIn, fadeOutGlideSpan);
}

function fadeOutGlideSpan() {
  span.fadeOut(speedOut, function() {
    window.setTimeout("fadeInGlideSpan()", 3000);
  });
}