function loadImages() {

	preload_image_object = new Image();
	image_url = new Array();

	image_url[0] = 'railings/b_bb.jpg';
	image_url[1] = 'railings/b_bg.jpg';
	image_url[2] = 'railings/b_bw.jpg';
	image_url[3] = 'railings/b_gg.jpg';
	image_url[4] = 'railings/b_wg.jpg';
	image_url[5] = 'railings/b_ww.jpg';

	image_url[6] = 'railings/g_bb.jpg';
	image_url[7] = 'railings/g_bg.jpg';
	image_url[8] = 'railings/g_bw.jpg';
	image_url[9] = 'railings/g_gg.jpg';
	image_url[10] = 'railings/g_wg.jpg';
	image_url[11] = 'railings/g_ww.jpg';

	image_url[12] = 'railings/w_bb.jpg';
	image_url[13] = 'railings/w_bg.jpg';
	image_url[14] = 'railings/w_bw.jpg';
	image_url[15] = 'railings/w_gg.jpg';
	image_url[16] = 'railings/w_wg.jpg';
	image_url[17] = 'railings/w_ww.jpg';

	var i = 0;
	for (i=0; i<=17; i++) {
		preload_image_object.src = image_url[i];
	}
	rotate();
}
	
function rotate() {
	$railing = document.getElementById("railing").value;
	$picket = document.getElementById("picket").value;
	$image = 'railings/'+$railing+'_'+$picket+'.jpg';
	document.getElementById("rotate").innerHTML = "";
	document.getElementById("rotate").style.backgroundImage = 'url("'+$image+'")';
}