$(document).ready(function(){
		var isAnimated = false;
		var firstTime  = true;
		var droppedDown= false;
		

		
		$("div#dropDownContainer").hide();
		$("div#dropDownContainer").css("margin-top", "-" + $("div#dropDownContainer").height() + "px");
		$("div#dropDownContainer").show();
		
		$("div#ourServicesBtn-Down, div#ourServicesBtn-Up").click(function() {
			if(! isAnimated) {
				isAnimated = true;
				
				if(droppedDown) {
					$(this).attr("id", "ourServicesBtn-Down");
					$("div#dropDownContainer").animate({marginTop:'-' + $("div#dropDownContainer").height() + "px"}, 1000);
					droppedDown = false;
				} else {
					$(this).attr("id", "ourServicesBtn-Up");
					$("div#dropDownContainer").animate({marginTop:"0"}, 1000);
					droppedDown = true;
				}
				
				// soon as the animation is done
				// set the animated back to false.
				setTimeout(function() {isAnimated = false;}, 1000);
			}
		});
	});