$(document).ready(function(){

	//global vars
	var searchBoxes = $(".box");
	var searchBox = $("#search");
	var searchBoxDefault = "Search this site";
	
	
	//Effects for searchbox
	searchBoxes.focus(function(e){
		$(this).addClass("active");
	});
	searchBoxes.blur(function(e){
		$(this).removeClass("active");
	});
	
	
	//Searchbox show/hide default text if needed
	searchBox.focus(function(){
		if($(this).attr("value") == searchBoxDefault) $(this).attr("value", "");
	});
	searchBox.blur(function(){
		if($(this).attr("value") == "") $(this).attr("value", searchBoxDefault);
	});
});