// JavaScript Document
function setPanel(iPanel){
	$$('#serviceslist ul li').each(function(el){el.removeClassName('active')})
	$('services_'+iPanel).addClassName('active')
	xcoord=0-(980*(iPanel-1))
	new Effect.Move('servicescontent',{x:xcoord,y:0,mode:'absolute',transition:Effect.Transitions.spring,duration:0.5})
}
function setProject(iPanel){
	$$('#projectslist ul li').each(function(el){el.removeClassName('active')})
	$('projects_'+iPanel).addClassName('active')
	ycoord=0-(241*(iPanel-1))
	new Effect.Move('projectscontent',{x:0,y:ycoord,mode:'absolute',transition:Effect.Transitions.spring,duration:0.5})
}
function setCaseStudy(iPanel){
	$$('#casestudieslist ul li').each(function(el){el.removeClassName('active')})
	$('casestudies_'+iPanel).addClassName('active')
	xcoord=0-(980*(iPanel-1))
	new Effect.Move('casestudiescontent',{x:xcoord,y:0,mode:'absolute',transition:Effect.Transitions.spring,duration:0.5})
}

document.observe("dom:loaded",function(){
									   switch(window.location.hash.substr(1)) {
										case 'marketing':
										   	setPanel(1)
											break;
										case 'branding':
										   	setPanel(2)
											break;
										case 'graphic-design':
										   	setPanel(3)
											break;
										case 'web-design':
										   	setPanel(4)
											break;
										case 'digital-services':
										   	setPanel(5)
											break;
										case 'advertising':
										   	setPanel(6)
											break;
										case 'public-relations':
										   	setPanel(7)
											break;
										case 'bettavend':
										   	setProject(1)
											break;
										case 'bvdigital':
										   	setProject(2)
											break;
										case 'ves':
										   	setProject(3)
											break;
										case 'honeypot':
										   	setProject(4)
											break;
										case 'stannah':
										   	setProject(5)
											break;
									   }
									   });