var currentItem = 0;

$(document).ready(
	function()
	{


	
	$("#ServiceDetails > .service").fadeOut(0);
	$("#Service"+currentItem).fadeIn(0);
	

		$("#ServiceList > ul > li > a").mouseover(
			function(event)
			{
			    $("#0").removeClass("active");
				var id = this.id;
				if(id != currentItem)
				{
					$("#Service"+currentItem).css("zIndex","0").fadeOut("slow");
					currentItem = id;
				}
				$("#Service"+id).css("zIndex","4").fadeIn("slow");
				// alert('test');
			}
		);

	});