// JavaScript Document

$(document).ready(function() {
	
	
	$('.navnav').hover(function () {
	    $(this).animate({backgroundPosition: '0 -40px'}, 300);
	  },
	  function () {
	    $(this).animate({backgroundPosition: '0 0'}, 300);
	  });
	
	$('.navhere').live('mouseenter',function () {
		$(this).animate({}, 300);
	});
	$('.navhere').live('mouseleave',function () {
		$(this).animate({}, 300);
	});
	
	/*
	// nav hover
	$('#nav li a').live('mouseenter',function(){
		$(this).animate({backgroundPosition: '0 -40px'}, 300);
	});
	
	$('#nav li a').live('mouseleave',function(){
		$(this).animate({backgroundPosition: '0 0'}, 300);
	});
	*/
	
	
	// scroll to top on reload
	$('html, body').animate({ scrollTop: 0 }, 'slow')
	
	// nav changer WOOORRRRKKKKSSSSSSSSSSS
	$('#nav li a').click(function() {
		//Remove all nav selected styles
		$('#nav li a').parent().removeClass('navhere');

		//Add the nav selected style
		$(this).parent().addClass('navhere');
	});

	
	
	/*
	// nav changer WOOORRRRKKKKSSSSSSSSSSS
	$('#nav li a').click(function() {
		//Remove all nav selected styles
		$('#nav li a').parent().css('background-color', '');

		//Add the nav selected style
		$(this).parent().css('background-color', 'red');
	});
	*/
	
	/*
	// nav changer
	$('#nav li a').click(function() {
		//Remove all nav selected styles
		$(this).switchClass("navhere", "navnav", 300);

		//Add the nav selected style
		$(this).switchClass("navnav", "navhere", 300);
	});
	*/
    
    $('#content li').live('mouseenter',function(){
    	 $("p", this).animate({opacity: 1}, 300);
    });
    
    $('#content li').live('mouseleave',function(){
    	 $("p", this).animate({opacity: 0}, 300);
    });
    

	
		
	///////////////////////////////
	// content switcher
	// Check for hash value in URL  
    var hash = window.location.hash.substr(1);
    
	var href = $('#left li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
		}											
	});
	
	
	$('#left li a').bind("click", function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#content').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());
			$('html, body').animate({ scrollTop: 0 }, 'slow')

		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});
	
	
	// for sub nav elements
	var href = $('#content li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
		}											
	});
	
	$('#content  a:not(.non)').live("click", function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#content').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());
			$('html, body').animate({ scrollTop: 0 }, 'slow')

		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});

});