jQuery(document).ready(function(){

/* Definere variabler til styling af felter. */
var fontColorLight		= "#C9C9C9"; // Font farven ved udtonet tekst.
var fontColorDark		= "#000000"; // Font farve ved fremhævet tekst.
var borderColorLight	= "#C9C9C9"; // Standard border farve.
var borderColorDark		= "#000000"; // Border farve ved mærkering af feltet.

/*##############################################*/	
//					INPUT SCANNER
/*##############################################*/	

/*Scanner alle form elementer og opretter en buffer tag rel="" som vil blive brugt til blur og focus funktionen. */
    jQuery(document).find("input").show(function() {
	
		/*Henter værdig af VALUE og opretter en buffer tag REF med dens værdig.*/
		var standardValue = jQuery(this).attr("value");
		if(jQuery(this).attr("type") == "text")  {
			jQuery(this).attr("ref",standardValue);	
		}
		
		/*Efter at funktionen find() har scannet for alle inputs vil den automatisk putte display=block på alle elementer. Der for kører vi denne funktion for at skjule alle hiden inputs.*/
		if(jQuery(this).attr("type") == "hidden")  {
			jQuery(this).hide();
		}		
	});
	
	/*Kører denne funktion når der klikkes på et input felt*/
	jQuery("input").focus(function () {
	
		/*Toner teksten hvis VALUE = Standrad value*/
		if(jQuery(this).val() == jQuery(this).attr("ref")){

				jQuery(this).css("color",fontColorLight);
		}
		jQuery(this).css("border-color",borderColorDark	);
		
		
		/*Når brugeren begynder at skrive i feltet vil standrad value blive fjernet og teksten lavet om til en mørker farve.*/
		jQuery(this).keydown(function(){
		
			if(jQuery(this).val() == jQuery(this).attr("ref")){

				jQuery(this).val("");
				jQuery(this).css("color",fontColorDark);
			}
		 });
    });

	/*Kører denne funktion når der focus fjernes fra inputfelt*/
	jQuery("input").blur(function () {
        
		/*Hvis VALUE af feltet er tom, så sætter vi standard value på igen.*/
		if(jQuery(this).val() ==""){
		jQuery(this).val(jQuery(this).attr("ref"));
		}
		
		jQuery(this).css("color",fontColorDark);
		jQuery(this).css("border-color",borderColorLight);
    });
	

	
/*##############################################*/	
//					TEXTAREA SCANNER
/*##############################################*/	
	
/* Scanner all textarea elmenter og opretter en buffer tag rel="" som vil blive brugt til blur og focus funktionen.  */
    jQuery(document).find("textarea").show(function() {
	
		/*Henter værdig af VALUE og opretter en buffer tag REF med dens værdig.*/
		var standardValue = jQuery(this).val();
		jQuery(this).attr("ref",standardValue);	
			
	});
	
	/*Kører denne funktion når der klikkes på et input felt*/
	jQuery("textarea").focus(function () {
	
		/*Toner teksten hvis VALUE = Standrad value*/
		if(jQuery(this).val() == jQuery(this).attr("ref")){

				jQuery(this).css("color",fontColorLight);
		}
		jQuery(this).css("border-color",borderColorDark	);
		
		
		/*Når brugeren begynder at skrive i feltet vil standrad value blive fjernet og teksten lavet om til en mørker farve.*/
		jQuery(this).keydown(function(){
		
			if(jQuery(this).val() == jQuery(this).attr("ref")){

				jQuery(this).val("");
				jQuery(this).css("color",fontColorDark);
			}
		 });
    });

	/*Kører denne funktion når der focus fjernes fra inputfelt*/
	jQuery("textarea").blur(function () {
        
		/*Hvis VALUE af feltet er tom, så sætter vi standard value på igen.*/
		if(jQuery(this).val() ==""){
		jQuery(this).val(jQuery(this).attr("ref"));
		}
		
		jQuery(this).css("color",fontColorDark);
		jQuery(this).css("border-color",borderColorLight);
    });	
	
});