$('document').ready( function() {

	// OPTIONS HOVER EFFECT
	$('#mainMenu ul').hover( function(){
		$('.inactive', this).show();
		$(this).addClass('hover');
	},
	function() {
		$('.inactive', this).hide();
		$(this).removeClass('hover');
	});
	
	
	// search box
	$('#searchInput').focus( function() {
		// guardo el valor actual
		initialFieldValue = $(this).val();
		// pongo el campo en blanco
		$(this).attr('value', '');
	});
	
	$('#searchInput').blur( function() {
		// testeo si ha cambiado el valor, si no lo pongo como antes
		if ( $(this).val() == '' ) {
			$(this).attr('value', initialFieldValue);
		}
	});
 
});