(function($) {		
	$.fn.corners = function() {
		return this.each(function() { 			
			$(this).append('<span class="corner cr-top-left" style="top: 0; left: 0"></span>');
			$(this).append('<span class="corner cr-top-right" style="top: 0; right: 0"></span>');
			$(this).append('<span class="corner cr-bot-left" style="bottom: 0; left: 0"></span>');
			$(this).append('<span class="corner cr-bot-right" style="bottom: 0; right: 0"></span>');
			$(this).css({position: 'relative', zIndex: 1});
		});
	};
})(jQuery);

$(document).ready(function () {
	$("#menu > li > ul").each(function(){
		$(this).wrap("<div style='position: absolute'></div>");
		var div = this.parentNode;
		div.parentNode.nStartHeight = div.offsetHeight;
		$(this).css({
			'visibility' : 'visible'
		});
		$(div).css({
			'overflow': 'hidden',
			'height': 0
		});
	});
	$("#menu > li").hover(
		function () {
			this.className = 'current';
			$(this).find("div").animate({
				'height': this.nStartHeight + 'px'
			}, 500 );
		}, 
		function () {
			this.className = '';
			$(this).find("div").animate({
				'height': 0
			}, 500 );
		}
	);
	
	$('.p-img > p').corners();
});