/*
* Navigationsanimation
*/
var i=0;
function a1(element){
if(i<14){
	
	color=$(element).css('background-color');
	$(element).css("background-color",'#ff0000')
	.animate({"backgroundPosition":"0 -20px"},{ duration:500 },'',function(){$(element).css('background-color',color);})
	.animate({"backgroundPosition":"0 0"},200,'',function(){$(element).css({'background-color':color,'opacity':1});if(i==7)$(element).parent().parent().parent().removeClass('sfhover');
		if(i==12){
		$(element).parent().prev().removeClass('sfhover');
		}
		})
	.parent().toggleClass('sfhover');

	i++;
}else{
	i=0;

}
setTimeout("a1('#mainnavi li:eq("+i+") a:first')",500);

}
function showLi(element){
if(i<=17){
	$(element).animate({"marginTop":"-5px","opacity":"1"},300,'',function(){
	}).addClass('sfhover');
	$(element).find('li').hide();
	$(element).animate({"marginTop":"0","opacity":"1"},300).show();
	setTimeout("showLi('#mainnavi li:eq("+i+")')",500);
	i++;
	if(i==12||i==17){
	prevcss=$(element).prev().find('ul').css();
	//$(element).prev().find('ul').hide(500);
	$(element).prev().find('ul li').animate({
	"marginTop":"105px"
	},100,'',function(){
	$(element).prev().removeClass('sfhover');
	$(element).prev().find('ul li').css({'margin-top' : '0'}).parent().show();
	
	});
	
	}
	}else{
	i=0;
	$('#mainnavi  li ul li').animate({"opacity":"0"},500,'',function(){$('#mainnavi  li').removeClass('sfhover');$(this).css('opacity',1)})
	
	return false;
	}
}
$(document).ready(function(){
$('#mainnavi  li').css({'margin-top':'50px','opacity':'0'});
setTimeout("showLi('#mainnavi li:eq("+i+")')",300);

//setTimeout("a1('#mainnavi li:eq("+i+") a:first')",1000);


//.animate({backgroundPosition:"0px"},2000)
});