$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#nav a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
		}											
	});

	$('#nav a').click(function(){
								  
		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;
		
	});

});

function mOver1()
{
$('#menu1').stop();
$('#menu1').animate({left:20}, 300);
}

function mOut1()
{
$('#menu1').stop();
$('#menu1').animate({left:0}, 300);
}

function mOver2()
{
$('#menu2').stop();
$('#menu2').animate({left:20}, 300);
}

function mOut2()
{
$('#menu2').stop();
$('#menu2').animate({left:0}, 300);
}

function mOver3()
{
$('#menu3').stop();
$('#menu3').animate({left:20}, 300);
}

function mOut3()
{
$('#menu3').stop();
$('#menu3').animate({left:0}, 300);
}

function mOver4()
{
$('#menu4').stop();
$('#menu4').animate({left:20}, 300);
}

function mOut4()
{
$('#menu4').stop();
$('#menu4').animate({left:0}, 300);
}

function mOver5()
{
$('#menu5').stop();
$('#menu5').animate({left:20}, 300);
}

function mOut5()
{
$('#menu5').stop();
$('#menu5').animate({left:0}, 300);
}

function mOverp1()
{
$('#p1').stop();
$('#p1').animate({left:20}, 300);
$('#c1').load('html/1.html','');
}

function mOutp1()
{
$('#p1').stop();
$('#p1').animate({left:0}, 300);
}

function mOverp2()
{
$('#p2').stop();
$('#p2').animate({left:20}, 300);
$('#c1').load('html/2.html','');
}

function mOutp2()
{
$('#p2').stop();
$('#p2').animate({left:0}, 300);
}

function mOverp3()
{
$('#p3').stop();
$('#p3').animate({left:20}, 300);
$('#c1').load('html/3.html','');
}

function mOutp3()
{
$('#p3').stop();
$('#p3').animate({left:0}, 300);
}

function mOverp4()
{
$('#p4').stop();
$('#p4').animate({left:20}, 300);
$('#c1').load('html/4.html','');
}

function mOutp4()
{
$('#p4').stop();
$('#p4').animate({left:0}, 300);
}

function mOverp5()
{
$('#p5').stop();
$('#p5').animate({right:20}, 300);
$('#c1').load('html/5.html','');
}

function mOutp5()
{
$('#p5').stop();
$('#p5').animate({right:0}, 300);
}

function mOverp6()
{
$('#p6').stop();
$('#p6').animate({right:20}, 300);
$('#c1').load('html/6.html','');
}

function mOutp6()
{
$('#p6').stop();
$('#p6').animate({right:0}, 300);
}

function mOverp7()
{
$('#p7').stop();
$('#p7').animate({right:20}, 300);
$('#c1').load('html/7.html','');
}

function mOutp7()
{
$('#p7').stop();
$('#p7').animate({right:0}, 300);
}

function mOverp8()
{
$('#p8').stop();
$('#p8').animate({right:20}, 300);
$('#c1').load('html/8.html','');
}

function mOutp8()
{
$('#p8').stop();
$('#p8').animate({right:0}, 300);
}