var currentServiceItem = 0;

$(document).ready(
	function()
	{
	    $("#ServicesLister > .service").fadeOut(0);
	    $("#Service"+currentServiceItem).fadeIn(0);
	    var startHeight = parseInt($("#Service"+currentServiceItem).height()) + 40;
	    startHeight = startHeight.toString();   
	    $("#ServicesLister").animate({height: startHeight+"px"}, 500 );

		$("#ServicesList > ul > li > a").mouseover(
			function(event)
			{
			    $(this).addClass("active");
				var id = this.id;
				if(id != currentServiceItem)
				{
					$("#Service"+currentServiceItem).css("zIndex","0").fadeOut("fast");
					currentServiceItem = id;
				}
				$("#Service"+id).css("zIndex","4").fadeIn("slow");
				var newHeight = parseInt($("#Service"+id).height()) + 40;
	            newHeight = newHeight.toString();			
				$("#ServicesLister").animate({height:newHeight+"px"},500);
				 //alert('test');
			}
		);
		
        $("#ServicesList > ul > li > a").mouseout(function(event)
        {
            $(this).removeClass("active");
        });
	});