// default values for initial color profile
var defaultWindowColor = "c7038_05";
var defaultBasementColor = "c7116_06";
var cols = new Array();
// Array(BorderColor, ColorName, RAL)
cols["c7038_05"] = new Array("#A8AFA7", "Agaatgrijs", "7038");
cols["c7116_06"] = new Array("#3C564B", "Antracietgrijs", "7016");
cols["c3069_041"] = new Array("#BB8B60", "Bergpijnboom", "");
cols["c6004_05"] = new Array("#074742", "Blauwgroen", "6004");
cols["c8875_05"] = new Array("#271A1C", "Bruin", "");
cols["c5007_05"] = new Array("#00628F", "Briljantblauw", "5007");
cols["c1379_05"] = new Array("#F2E4CD", "Crème wit", "9001");
cols["c3069_037"] = new Array("#AA6C2F", "Douglasie", "");
cols["c3118_076"] = new Array("#C0935A", "Licht eiken", "");
cols["c3156_003"] = new Array("#62340C", "Rustiek eiken", "");
cols["c3054_05"] = new Array("#C41522", "Vuurrood ", "3002");
cols["c9152_05"] = new Array("#EEEEEB", "Wit", "9010");
cols["c2178_001"] = new Array("#8D5827", "Golden Oak", "");
cols["c5013_05"] = new Array("#00265A", "Kobaltblauw", "5013");
cols["c7251_05"] = new Array("#B2B4B2", "Lichtgrijs", "7035");
cols["c2065_021"] = new Array("#300802", "Mahonie", "");
cols["c2052_089"] = new Array("#3D1000", "Mooreik", "");
cols["c6005_05"] = new Array("#003518", "Mosgroen", "6005");
cols["c2178_007"] = new Array("#5A3526", "Notelaar", "");
cols["c2115_008"] = new Array("#DF8B33", "Oregon III", "");
cols["c9018_05"] = new Array("#C7CEC3", "Papyruswit", "9018");
cols["c3081_05"] = new Array("#761712", "Purperrood", "3011");
cols["c3003_05"] = new Array("#9D0816", "Robijnrood", "3003");
cols["c8518_05"] = new Array("#090000", "Zwartbruin", "");
//cols["c5030_05"] = new Array("#00497F", "Signaalblauw", "5005");
cols["c7055_05"] = new Array("#CBDECB", "Zilvergrijs", "7001");
cols["c6110_05"] = new Array("#006E3C", "Smaragdgroen", "6001");
cols["c5150_05"] = new Array("#000831", "Staalblauw", "5011");
cols["c3152_009"] = new Array("#975F33", "Streepdouglasie", "");
cols["c6125_05"] = new Array("#101614", "Dennengroen", "6009");
cols["c3005_05"] = new Array("#6A111D", "Wijnrood", "3005");
cols["c1087_05"] = new Array("#FFE84E", "Zinkgeel", "1018");
cols["c7016"] = new Array("#454E57", "Antracietgrijs glad", "");
cols["c7155"] = new Array("#A5AEB7", "Zilvergrijs glad", "");
cols["c7012"] = new Array("#70787B", "Basaltgrijs", "");
//cols["c7039"] = new Array("#685E54", "Kwartsgrijs", "");
//cols["c715505"] = new Array("#A6ADB5", "Zilvergrijs Korrelstruktur glanzig", "");
cols["c49122"] = new Array("#3F4545", "Antracietgrijs mat", "");
cols["c9925"] = new Array("#031612", "Monumentaal groen", "");
cols["siena_noce"] = new Array("#695A55", "Siena noce", "");
cols["siena_rosso"] = new Array("#72554F", "Siena rosso", "");
cols["c49124"] = new Array("#A8B1B8", "Zilvergrijs mat", "");
cols["c49110"] = new Array("#323B2A", "Dennengroen mat", "");
cols["winchester"] = new Array("#B39A58", "Winchester", "");
cols["hellelfenbein"] = new Array("#F9E8CE", "Ivoor", "");

cols["crown_platin"] = new Array("#F9E8CE", 'Crown Platin', "metallic kleuren");
cols["quartz_platin"] = new Array("#F9E8CE", "Quartz Platin", "metallic kleuren");
cols["earl_platin"] = new Array("#F9E8CE", "Earl Platin", "metallic kleuren");
cols["azul"] = new Array("#F9E8CE", "Azul", "metallic kleuren");
cols["silber_v"] = new Array("#F9E8CE", "Silber V", "metallic kleuren");
cols["asphalt"] = new Array("#F9E8CE", "Asphalt", "metallic kleuren");
cols["kupfer"] = new Array("#F9E8CE", "Kupfer", "metallic kleuren");
cols["pyrite"] = new Array("#F9E8CE", "Pyrite", "metallic kleuren");
			
// attached click events for color LIs
var changeColor = function(e) {
	color = Event.element(e).className;	
	var oWindow = null;
	var oPreview = null;
	if ($F('wtype') == "frame") {
		oWindow = $('window');
		oPreview = $('preWindow');
		if (cols[color]) {
			$('wleft').style.borderColor = cols[color][0];
			$('wright').style.borderColor = cols[color][0];
			$('lCol').innerHTML = cols[color][1];
			if (cols[color][2]!="") {
                                                    if (isNaN(cols[color][2])) {
                                                           $('lRal').innerHTML =  cols[color][2];     
                                                   }
                                                   else {
				$('lRal').innerHTML = "(overeenkomstig RAL " + cols[color][2] + ")";
                                                    }
                                             }
			else {
				$('lRal').innerHTML = "";
                                             }
		}		
	} else {
		oWindow = $('casement');
		oPreview = $('preBasement');
		if (cols[color]) {
			$('rCol').innerHTML = cols[color][1];
			if (cols[color][2]!="") {
                                                    if (isNaN(cols[color][2])) {
                                                           $('rRal').innerHTML =  cols[color][2];     
                                                   }
                                                   else {
				$('rRal').innerHTML = "(overeenkomstig RAL " + cols[color][2] + ")";
                                                    }
                                             }
			else {
				$('rRal').innerHTML = "";
                                             }
		}				
	}
	oWindow.className = color;
	oPreview.className = color + "_pre";	
}
// set default values and attach click events via "onLoad" event
function doInit() {
	// set default colors
	$('window').className =  defaultWindowColor;
	$('casement').className =  defaultBasementColor;
	// set default preview colors
	$('preWindow').className =  defaultWindowColor + "_pre";
	$('preBasement').className =  defaultBasementColor + "_pre";
	// attach click events
	var aLi = $('colselul').descendants();
	
	//aLi[0].attachEvent("onclick", changeColor);
	for (var i=0; i<aLi.length; i++) {
		Event.observe(aLi[i], 'click', changeColor.bindAsEventListener(aLi[i]),false);
	}
}