$(document).ready(function(){
	var $scrollerWindow = $('#content');
	var $speed = 1500;

	
	function gotoHome()
	{
		$scrollerWindow.stop().scrollTo( $('#home'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(0px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(20px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(20px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#nextControl').addClass("goto_web");
		$('#prevControl').addClass("noScroll");
		$('h1').text('Digital Portfolio');
		_gaq.push(['_trackEvent', 'Nav', 'Home']);
		return false;
	}
	
	function gotoWeb()
	{
		$scrollerWindow.stop().scrollTo( $('#web'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-980px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-1160px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-1360px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#nextControl').addClass("goto_about");
		$('#prevControl').addClass("goto_home");
		$('h1').text('Web Design');
		$('.webDetail:visible').fadeOut('normal',function()
		{
			$('#webMain').fadeIn();
		});
		_gaq.push(['_trackEvent', 'Nav', 'Web']);
		return false;
	}
	
	function gotoAbout()
	{
		$scrollerWindow.stop().scrollTo( $('#about'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-1960px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-2340px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-2740px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#nextControl').addClass("goto_contact");
		$('#prevControl').addClass("goto_web");
		$('h1').text('About Charlie');
		_gaq.push(['_trackEvent', 'Nav', 'About']);
		return false;
	}
	
	function gotoContact()
	{
		$scrollerWindow.stop().scrollTo( $('#contact'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-2940px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-3520px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-4120px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact");
		$('#nextControl').addClass("goto_final");
		$('#prevControl').addClass("goto_about");
		$('h1').text('Contact');
		_gaq.push(['_trackEvent', 'Nav', 'Contact']);
		return false;
	}
	
	function gotoFinal()
	{
		$scrollerWindow.stop().scrollTo( $('#final'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-2940px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-3520px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-4120px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact goto_final");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact goto_final");
		$('#nextControl').addClass("goto_last");
		$('#prevControl').addClass("goto_contact");
		$('h1').text('Fianl');
		_gaq.push(['_trackEvent', 'Nav', 'Final']);
		return false;
	}
	
	function gotoLast()
	{
		$scrollerWindow.stop().scrollTo( $('#last'), $speed, {axis:'x',offset:{left: -20, top:0 }} );
		$('h1').stop().animate({backgroundPosition: '(-2940px 0px)'}, $speed );
		$('#title2').stop().animate({backgroundPosition: '(-3520px 0px)'}, $speed+300 );
		$('#title3').stop().animate({backgroundPosition: '(-4120px 0px)'}, $speed+600 );
		$('#nextControl').removeClass("noScroll goto_home goto_web goto_about goto_contact goto_final goto_last");
		$('#prevControl').removeClass("noScroll goto_home goto_web goto_about goto_contact goto_final goto_last");
		$('#nextControl').addClass("noScroll");
		$('#prevControl').addClass("goto_final");
		$('h1').text('Fianl');
		_gaq.push(['_trackEvent', 'Nav', 'Last']);
		return false;
	}
	
	function noScroll()
	{
		return false;
	}
	
	$('.goto_home').live("click", gotoHome);
	$('.goto_about').live("click", gotoAbout);
	$('.goto_web').live("click", gotoWeb);
	$('.goto_contact').live("click", gotoContact);
	$('.goto_final').live("click", gotoFinal);
	$('.goto_last').live("click", gotoLast);
	$('.noScroll').live("click", noScroll);
	
	
	$('.back').click(function()
	{
		$('.webDetail:visible').fadeOut('normal',function()
		{
			$('#webMain').fadeIn();
		});	
		return false;
	}
	);

});