/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Add the filler text and also attach the onfocus behaviour.
  
  Another nice usablilty feature of CSS is the ability to add styling chages 
  for currently focused form elements using the :focus pseudo-class. 
  IE, of course, can't cope with such advanced CSS, but we can make it obey our
  commands.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
function prepInput( id,text ) 
{
	if (!document.getElementById(id)) 
	{ 
		return false; 
	}	
	var elem = document.getElementById(id);
	elem.setAttribute('value', text);
	// store class name
	var origClass = elem.className;
	elem.onfocus = function() 
	{
		// append 'focus' to class, emulates :focus pseudo-class for IE 
		this.className += " focus";
		this.select();
	}
	// return class name to origClass after element loses focus
	elem.onblur = function() 
	{
		this.className = origClass;	
	}
}

//To call the function, we add this script block to the page:
<script type="text/javascript">
// <![CDATA[
	window.onload = function() 
	{
		prepInput('searchQ', 'Enter search term');
		prepInput('subEmail', 'you@youraddress.com');
	}
// ]]>
</script> 

// Then in our CSS, we have this:
input:focus, input.focus { border-style:inset; }
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Tauscht die Klassen des Menues durch Klassen im hover-Zustand für
  IE6 abwärts aus.
  Initialisierung über den Namen der Navigation {ul#nav}.
  "sfhover" muss neben ":hover" in der CSS-Datei definiert sein!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
sfHover = function(tid)
{
	if(document.getElementById(tid))
	{
		var sfEls = document.getElementById(tid).getElementsByTagName("li");
		for (var i=0; i<sfEls.length; i++)
		{
			sfEls[i].onmouseover = nav_mouseover;
			sfEls[i].onmouseout = nav_mouseout;
		}
	}
}
function nav_mouseover() 
{
	this.className+=" sfhover";
}
function nav_mouseout() 
{
	this.className=this.className.replace(obj_RegExp, "");
}
if(document.all)
{
	var obj_RegExp = new RegExp(" sfhover\\b");
	window.onload= function()
	{
		//Sprachwahl
		sfHover('navigation-language');
		//navigation-main
		sfHover('navigation-main');
	}
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Austausch von Hintergrundbildern
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
function toggleClassName(element, className) 
	{
	var classPattern = new RegExp('(^|\\s)' + className + '(\\s|$)');

	if ((typeof element == 'string') && document.getElementById)
	{
		element = document.getElementById(element);
	}
	if (element)
	{
		if (classPattern.test(element.className))
		{
			element.className = element.className.replace(classPattern, ' ');
		}
		else 
		{
			element.className += ' ' + className;
		}
	}
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOCUS auf INPUT per JS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	function loesche(input_field) 
	{
		if(input_field.value == input_field.defaultValue)
		{
			input_field.value = "";
		}
	}
	function pruefe(input_field) 
	{
		if(input_field.value == "")
		{
			input_field.value = input_field.defaultValue;
		}
	}