///////////////////////////////////////////////////////////
// global
///////////////////////////////////////////////////////////
if (window && window.console && window.console.log)
log = console.log;



///////////////////////////////////////////////////////////
// initFocusBlank
///////////////////////////////////////////////////////////

function initForms(){
	
	// focus / blur
	$$('input, textarea').invoke('observe', 'focus', onInputFocus);
	$$('input, textarea').invoke('observe', 'blur', onInputBlur);
	
	// dont's send if input is empty or default value
	Event.observe('searchForm', 'submit', function(e){
		if(isEmpty('searchField')){
			$('searchField').focus();
			$('searchField').select();
			Event.stop(e);
		}
	});
}

function onInputFocus(e){
	var el = Event.element(e)
	if(el.value == el.defaultValue){
		el.value = ''
	}
	//Event.element(e).select();
}

function onInputBlur(e){
	var el = Event.element(e)
	if($F(el) == ''){ el.value = el.defaultValue; }
	el.blur();
}

//////////////////////////////////////////////////////////
// check for empty input field
///////////////////////////////////////////////////////////

function isEmpty(f){
	return $F(f) == '' || $F(f) == $(f).defaultValue;
}

///////////////////////////////////////////////////////////
// initFocusBlank
///////////////////////////////////////////////////////////

function roundCorners(e){
	$$('.rounded, .roundedTop, .roundedBottom').each(function(el){
		el.insert({ 'top' : '<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span>'})
	});
}

//////////////////////////////////////////////////////////////////////////

document.observe('dom:loaded', function(){
	initForms();
	
	// IE & Opera don't support border-radius [yet]
	if(Prototype.Browser.IE || Prototype.Browser.Opera){
		roundCorners();
	}
});