var hoverColour = "#000";

$(function(){
	$("a.hoverBtn").show("fast", function() {
		$(this).wrap("<div class=\"hoverBtn\">");
		$(this).attr("class", "");
	});
	
	//display the hover div
	$("div.hoverBtn").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		
		//get link's size
		var wid = $(this).children("a").width();
		var hei = $(this).children("a").height();
		
		//set div's size
		$(this).width(wid);
		$(this).height(hei);
		$(this).children("div").width(wid);
		$(this).children("div").height(hei);
		
		//on link hover
		$(this).children("a").hover(function(){
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));
			}
			//fade in the background
			$(this).parent().children("div")
				.stop()
				.css({"display": "none", "opacity": "1"})
				.fadeIn("fast");
			//fade the colour
			$(this)	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 350);
		},function(){
			//fade out the background
			$(this).parent().children("div")
				.stop()
				.fadeOut("slow");
			//fade the colour
			$(this)	.stop()
				.animate({"color": $(this).attr("rel")}, 250);
		});
	});
});


var hoverCol = "#000";

$(function(){
	

		   
	$("a.newsHover").show("fast", function() {
		$(this).wrap("<div class=\"newsHover\">");
		$(this).attr("class", "");
	});
	

	
	//display the hover div
	$("div.newsHover").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		
		//get link's size
		var wid = "250";
		var hei = "63";
		
		//var wid = $(this).children("a").width();
		//var hei = $(this).children("a").height();
		
		//set div's size
		$(this).width(wid);
		$(this).height(hei);
		$(this).children("div").width(wid);
		$(this).children("div").height(hei);
		
		//on link hover
		$(this).children("a").hover(function(){
			//store initial link colour
			if($(this).attr("class") == "activeSlide") {
					$(this).attr("rel", "#000");
			}
			
			if ($(this).attr("rel") == "") {
				//$(this).attr("rel", $(this).css("color"));
				
				
					$(this).attr("rel", "#fff");
				
			}
			//fade in the background
			
				$(this).parent().children("div")
					.stop()
					.css({"display": "none", "opacity": "1"})
					.fadeIn("fast");
				//fade the colour
				
				
				$(this)	.stop()
					.css({"color": "#fff"});
					$(this).animate({"color": "#000"}, 350);
			
		},function(){
			
			//fade out the background
			$(this).parent().children("div")
				.stop()
				.fadeOut("slow");
			//fade the colour
			
				$(this)	.stop()
				.animate({"color": "#fff"}, 250);
				
		});
	});
});
//$("#nav li div.newsHover a").css({"color": "#fff"});

var hoverColour = "#000";

$(function(){
	$("a.subHover").show("fast", function() {
		$(this).wrap("<div class=\"subHover\">");
		$(this).attr("class", "");
	});
	
	//display the hover div
	$("div.subHover").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		
		//get link's size
		var wid = $(this).children("a").width();
		var hei = $(this).children("a").height();
		
		//set div's size
		$(this).width(wid);
		$(this).height(hei);
		$(this).children("div").width(wid);
		$(this).children("div").height(hei);
		
		//on link hover
		$(this).children("a").hover(function(){
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));
			}
			//fade in the background
			$(this).parent().children("div")
				.stop()
				.css({"display": "none", "opacity": "1"})
				.fadeIn("fast");
			//fade the colour
			$(this)	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 350);
		},function(){
			//fade out the background
			$(this).parent().children("div")
				.stop()
				.fadeOut("slow");
			//fade the colour
			$(this)	.stop()
				.animate({"color": $(this).attr("rel")}, 250);
		});
	});
});