$(document).ready(function() {

	//add pager to container
    //todo: make pager class a variable    
	
	if ($('div.page').length > 1) {
		$('<dl class="pages bottom"><dt>Pages:<dt><dd><ul></ul></dd></dl>').appendTo('#footer');
		$('<dl class="pages top"><dt>Pages:<dt><dd><ul></ul></dd></dl>').insertAfter('#decoration_container, #infobank_container');
		$('div.page').each(function(index){
			$(this).attr('id', 'page_' + (index + 1));
			$('<li class="page_trigger_' + (index + 1) + '"><a href="#"><span>' + (index + 1) + '</span></a></li>').appendTo('.pages ul');
		});
		if ( jQuery.browser.msie ) {
			if ( jQuery.browser.version.substring(0, 1) == '6' ) {
				$('#infobank #side').addClass('ie6_pull');
			}
			if ( jQuery.browser.version.substring(0, 1) == '7' ) {
				$('#infobank #side').addClass('ie7_pull');
			}
		}
		else {
			$('#infobank #side').css('top','-70px');
		}
	}
   
    //set first tab active on initialization.
    $('dl.pages li.page_trigger_1').addClass('active');
    $('div.image_container:first').show();
    $('div.page:not(:first)').hide();
    
    $('dl.pages a').click(function(){

        var pageNumber = $(this).text();
        
        $('#content > h1').addClass('passive');
        $('#date, #decoration_container > img, #copyright').hide();

        if (pageNumber == "1") {
            $('#content > h1').removeClass('passive');
            $('#date, #decoration_container > img, #copyright').show();
        }
       
	//set current active tab and page 
        $('dl.pages li').removeClass('active');
        $('dl.pages li.page_trigger_' + (pageNumber)).addClass('active');
        $('div.image_container, div.page').hide();
        $('div.image_container#item_' + (pageNumber)).show();
        $('div#page_' + (pageNumber)).show();
       
	//Jump to #container
        window.location.hash = "container";

    // Safari
        window.scrollTo(0, 0);

    	/** we kunnen dit een keer proberen..
    	if($.browser.safari) {
    	    window.location.replace(window.location.hash);
    	}
    	*/
       
        return false;
        
    });
});
