// Search.js
// Creates dynamic styles for the search box on puidokas.com
//
// This file should be included right after the search box
// It doesn't create any global objects, it just adds
// listeners to certain seach box events
//
// created by Eric Puidokas
//

// if the search box gets focus, change style to to look like a normal form element
document.getElementById('search_text').onfocus = function(e){

	// don't show submit button to browsers that can't fire the blur and still know if the submit button was clicked
	if(!e || e.explicitOriginalTarget){
		document.getElementById('search_submit').style.display = 'block';
	}
	
	// remove style on the search box
	var searchText = document.getElementById('search_text');
	searchText.className = '';
	
	// remove default text in the search box
	if(searchText.value == 'Search...'){
		searchText.value = '';
	}
}

// if the user leaves the search box, put everything back to normal
document.getElementById('search_text').onblur = function(e){

	// hide the submit button
	document.getElementById('search_submit').style.display = 'none';
	
	// set search box style to inactive
	var searchText = document.getElementById('search_text');
	searchText.className = 'search_inactive';
	
	// if the submit button was clicked
	if (e && e.explicitOriginalTarget.id=='search_submit') {
		// submit the form, since the event won't propgate to the button click
		document.getElementById('search').submit();
	}
}

// set default style for search box and search button
document.getElementById('search_text').className = 'search_inactive';
document.getElementById('search_submit').style.display = 'none';