var listHeight = 0;
var listArray = new Array();
var listClass = "";

function arrayPosition( tempClass ){

	var position = 0;

	switch(tempClass){
		case "link1":
			position = 0;
			break;
		case "link2":
			position = 1;
			break;
		case "link3":
			position = 2;
			break;
		case "link4":
			position = 3;
			break;
	}// end switch

	return position;

}// end function - arrayPosition



$(function(){

	$("#navigation ul ul").each(function(){
		listArray.push( $(this).height() );
	});// end - each


    $("#navigation ul li").hover(function(){

		listClass = $(this).attr("class");

		listHeight = listArray[arrayPosition( listClass )];

		$("ul:first", this).css({ height : "0px" });

		$("ul:first", this).stop().show().animate({ height: listHeight+"px", opacity : 1}, 500);

    }, function(){

		$("ul:first", this).stop().animate({ height: "0px", opacity : 0}, 500, function(){ $(this).hide().css({ "height" : listHeight+"px" }); });

    });

});// end - function