$(function() {
	var fadeSpeed = ($.browser.safari ? 600 : 450);
	// $('#logotype').append('<span class="hover"></span>');
	$('<span class="hover"></span>');
	$('.hover').css('opacity', 0);
	$('.hover').parent().hover(function() {
		$('.hover', this).stop().animate({
			'opacity': 1
		},
		fadeSpeed)
	},
	function() {
		$('.hover', this).stop().animate({
			'opacity': 0
		},
		fadeSpeed)
	});
});

var Navigation = function() {
	var me = this;
	var args = arguments;
	var self = {
		c: {
			navItems: '.nav_qpo, .nav_quidoo, .nav_gaia, .nav_an, .nav_press',
			navSpeed: ($.browser.safari ? 500 : 500)
		},
		init: function() {
			$('.linka').append('<span class="hover"></span>');
			$('.hover').css('opacity', 0);
			$('.linka').hover(function() {
				self.fadeNavIn.apply(this)
			},
			function() {
				self.fadeNavOut.apply(this)
			})
		},
		fadeNavIn: function() {
			$('.hover', this).stop().animate({
				'opacity': 1
			},
			self.c.navSpeed)
		},
		fadeNavOut: function() {
			$('.hover', this).stop().animate({
				'opacity': 0
			},
			self.c.navSpeed)
		}
	};
	self.init();
	return self
};
$(function() {
	new Navigation()
});