$(document).ready(function() {
	
	//$("input#s").width(60);
	$("input#s").css("color", "#aaa");
	$("input#s").attr("value", "Zoeken");
	$("input#s").animate({
		width: "80px"
		}, 500, function() {
		// Animation complete.
	});

	$("input#s").focus(function() {
		if($(this).attr("value") == "Zoeken"){
			$("input#s").removeAttr("value");
		}
		$("input#s").css("color", "#3a3a3a");
		$("input#s").animate({
			width: "140px"
			}, 200, function() {
			// Animation complete.
		});
	});

	$("input#s").blur(function() {
		$("input#s").css("color", "#aaa");
		$("input#s").animate({
			width: "80px"
			}, 200, function() {
			// Animation complete.
		});
	});

	$(".nope-js").removeClass("nope-js").addClass("yep-js");
	
});