$(document).ready(function(){ 
	$(document).pngFix();
	var navigation = $("#navigation ul li a");
	var loader = $("#loader");
	var content = $("#content");
	
	hideLoader();
	
	var currentHash = document.location.hash;
	evaluateId(currentHash.substr(1));
	
	navigation.click(function(){
		document.location.hash = '#' + this.id;
		return evaluateId(this.id);
	});
	
	function evaluateId(id) {
		switch(id){
			case "rss":
				hideContent();
				content.load("rss.php #content", showContent);
				break;
			case "data":
				hideContent();
				content.load("data.php #content", showContent);
				break;
			case "portfolio":
				hideContent();
				content.load("portfolio.php #content", showContent);
				break;
			case "bookmarks":
				hideContent();
				content.load("bookmarks.php #content", showContent);
				break;
			default:
				return true;
				break;
		}
		return false;
	}
	function showContent() { 
		content.animate({ height: 'show', opacity: 'show' }, 'fast', hideLoader);
	}
	function hideContent() {
		content.animate({ height: 'hide', opacity: 'hide' }, 'fast', showLoader);
	}
	function showLoader() {
		loader.animate({ height: 'show', opacity: 'show' }, 'fast');
	}
	function hideLoader() {
		loader.animate({ height: 'hide', opacity: 'hide' }, 'fast');
	}
	
});