function movepic(img_name,img_src) {
document.getElementById(img_name).src=img_src;
}

function changeState (subject, self, name) {
	object = document.getElementById(subject)
	if (name !== 'floorplan') {
		if (object.getAttribute('type') == 'radio') {
			restoreHilights(name);
			object.checked = true;
			self.className = 'option hilight';
		} else if (object.getAttribute('type') == 'checkbox') {
			if (object.checked == false) {
				object.checked = true;
				self.className = 'option hilight';
			} else {
				object.checked = false;
				self.className = 'option';
			}
		}
	} else {
		restoreHilights(name);
		self.className = 'floorplan hilight';
		object.checked = true;
		var img = self.getElementsByTagName('img')[0];
		img.src = imgFloorplanHi;
	}
	fillFrom();
	return false;
}

var imgFloorplanHi = 'http://10.0.0.170/sites/DietersTrading/template/images/blueTransparent.png';
var imgFloorplanLo = 'http://10.0.0.170/sites/DietersTrading/template/images/transparent.png';

function restoreHilights (name) {
	$("a.hilight[name='" + name + "']").removeClass('hilight');
	if (name == 'floorplan') {
		$("a[name='" + name + "'] img").attr({src : imgFloorplanLo});
	}
}

function fillFrom () {
	var optionslist = $("ul#optionsList");
	optionslist.html('');
	var roofoptions = document.getElementsByName('roofoptions');
	for (x=0; x < roofoptions.length; x++) {
		var item = roofoptions[x];
		if (item.checked == true ) {
			optionslist.append('<li>Dakbedekking: ' + item.value + '</li>');
		}
	}
	var variousoptions = document.getElementsByName('variousoptions');
	for (x=0; x < variousoptions.length; x++) {
		var item = variousoptions[x];
		if (item.checked == true ) {
			optionslist.append('<li>Extra: ' + item.value + '</li>');
		}
	}
	
	var floorplan = document.getElementsByName('floorplan');
	for (x=0; x < floorplan.length; x++) {
		var item = floorplan[x];
		if (item.checked == true ) {
			optionslist.append('<li>Type: ' + item.value.replace('.png', '') + '</li>');
		}
	}
}

$(document).ready(function() {	
	$("#orderForm").validate ({	
		rules: {
		  emailadress: { 
	        required: true, 
	        email: true 
	      }	
		},
		messages: {
		  emailadress: {
            required: "We hebben uw email nodig voor de offerte.",
            email: "We heeft een niet geldig email adres ingevuld"
     	  }
		}
	});
	$("#contactForm").validate ({	
		rules: {
		  email: { 
	        required: true, 
	        email: true 
	      }	
		},
		messages: {
		  email: {
            required: "We hebben uw email nodig om contact met u op te nemen.",
            email: "U heeft een niet geldig email adres ingevuld"
     	  }
		}
	});
});