window.addEvent('domready', function() {
	
	var searchfield = $('topsearchtext');
	var searchlabel = $('searchlabel');
	var labelStyleLeft = searchlabel.getStyle('left');
	var labelStyleTop = searchlabel.getStyle('top');
	var labelStyleWidth = searchlabel.getStyle('width');
	var labelStyleHeight = searchlabel.getStyle('height');
	
 	//var defaulttext = 'suchen ... ';	
	//searchfield.value = defaulttext;
	 
	// Here we start adding events to textarea.
	// Note that 'focus' and 'blur' are native events
	// is a custom one we've made
	searchfield.addEvents({
		init: function(){
 
		//    searchfield.value = defaulttext;
                      searchlabel.setStyles({
                          left: labelStyleLeft,
                          top: labelStyleTop,
                          width: labelStyleWidth,
                          height: labelStyleHeight,
                          position: 'absolute'                           
                          
                      });
		},
		focus: function() {
		    searchlabel.setStyles({
			width:0,
			height:0,
			left:-1000,
			top:-1000,
			position:'absolute',
			overflow:'hidden',
			display:'inline'
		    });
			// When focusing, if the searchfield contains value , we
			// simply clear it.
// 			if (searchfield.value.contains(defaulttext)) searchfield.value = '';
		},
		blur: function(){
			//When first focus and then not
			//simple fill it
			if(searchfield.value==''){ //searchfield.value = defaulttext;
			 searchlabel.setStyles({
 			      left: labelStyleLeft,
			      top: labelStyleTop,
			      width: labelStyleWidth,
			      height: labelStyleHeight,
			      position: 'absolute'
                          });
			}
			
		}
	});
});