$(document).ready(function(){

	$('#servicesdiagram a').click(function(){
		var strActiveAnchor=$(this).attr('id');

		resetFocusLists();
		selectList(strActiveAnchor);

		changeStaffClasses(strActiveAnchor,'selected');

		return false;
	});


	$('#servicesdiagram a').hover(function(){
		var strActiveAnchor=$(this).attr('id');

		highlightList(strActiveAnchor);
		changeStaffClasses(strActiveAnchor,'hover');

	},function(){
		resetHoverLists();
		removeStaffClasses('','hover');
	});

});

function highlightList(strID){
	$('#'+strID+'list').addClass('hover');
}

function resetHoverLists(){
	$('#servicelists .col > div').removeClass('hover');
}

function selectList(strID){
	$('#'+strID+'list').addClass('focus');
}

function resetFocusLists(){
	$('#servicelists .col > div').removeClass('focus');
}
function changeStaffClasses(strActiveAnchor,strClass){

	if(strClass=='selected'){
		removeStaffClasses('','');
	}

	switch(strActiveAnchor){
		case 'servicesplanmanage':
		case 'servicesbusdev':
		case 'servicestraining':
			addStaffClass('#hilarycampton,#suecarr',strClass);

			break;
		case 'servicesknowledge':
			addStaffClass('#hilarycampton,#suecarr,#dianewood',strClass);

			break;
		case 'servicescommunications':
		case 'servicesdigital':
			addStaffClass('',strClass);
			break;
	}
	
}
function addStaffClass(strIDs,strClass){
	if(strIDs==''){
		strIDs='#hilarycampton,#suecarr,#dianewood,#sambowles';
	}

	$(strIDs).addClass(strClass);
}
function removeStaffClasses(strIDs,strClass){
	if(strIDs==''){
		strIDs='#hilarycampton,#suecarr,#dianewood,#sambowles';
	}
	if(strClass==''){
		strClass='hover selected';
	}

	$(strIDs).removeClass(strClass);
}