<!--
var hoverColour = "#FFF";

//when the dom has loaded
$(function(){
	//display the hover div
	$("div.navItem").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		//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": "0.4"})
				.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);
		});
	});
	$("div.bottomLinks").show("fast", function() {
		//append the background div
		$(this).append("<div></div>");
		//on link hover
		$(this).children("a").hover(function(){
			//store initial link colour
			//fade in the background
			$(this).parent().children("div")
				.stop()
				.css({"display": "none", "opacity": "0.4"})
				.fadeIn("fast");
		},function(){
			//fade out the background
			$(this).parent().children("div")
				.stop()
				.fadeOut("slow");
		});
	});
	$('#imgBox').cycle({
		fx: 'fade',
		speed: 750,
		timeout: 2000
	});
	
	
	$("#greenLogoBox").hover(function(){
		$("#leafs").stop().css({"display": "none", "opacity": "1"}).fadeIn("slow");
		},function(){
			$("#leafs").stop().fadeOut("slow");
	});
});
-->

