// Observe the dom load event
$(document).observe("dom:loaded", function() {        
    initSearchForm();
});

function initSearchForm(){        
    
    $("searchField").value = "SEARCH";
    
    // Observe mousewheel events
    Event.observe($("searchField"), "focus", onSearchFieldFocus, false); // focus event
    Event.observe($("searchField"), "blur", onSearchFieldBlur, false); // blur event
    Event.observe($("searchField"), "keypress", onSearchKeyPress, false); // keypress event    	
}

// Event for search field focus
function onSearchFieldFocus(e){
    if($("searchField").value == "SEARCH"){
        $("searchField").value = "";
    }	        
}

// Event for search field blur
function onSearchFieldBlur(e){
    if($("searchField").value == ""){
        $("searchField").value = "SEARCH";
    }	        
}


// Event for search field keypress
function onSearchKeyPress(e){      
    if(e.keyCode == 13){
        searchSite();
        Event.stop(e);
    }
}

function searchSite(){
    window.location.href = "/search/?q="+$("searchField").value;
}