var hoverColour = "#990000";

$(function(){
	//display the hover div
	$("ul.art-menu>li>a").show("fast", function() {	
		//on link hover
		$(this).hover(function(){		
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));				
			}
			//fade the colour
			$(this).children("span.t")	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 250);
		},function(){
			
			//fade the original colour
			$(this).children("span.t")	.stop()
				.animate({"color": $(this).attr("rel")}, 350);
		});
	});
});
$(function(){
	$("ul.art-vmenu>li>a").show("fast", function() {
		$(this).wrap("<div class=\"hoverBtn\">");
		$(this).attr("class", "");

	});
	
	//display the hover div
	$(".hoverBtn>a").show("fast", function() {	
	
		//on link hover
		$(this).hover(function(){
		
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));
				
			}

			//fade the colour
			$(this).children("span.t")	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 250);
		},function(){
			
			//fade the original colour
			$(this).children("span.t")	.stop()
				.animate({"color": $(this).attr("rel")}, 350);
		});
	});
});
var hoverColour2 = "#000000";
$(function(){
	//display the hover div
	$("span.art-button-wrapper>a").show("fast", function() {	
		//on link hover
		$(this).hover(function(){		
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));				
			}
			//fade the colour
			$(this).children("span.t")	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour2}, 250);
		},function(){
			
			//fade the original colour
			$(this).children("span.t")	.stop()
				.animate({"color": $(this).attr("rel")}, 350);
		});
	});
});