$(function(){
  $(window).bind('hashchange', function(e) {
      var url = $.param.fragment();
        var id = (url!='')?url.replace('.html',''):'index'

        $('.headimage').addClass('oldImg')
        $('<img class="headimage" src="images/'+id+'Header.jpg" alt="header" />').css({'display':'none'}).appendTo('#headerContainer').load(function(){
            $('.oldImg').fadeOut(50).remove()
            $(this).fadeIn(300)
            $('#headlineContainer').remove('#headline').load(id+'.html #headline')
            $('#pageContainer').fadeOut(50)
            $('#page').remove()
            $('#pageContainer').load(id+'.html #page').fadeIn(300)
        })
  })

  $(window).trigger('hashchange');
});