$(document).ready(function() {


$('div#subnav').before('<div id="filterbox"><ul id="filterul"><li class="current"><a href="#">all</a></li>|<li><a href="#">web</a></li>|<li><a href="#">motion</a></li>|<li><a href="#">print</a></li>|<li><a href="#">artwork</a></li></ul></div>');

		Shadowbox.init({
			players: ["iframe", "img", "html", "swf"],
                        overlayColor: "#F4F4F4",
                        overlayOpacity: 0.8,
		});

var hash = window.location.hash.substr(2);
var url = 'http://wilfswann.co.uk/'+hash;
var href = $('#subnav li a, #topnav li.page_item a').each(function(){
	var href = $(this).attr('href'); 
    if( url == href){
        var toLoad = hash+' .page';
        $('#content').load(toLoad,loadedSetup) 
    }
 
      function loadedSetup() {
             Shadowbox.setup();
             $('.workpreview').hover(  
               function () {
                   $(this).fadeTo('fast', 0.5);
               },
               function () {
                   $(this).fadeTo('fast', 1);
               }
             );  
      }
});

   $('#subnav li a, #topnav li.page_item a').click(function(){  
      var toLoad = $(this).attr('href')+' .page';
          $('#content, .sidebar').slideUp('fast',loadContent);
          $('#container').append('<span id="load">LOADING...</span>');  
          $('#load').fadeIn('normal');  
              window.location.hash = $(this).attr('href').substr(22,$(this).attr('href').length); 
          function loadContent() {  
             $('#content').load(toLoad,'',showNewContent);
          }  

          function showNewContent() {
             $('#content').slideDown('normal',hideLoader);
             Shadowbox.setup();   
          }

          function hideLoader() {
	     $('#load').fadeOut('normal');
             $('.workpreview').hover(  
               function () {
                   $(this).fadeTo('fast', 0.5);
               },
               function () {
                   $(this).fadeTo('fast', 1);
               }
             );
          }

              return false; 
		

   }); 

 $('ul#filterul a').click(function() {  

     $('ul#filterul .current').removeClass('current');  
     $(this).parent().addClass('current'); 

var filter = $(this).text()

if(filter == 'all') {
	$('div#subnav ul li.hidden').fadeTo('slow', 1).removeClass('hidden');
}

else {
	$('div#subnav ul li').each(function() {
		if(!$(this).hasClass(filter)) {
			$(this).fadeTo('400', 0.2).addClass('hidden');
		} else {
			$(this).fadeTo('slow', 1).removeClass('hidden');
		}
	});
}
     return false;  
 }); 







 
});