$.noConflict();
jQuery(document).ready(function($) {
						   
	/** First Content Loaded */
	var href = $('.Box-Works').find('a.first').attr('href');
	var toLoad = href.substr(0,href.length-4) +'.php';
	var startHeight = getHeight();
	
	$('#content').load(toLoad);
	
	/** Prepare Content Loader */
	/*var hash = window.location.hash.substr(1);
	var href = $('.Box-Works a').each(function(){
		var href = $(this).attr('href');
		
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html';
			$('#content').load(toLoad);
		}										
	});*/

	/** Load New Content */
	$('.Box-Works a').click(function(){
		var toLoad = $(this).attr('href');
		
		$('#content').hide('normal',loadContent);
		$('#load').remove();
		$('#wrapper').append('<div id="load"></div>');
		$('#load').fadeIn('normal');
		
		$("#services-element").css({'height': '480px'});
		
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-4);
		
		function loadContent() {
			$('#content').load(toLoad,'',showNewContent());
		}
		function showNewContent() {
			$('#content').show('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		function getHeight() {
			return $('#services-element').height();	
		}
		
		return false;
		
	});

});

/*
Usage for Alex Gyorgy
-------------
<ul id="nav">
	<li class="first"><a href="make-site.html">welcome</a></li>
	<li><a href="ecommerce.html">about</a></li>
	<li><a href="hosting.html">portfolio</a></li>
	<li><a href="identity.html">contact</a></li>
	<li><a href="seo.html">terms</a></li>
</ul>

JS Code
-------------
$.noConflict();
jQuery(document).ready(function($) {
						   
	var hash = window.location.hash.substr(1);
	
	var href = $('#nav li a').each(function(){
		var href = $(this).attr('href');
		//alert(href.substr(0,href.length-5));
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html';
			//alert(toLoad)
			$('#content').load(toLoad)
		} else {
			var href = $(this).parents('ul').find('li.first a').attr('href');
			var toLoad = href.substr(0,href.length-5) +'.html';
			alert(toLoad)
			$('#content').load(toLoad)
		}											
	});

	$('#nav li a').click(function(){
								  
		var toLoad = $(this).attr('href');
		$('#content').hide('normal',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;
		
	});

});*/