$(document).ready(function() {

	$('#content').wrap('<div id="content-wrapper"></div>');
						   
	function pageload(hash) {
		if(hash) {

	$("#content-wrapper").load(hash + ".html #content",'',function(){
				$("#content-wrapper").fadeIn('slow',swap_letter);
				$("#load").fadeOut('normal');												   
});
		} else {
			$("#content-wrapper").load("index.html #content",swap_letter); //default - swap_letter is an add-on
		}
	}
	$.historyInit(pageload);			   

	$("#MenuBar1 li a").click(function(){
		var hash = $(this).attr('href');
		hash = hash.replace(/^.*#/, '');
		hash = hash.substr(0,hash.length-5);

		$("#content-wrapper").fadeOut('slow',function(){
			$.historyLoad(hash);
	});
		$("#load").remove();
		$("#container").append('<span id="load">LOADING...</span>');
		$("#load").fadeIn('normal');
		$("#MenuBar1 li a.current").removeClass('current');
		$(this).addClass('current');
		return false;
		
	});
	$("#col3 li a").click(function(){
		var hash = $(this).attr('href');
		hash = hash.replace(/^.*#/, '');
		hash = hash.substr(0,hash.length-5);

		$("#content-wrapper").fadeOut('slow',function(){
			$.historyLoad(hash);
	});
		$("#load").remove();
		$("#container").append('<span id="load">LOADING...</span>');
		$("#load").fadeIn('normal');
		$("#col3 li a.current").removeClass('current');
		$(this).addClass('current');
		return false;
		
	});
	$("#col1 li a").click(function(){
		var hash = $(this).attr('href');
		hash = hash.replace(/^.*#/, '');
		hash = hash.substr(0,hash.length-5);

		$("#content-wrapper").fadeOut('slow',function(){
			$.historyLoad(hash);
	});
		$("#load").remove();
		$("#container").append('<span id="load">LOADING...</span>');
		$("#load").fadeIn('normal');
		$("#col1 li a.current").removeClass('current');
		$(this).addClass('current');
		return false;
		
	});


$("#contact_nav a").click(function(){
		var hash = $(this).attr('href');
		hash = hash.replace(/^.*#/, '');
		hash = hash.substr(0,hash.length-5);

		$("#content-wrapper").fadeOut('slow',function(){
			$.historyLoad(hash);
	});
		$("#load").remove();
		$("#container").append('<span id="load">LOADING...</span>');
		$("#load").fadeIn('normal');
		$("#contact_nav a.current").removeClass('current');
		$(this).addClass('current');
		return false;
		
	});


$("#matlinks a").click(function(){
		var hash = $(this).attr('href');
		hash = hash.replace(/^.*#/, '');
		hash = hash.substr(0,hash.length-5);

		$("#content-wrapper").fadeOut('slow',function(){
			$.historyLoad(hash);
	});
		$("#load").remove();
		$("#container").append('<span id="load">LOADING...</span>');
		$("#load").fadeIn('normal');
		$("#matlinks a.current").removeClass('current');
		$(this).addClass('current');
		return false;
		
	});


// Add-on Scripts
function swap_letter() {
  var first_paragraph = $('div.drop-cap p')[0];
  if (!first_paragraph) return false;
  var node = first_paragraph;
  while (node.childNodes.length) {
    node = node.firstChild;
  }
 
  var text = node.nodeValue;
  var first_letter = text.substr(0,1);
  var match = /[a-zA-Z]/.test(first_letter);
  if ( match ) {
    node.nodeValue = text.slice(1);
    $('<img />')
        .attr('src','images/alphabet/' + first_letter.toLowerCase() + '.png')
        .attr('alt',first_letter)
        .addClass('fancy-letter')
        .prependTo( first_paragraph );
  }
}

});