var naviTimer;
var $j = jQuery;

function naviFadeIn(element) {
	$j(element).find('a:parent').css({'color':'#E72019'});
	naviTimer = setTimeout(function () {
		$j(element).find('div:first').fadeIn('fast');
		$j('#mainnav .subnavigation ul.subnavigation-hover li.subnavhover').find('a').css({'color':'#ffffff'});
	}, 300);
}

function initNavi() {
	$j('#mainnav .subnavigation').each(function () {
		$j(this).parent().hover(function () {
			naviFadeIn(this);
		}, function () {
			clearTimeout(naviTimer);
			$j(this).find('div:first').fadeOut('fast');
			$j(this).find('a:parent').css({'color':'#ffffff'});
		});
	});
	
	$j('#mainnav .subnavigation ul.subnavigation-hover li.subnavhover').each(function() {
		$j(this).hover(function() {
			$j(this).find('a').css({'color':'#E72019'});
		}, function() {
			$j(this).find('a').css({'color':'#ffffff'});
		});
	});
}