$(document).ready(function () {

    function handleHashChange() {
        var hash = window.location.hash.substr(1);
        var href = $('#nav li a').each(function () {
            var href = $(this).attr('href');
            if (hash == href.substr(0, href.length - 5)) {
                $('a.current').removeClass('current');
                $(this).addClass('current');
                var toLoad = hash + '.html #content';
                $('#content').load(toLoad)
            }
        });
		
		setTimeout(function() {
			$('div.imagelist a').lightBox();
		}, 1200);
		
    }
	
    handleHashChange();


    $(window).hashchange(function () {
        handleHashChange();
    });
	
	$('div.imagelist a').lightBox();

    $('#nav li a').click(function () {
        $('a.current').removeClass('current');
        $(this).addClass('current');
        var toLoad = $(this).attr('href') + ' #content';

        $('#content').hide('fast', loadContent);
        $('#load').remove();
        $('#wrapper').append('<span id="load">LOADING...</span>');
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
        function loadContent() {
            $('#content').load(toLoad, '', showNewContent())
        }
        function showNewContent() {
            $('#content').show('normal', hideLoader());
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;

    });


    
});