$(document).ready(function(){
	// png flexible ************************************************************
	var _png = $('img.big-logo');
	var _container = $('#content div.content-holder');
	var _width = _container.width() - 20;
	_png.defWidth = _png.width();
	_png.defHeight = _png.height();
	_png.css({
		'width':_width,
		'height':_png.defHeight*_width/_png.defWidth
	});
	
	$(window).resize(function(){
		_width = _container.width() - 20;
		_png.css({
			'width':_width,
			'height':_png.defHeight*_width/_png.defWidth
		});
	});
	
	// navigation **************************************************************
	var _navEl = $('ul.menu li');
	var _durationSlide = 400;
	
	_navEl.each(function(i, _el){
		_el = $(_el);
		var _ul = $('> ul', _el);
		_ul.css({'opacity':0});
		
		_el.hover(function(){
			this.hoverEl = true;
			$(this).addClass('hover');
			
			_ul.animate({opacity:1},{queue:false,duration:_durationSlide,complete:function(){
				_ul.css('opacity','auto');
			}});
		}, function(){
			this.hoverEl = false;
			var _this = this;
			if (_ul.length)
				_ul.animate({opacity:0},{queue:false,duration:_durationSlide, complete:function(){
					if (!_this.hoverEl)
						$(_this).removeClass('hover');
				}});
			else $(_this).removeClass('hover');
		});
	});
});