$(document).ready(function()
{
	gnavsd("#gNav");
	
});

function gnavsd(navigation_id)
{
	var timer = 0;
	var multiplier = .8;
	var time = 450;
	
	var timer2 = 0;
	var time2 = 350;
	var multiplier2 = .6;
	
	var list_elements = navigation_id + " li";
	var list_marks = navigation_id + " li a span.mk";
	
	$(list_marks).each(function(i) {
		$(this).css("opacity","0");
		$(this).next().css("opacity","0");
		$(this).next().css("margin-left","-3px");
		
		timer = (timer*multiplier + time);
		$(this).animate({ opacity: "1" }, timer);
		
		timer2 = (timer2*multiplier2 + time2);
		$(this).next().animate({opacity: "1", marginLeft: "0px" }, timer2);
	});
	
	$(list_elements).each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).children().children('span.ov').css("visibility","visible");
			$(this).children().children('span.tx').animate({ marginLeft: "20px", opacity: "0" }, 300);
		},
		function()
		{
			$(this).children().children('span.tx').animate({ marginLeft: "0", opacity: "1" }, 150);
			$(this).children().children('span.ov').css("visibility","hidden");
		});
	});

}