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

	$('#service-menu li a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #service-holder';
		$('#service-holder').fadeOut('fast',loadContent);
		$('#load').remove();
		$('#load-holder').append('<span id="load"></span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#service-holder').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#service-holder').fadeIn('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});
	
	
		$('a#web-design').click(function(){
								  
			$('li#web').addClass("service-selected");
			$('li#copy, li#logo, li#phone, li#video').removeClass("service-selected");
		
		});
		
		$('a#copywriting').click(function(){
								  
			$('li#copy').addClass("service-selected");
			$('li#web, li#logo, li#phone, li#video').removeClass("service-selected");
		
		});
		
		$('a#logo-design').click(function(){
								  
			$('li#logo').addClass("service-selected");
			$('li#web, li#copy, li#phone, li#video').removeClass("service-selected");
		
		});	
		
		$('a#phone-dev').click(function(){
								  
			$('li#phone').addClass("service-selected");
			$('li#web, li#logo, li#copy, li#video').removeClass("service-selected");
		
		});			
	
		$('a#video-design').click(function(){
								  
			$('li#video').addClass("service-selected");
			$('li#web, li#logo, li#phone, li#copy').removeClass("service-selected");
		
		});	

});