
$(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);
			}
	});
	
	
	
	$("#share, #about").hover(
	function() {
		$(this).animate({ backgroundColor: "#1f1f1f"}, 500);
	},
	function() {
		$(this).animate({ backgroundColor: "#383838"}, 500);
	});
	
	$("ul#imageList li").hover(
	function() {
		$(this).animate({ backgroundColor: "#1f1f1f"}, 500);
	},
	function() {
		$(this).animate({ backgroundColor: "#383838"}, 500);
	});
	

	function() {
		$(this).stop().animate({ backgroundColor: "#000000"}, 500);
	});
	
	$("#sidebar ul li a").hover(
	function() {
		$(this).stop().animate({ color: "#c7c7c7"}, 300);
	},
	function() {
		$(this).stop().animate({ color: "#999999"}, 300);
	});
	
	$("#sidebar ul li a.subNavCurrent").hover(
	function() {
		$(this).stop().animate({ color: "#e0e0e0"}, 300);
	},
	function() {
		$(this).stop().animate({ color: "#e0e0e0"}, 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, .hiddenContent, .visibleContent").hover(
	function() {
		$(this).stop().animate({ backgroundColor: "#1f1f1f"}, 500);
	},
	function() {
		$(this).stop().animate({ backgroundColor: "#000000"}, 500);
	});
	
	$("#dropmenu a").hover(
	function() {
		$(this).stop().animate({ color: "#FFFFFF"}, 300);
	},
	function() {
		$(this).stop().animate({ color: "#cccccc"}, 300);
	});
	
	
	$("#dropmenu li li a").hover(
	function() {
		$(this).stop().animate({ backgroundColor: "#1f1f1f"}, 600);
	},
	function() {
		$(this).stop().animate({ backgroundColor: "#000000"}, 600);
	});


	$(".hiddenContent a, .visibleContent a").hover(
	function() {
		$(this).stop().animate({ color: "#e9f1f3"}, 300);
	},
	function() {
		$(this).stop().animate({ color: "#FFFFFF"}, 300);
	});
});

function highlightInputField(field)
{
	field.stop().animate({ backgroundColor: "#1f1f1f", color: "#e9f1f3"}, 300);
}

function unhighlightInputField(field)
{
	field.stop().animate({ backgroundColor: "#3d3d3d", color: "#e0e0e0"}, 300);
}

