$(document).ready(function(){

	//initialization
	var current_service = $("#current_service").text();
	var first_title = $("#our_services ul li#service_"+current_service+" a").text();
	$("#service_heading").text(first_title);
	$("#our_services ul li#service_"+current_service+"").addClass("active");
	$("#service_desc_"+current_service+"").show();
	
	var service_num = current_service;
	var service_title = first_title;

	$("#sectors li a, #our_services ul li a").click(function(){
		return false;
	});

	//hover on sectors list
	$("#sectors li a").hover(
		function(){
			$("#our_services ul li").removeClass("active");
			var services = $(this).next("span").text();
			var service_num;			
			for(var i=0; i<=20; i++) {
				service_num = services.substring(i, i+1);
				if (service_num == 1) {
					$("#our_services ul li#service_"+i+"").addClass("active");
				}
			}
			$(this).addClass("sfhover");
			
			var sector_title = $(this).text();
			$("#service_heading").text(sector_title);
			var sector_desc = $(this).parent().children(".sector_desc").text();
			//alert(sector_title);
			$(".service_desc, .sd").hide();
			$(".sd").remove();
			$("#service_description").append("<p class='sd'>"+sector_desc+"</p>");
			
		},
		function(){
			$("#our_services ul li").removeClass("active");
			$(this).removeClass("sfhover");
			$("#our_services ul li#service_"+service_num+"").addClass("active");
			
			$(".service_desc, .sd").hide();
			$("#service_heading").text(service_title);
			$("#service_desc_"+service_num+"").show();
			
		}
	);	
	
	//hover on services list
	$("#our_services ul li a").mouseover(
		function(){
			$("#our_services ul li").removeClass("active");
			$(this).parent("li").addClass("active");
			service_num = $(this).next("span").text();
			service_title = $(this).text();
			$(".service_desc, .sd").hide();
			$("#service_heading").text(service_title);
			$("#service_desc_"+service_num+"").show();
		}
	);
	



});