var hash;

function init() {
	if (window.location.hash != '' && window.location.hash != null) {
		hash = window.location.hash;
		switch(window.location.hash) {
			case '#about':
			$('#scroll').css("marginLeft", "0");
			clearNav();
			$('#aboutLink').addClass('selected');
			break;
			
			case '#services':
			$('#scroll').css("marginLeft",  "-930px");
			clearNav();
			$('#servicesLink').addClass('selected');
			break;
			
			case '#new_web_presence':
			$('#scroll').css("marginLeft",  "-930px");
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "block");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(0)').parent().addClass('current');
			break;
			
			case '#site_redesign':
			$('#scroll').css("marginLeft",  "-930px");
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "block");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(1)').parent().addClass('current');
			break;
			
			case '#custom_application':
			$('#scroll').css("marginLeft",  "-930px");
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "block");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(2)').parent().addClass('current');
			break;
			
			case '#ecommerce':
			$('#scroll').css("marginLeft",  "-930px");
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "block");
			tabs.clearTabs();
			$('#servicesNav a:eq(3)').parent().addClass('current');
			break;
			
			case '#portfolio':
			$('#scroll').css("marginLeft",  "-1860px");
			clearNav();
			$('#portfolioLink').addClass('selected');
			break;
			
			case '#relationships':
			$('#scroll').css("marginLeft",  "-2790px");
			clearNav();
			$('#relationshipsLink').addClass('selected');
			break;
			
			case '#contact':
			$('#scroll').css("marginLeft",  "-3720px");
			clearNav();
			$('#contactLink').addClass('selected');
			break;
		}
	} else {
		hash = '#about';
		window.location.hash = "about";
		clearNav();
		$('#aboutLink').addClass('selected');
	}
	
	setEvents();
	timerEvent();
}

function timerEvent() {
	if (hash != window.location.hash) {
		switch(window.location.hash) {
			case '#about':
			hash = '#about';
			slide('0');
			clearNav();
			$('#aboutLink').addClass('selected');
			break;
			
			case '#services':
			hash = '#services';
			slide('-930px');
			clearNav();
			$('#servicesLink').addClass('selected');
			break;
			
			case '#new_web_presence':
			hash = '#new_web_presence';
			slide('-930px');
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "block");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(0)').parent().addClass('current');
			break;
			
			case '#site_redesign':
			hash = '#site_redesign';
			slide('-930px');
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "block");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(1)').parent().addClass('current');
			break;
			
			case '#custom_application':
			hash = '#custom_application';
			slide('-930px');
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "block");
			$('#ecommerce').css("display",  "none");
			tabs.clearTabs();
			$('#servicesNav a:eq(2)').parent().addClass('current');
			break;
			
			case '#ecommerce':
			hash = '#ecommerce';
			slide('-930px');
			clearNav();
			$('#servicesLink').addClass('selected');
			$('#web_presence').css("display",  "none");
			$('#site_redesign').css("display",  "none");
			$('#custom_application').css("display",  "none");
			$('#ecommerce').css("display",  "block");
			tabs.clearTabs();
			$('#servicesNav a:eq(3)').parent().addClass('current');
			break;
			
			case '#portfolio':
			hash = '#portfolio';
			slide('-1860px');
			clearNav();
			$('#portfolioLink').addClass('selected');
			break;
			
			case '#relationships':
			hash = '#relationships';
			slide('-2790px');
			clearNav();
			$('#relationshipsLink').addClass('selected');
			break;
			
			case '#contact':
			hash = '#contact';
			slide('-3720px');
			clearNav();
			$('#contactLink').addClass('selected');
			break;
		}
	}
	setTimeout(timerEvent, 500);
}

function setEvents() {
	$('#aboutLink').bind('click', function() {
		slide('0');
		window.location.hash = "about";
		hash = "#about";
		clearNav();
		$(this).addClass('selected');
		return false;
	});
	
	$('#servicesLink').bind('click', function() {
		slide('-930px');
		window.location.hash = "services";
		hash = "#services";
		clearNav();
		$(this).addClass('selected');
		return false;
	});
	
	$('#portfolioLink').bind('click', function() {
		slide('-1860px');
		window.location.hash = "portfolio";
		hash = "#portfolio";
		clearNav();
		$(this).addClass('selected');
		return false;
	});
	
	$('#relationshipsLink').bind('click', function() {
		slide('-2790px');
		window.location.hash = "relationships";
		hash = "#relationships";
		clearNav();
		$(this).addClass('selected');
		return false;
	});
	
	$('#contactLink').bind('click', function() {
		slide('-3720px');
		window.location.hash = "contact";
		hash = "#contact";
		clearNav();
		$(this).addClass('selected');
		return false;
	});
	
	$('#scrollRight').bind('click', function() {
	    var x = $('#scroll').css('marginLeft');
		switch(x) {
			case '0px':
			case '0pt':
			slide('-930px');
			window.location.hash = "services";
			hash = "#services";
			clearNav();
			$("#servicesLink").addClass('selected');
			break;
			
			case '-930px':
			slide('-1860px');
			window.location.hash = "portfolio";
			hash = "#portfolio";
			clearNav();
			$("#portfolioLink").addClass('selected');
			break;
			
			case '-1860px':
			slide('-2790px');
			window.location.hash = "relationships";
			hash = "#relationships";
			clearNav();
			$("#relationshipsLink").addClass('selected');
			break;
			
			case '-2790px':
			slide('-3720px');
			window.location.hash = "contact";
			hash = "#contact";
			clearNav();
			$("#contactLink").addClass('selected');
			break;
			
			case '-3720px':
			slide('0');
			window.location.hash = "about";
			hash = "#about";
			clearNav();
			$("#aboutLink").addClass('selected');
			break;
		}
		
		return false;
	});
	
	$('#scrollLeft').bind('click', function() {
	    var x = $('#scroll').css('marginLeft');
		switch(x) {
			case '0px':
			case '0pt':
			slide('-3720px');
			window.location.hash = "contact";
			hash = "#contact";
			clearNav();
			$("#contactLink").addClass('selected');
			break;
			
			case '-930px':
			slide('0');
			window.location.hash = "about";
			hash = "#about";
			clearNav();
			$("#aboutLink").addClass('selected');
			break;
			
			case '-1860px':
			slide('-930px');
			window.location.hash = "services";
			hash = "#services";
			clearNav();
			$("#servicesLink").addClass('selected');
			break;
			
			case '-2790px':
			slide('-1860px');
			window.location.hash = "portfolio";
			hash = "#portfolio";
			clearNav();
			$("#portfolioLink").addClass('selected');
			break;
			
			case '-3720px':
			slide('-2790px');
			window.location.hash = "relationships";
			hash = "#relationships";
			clearNav();
			$("#relationshipsLink").addClass('selected');
			break;
		}
		
		return false;
	});
}

function clearNav() {
	$(".navigation a").removeClass('selected');
}

function slide(x) {
	$('#scroll').animate({
		marginLeft: x
	}, 500);
}

$(document).ready(function() {
	init();
});