$(document).ready(function(){
						   
	$("#nextBtn a").hover(
	function() {
		$(this).animate({"opacity": "0"}, 500);
	},
	function() {
		$(this).animate({"opacity": "1"}, 500);
	});
	
	$("#prevBtn a").hover(
	function() {
		$(this).animate({"opacity": "0"}, 500);
	},
	function() {
		$(this).animate({"opacity": "1"}, 500);
	});	
	
	$("#content input, #content textarea").each( function() {
			if ($(this).val() == "")
			{
				$(this).addClass("inputTitleColor");
				$(this).val($(this)[0].title);
			}
	});
	
	
	
	$(".servicesBox").hover(
	function() {
		$(this).animate({ backgroundColor: "#fcf3c3"}, 500);
	},
	function() {
		$(this).animate({ backgroundColor: "#f4f4f4"}, 500);
	});	
	
	
	$(".newsBox").hover(
	function() {
		$(this).animate({ backgroundColor: "#fcf3c3"}, 500);
	},
	function() {
		$(this).animate({ backgroundColor: "#eee"}, 500);
	});	
	
	
//	$(".servicesBox").hover(
//	function() {
//		$(this).animate({ backgroundColor: "#fcf3c3"}, 500);
//	},
//	function() {
//		$(this).animate({ backgroundColor: "#FFF"}, 500);
//	});
	
//	$("ul#imageList li").hover(
//	function() {
//		$(this).animate({ backgroundColor: "#ededed"}, 500);
//	},
//	function() {
//		$(this).animate({ backgroundColor: "#ffffff"}, 500);
//	});
//	
//	$("#navigation").hover(
//	function() {
//		$(this).stop().animate({ backgroundColor: "#ededed"}, 500);
//	},
//	function() {
//		$(this).stop().animate({ backgroundColor: "#f5f5f5"}, 500);
//	});
	
	//$("#sidebar ul li a").hover(
	//function() {
	//	$(this).stop().animate({ color: "#000000"}, 300);
	//},
	//function() {
	//	$(this).stop().animate({ color: "#999999"}, 300);
	//});
	
	//$("#sidebar ul li a.subNavCurrent").hover(
	//function() {
	//	$(this).stop().animate({ color: "#242424"}, 300);
	//},
	//function() {
	//	$(this).stop().animate({ color: "#242424"}, 300);
	//});

	$("#content input[type=text], #content textarea").focus(
		function() {
			highlightInputField($(this));
			if ($(this).val() == $(this).attr('title'))
				$(this).removeClass("inputTitleColor").val("");
		}
	);
	$("#content input[type=text], #content textarea").blur(
		function() {
			unhighlightInputField($(this));
			if ($(this).val() == "")
				$(this).addClass("inputTitleColor").val($(this).attr('title'));
		}
	);
	
	$("a.button, button").hover(
	function() {
		$(this).stop().animate({ backgroundColor: "#F60000"}, 500);
	},
	function() {
		$(this).stop().animate({ backgroundColor: "#B8BCC5"}, 500);
	});	
	
//	$(".hiddenContent, .visibleContent").hover(
//	function() {
//		$(this).stop().animate({ backgroundColor: "#F60000"}, 500);
//	},
//	function() {
//		$(this).stop().animate({ backgroundColor: "#F4F4F4"}, 500);
//	});
	
//	$(".hiddenContent a, .visibleContent a").hover(
//	function() {
//		$(this).stop().animate({ color: "#FFF"}, 300);
//	},
//	function() {
//		$(this).stop().animate({ color: "#F60000"}, 300);
//	});	
	
//	$("#dropmenu a").hover(
//	function() {
//		$(this).stop().animate({ color: "#6b6b6b"}, 300);
//	},
//	function() {
//		$(this).stop().animate({ color: "#2e2e2e"}, 300);
//	});
	
	
	$("#dropmenu li li a").hover(
	function() {
		$(this).stop().animate({ backgroundColor: "#f60000"}, 600);
	},
	function() {
		$(this).stop().animate({ backgroundColor: "#B8BCC5"}, 600);
	});



});

function highlightInputField(field)
{
	field.stop().animate({ backgroundColor: "#fcf3c3", color: "#595959"}, 300);
}

function unhighlightInputField(field)
{
	field.stop().animate({ backgroundColor: "#F4F4F4", color: "#595959"}, 300);
}