$(document).ready(function() {
	replaceMenu();
	animateNews();
	setupPanels();
});

function replaceMenu() {
	$("#topnav").wrap($("<div>").css("position", "relative"));

	var images = ["home", "manager", "stats", "leagues", "cups", "history"];

	$("#topnav")
	.css({"left" : "-70px", "top" : "30px"})
	.wrapInner('<div id="navlinks">')
	.prepend(
		$("<div>").attr("id", "navicons")
	);

	$("#navlinks > ul > li").hide();
	$("#navlinks > ul > li > ul").hide();
	$("#navlinks > ul > li > ul > li > ul").hide();

	$("#navlinks > ul > li").css("margin-top", function(index, value) {
		return ((index*60)+20) + "px";
	});


	$.each(images, function(i, data) {
		$("#navicons").append(
			$('<img>')
				.attr("src", "sysimg/icons/" + images[i] + ".png")
				.click(function() {
					var element = $("#navlinks > ul > li").eq(i);
					toggleMenu(element);
				})
			)
	});

	$("#navlinks > ul > li > ul > li").click(function() {
		$(this).parent().find("ul").not(this).hide("fast");
		$(this).children("ul").slideToggle("fast");
	});
}


function toggleMenu(item) {
	if($(item).is(":hidden")) {
		hideMenuItems();
		$(item).animate({"width" : "toggle"}, "fast", function() {
			$(this).children("ul").slideDown("fast");
		});
	} else {
		$(item).children("ul").slideUp("fast", function() {
			$(item).animate({"width" : "toggle"}, "fast");
		});	
	}
}

function hideMenuItems() {
	$("#navlinks > ul > li").hide().children("ul").hide();
}

function animateNews() {
	$("#newspanel > ul > li:first-child").delay(2500)
		.slideUp("slow", function() {
			$(this).appendTo("#newspanel > ul").show();
			animateNews();
		})
}

function setupPanels() {
	$("#userpanel a").css("color", function() {
		//alert($("#userpanel").css("color"));
		return $("#userpanel").css("color");
	});
}