$(document).ready(function() {
	$('#search_classes').css("display","block");
	$('#search').bind("focus",function(e){
		$('#search').css("border-color","black");
		if($('#search').attr('value') == "Search") {
			$('#search').attr('value',"");
			$('#search').css("color", "black");
		}
	});
	$('#search').bind("blur", function(e){
		$('#search').css("border-color","#aaa");
		if($('#search').attr('value') == "" ) {
			$('#search').css("color", "#ccc");
			$('#search').attr('value','Search');
		}
	});
	$('#search').bind("keyup", function(e){
		if($('#search').attr('value') != '' ){
			$('.whole_class').show();
			var searchval = $('#search').attr('value').toLowerCase().split(" ");
			for(var x=0; x<searchval.length; x++) {
			$('.whole_class').each(function(index) {
				if($('.whole_class').eq(index).text().toLowerCase().search(searchval[x]) == -1)
					$('.whole_class').eq(index).hide();
			});
			}
		} else {
			$('.whole_class').show();
		}
		if($('.whole_class:visible').length == 1)
			$('#num_classes').text($('.whole_class:visible').length + ' class');
		else
			$('#num_classes').text($('.whole_class:visible').length + ' classes');
	});
});