$(function () {
	
	$(".menuitem").hover(
		function() {
			if (!$(this).hasClass("active")){
				var x = $(this).css("background-position-x");
				$(this).stop().animate({
						backgroundPosition:x + " -50px" , color: "#8E0038"
					},800,"easeInOutQuad");
				$(this).find(".ui-icon").stop().animate({
						"margin-top": "-65px",
						opacity: 1
					},800,"easeInOutQuad");
			}
		},
		function() {
			if (!$(this).hasClass("active")){
				var x = $(this).css("background-position-x");
				$(this).stop().animate({
					backgroundPosition:x + " 0px", color: "#000"
					},800,"easeInOutQuad");
				$(this).find(".ui-icon").stop().animate({
						"margin-top": "-50px",
						opacity: 0
					},800,"easeInOutQuad");
			}
		}
	).click(function () {
		var x = $(this).css("background-position-x");
		var id = $(this).attr("id");
		$(this).stop().animate({
			backgroundPosition:x + " -100px",
			color: "#FFF"
			},400,"easeInOutQuad");
		$(this).addClass("active");
		if ($(".menuitem:not(#"+id+")").hasClass("active"))
			$(".menuitem:not(#"+id+")").removeClass("active").stop().animate({"background-position-y": "0px", color: "#000"},400,"easeInOutQuad").find(".ui-icon").stop().animate({
				"margin-top": "-50px",
				opacity: 0
			},800,"easeInOutQuad");
		
	});
	
	$(".sliderIcons").click(function () {
		var top = $(this).css("top");
		var ban = $(this).attr("ban");
		$("#indicator").stop().animate({ top: top},800, "easeInQuad");
		$("#sliderContent").stop().scrollTo("#banner"+ban, 800, {easing:"easeInQuad"});
		$("#slider").attr("active",ban)
	});
	
	$("marquee").marquee()
	.mouseover(function () {
		$(this).trigger("stop");
	})
	.mouseout(function () {
		$(this).trigger("start");
	});
	
});