var fields=new Array();
fields[0]="Naam";
fields[1]="Postcode";
fields[2]="Huisnr";
fields[3]="Straat";
fields[4]="Stad";
fields[5]="E-mail";
fields[6]="Telefoon";
fields[7]="Type hier uw opmerkingen";
fields[8]="Huisnr";

function field_focus(id) {
	var val=$('#field_'+id).attr('value');
	var initial=fields[id];
	if(val==initial) {
		$('#field_'+id).attr('value','');	
		$('#field_'+id).css('color','black');
	}
}

function field_blur(id) {
	var val=$('#field_'+id).attr('value');
	var initial=fields[id];
	if(val.length==0) {
		//$('#field_'+id).css('color','grey');
		$('#field_'+id).attr('value',initial);	
	}
}

function prepare_submission() {
	$('#submissie').attr('disabled','disabled');
	for(i=0;i<fields.length;i++) {
		var val=$('#field_'+i).attr('value');
		var initial=fields[i];
		if(val==initial) {
			$('#field_'+i).attr('value','');
		}
	}	
}

function initialize_form() {
	var length;
	for(i=0;i<fields.length;i++) {
		
		length=$('#field_'+i).attr('value').length;
		
		if(length==0) {
			//$('#field_'+i).css('color','grey');
			$('#field_'+i).attr('value',fields[i]);	
		}

		eval("$('#field_"+i+"').bind('focus',function(){field_focus("+i+")});");
		eval("$('#field_"+i+"').bind('blur',function(){field_blur("+i+")});");
	}
	$('#field_2').bind('keyup',function(){field_focus(8);$('#field_8').attr('value',$(this).attr('value'));field_blur(8);});
	$('#field_8').bind('keyup',function(){field_focus(2);$('#field_2').attr('value',$(this).attr('value'));field_blur(2);});
	$('#offerte_form').bind('submit',function(){prepare_submission();});
}

$(document).ready(function(){
		initialize_form();
		
		// Submit button hover
		$('#submissie').hover(function(){
			$(this).addClass("hover");
		}, function(){
			$(this).removeClass("hover");
		});
		
		// Preload images
		jQuery.preLoadImages(	// Menu items
								"/images/menu/grey/menu_home_hover.gif",
								"/images/menu/grey/menu_waterontharder_hover.gif",
								"/images/menu/grey/menu_service_hover.gif",
								"/images/menu/grey/menu_voordelen_hover.gif",
								"/images/menu/grey/menu_waterhardheid_hover.gif",
								"/images/menu/grey/menu_bekijk_hover.gif",
								"/images/menu/grey/menu_over_hover.gif",
								
								// Submit button
								"/images/new_layout/button_offerte_versturen_hover.gif"
							);
});

function toggle_country() {
	$('#country_row').slideToggle();	
}