/*form = document.forms["imageParams"];
var text = new Array("name", "title", "osasto");
var Color = new Array("FontR", "FontG", "FontB");
var Colors = new Array("musta", "harmaa", "valkoinen");
var Colors2 = new Array("black", "gray", "white");
var hex = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
var rgb = new Array(256);
var y = 0;
for (i = 0; i < 16; i++) {	
	for (x = 0; x < 16; x++) {		
		rgb[y] = hex[i] + hex[x];
		y++;
	}
}
for (var i = 0; i < 3; i++){
	var selectoption = text[i]+"FontColor";
	if (form.elements[selectoption].value == "RGBvari") {
		var bgcolor = "#";
		for (var x = 0; x < 3; x++){
			form.elements[text[i]+Color[x]].disabled = false;
			if (form.elements[text[i]+Color[x]].value) bgcolor += rgb[form.elements[text[i]+Color[x]].value];
			else bgcolor += rgb[0];	
		}
		document.getElementById("rgbcolor"+i).style.background=bgcolor;
	} else {
		for (var x = 0; x < 3; x++){
			if (form.elements[selectoption].value == Colors[x]){
				document.getElementById("rgbcolor"+i).style.background=Colors2[x];
			}
		}
	}
}*/

function showRGB(form){
	this.form = form;
	var text = new Array("name", "title", "osasto", "text4", "text5");
	var Color = new Array("FontR", "FontG", "FontB");
	var Colors = new Array("musta", "harmaa", "valkoinen");
	var Colors2 = new Array("black", "gray", "white");
	var hex = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
	var rgb = new Array(256);
	var y = 0;
	for (i = 0; i < 16; i++) {	
		for (x = 0; x < 16; x++) {		
			rgb[y] = hex[i] + hex[x];
			y++;
		}
	}
	for (var i = 0; i < 5; i++){
		var selectoption = text[i]+"FontColor";
		if (this.form.elements[selectoption].value == "RGBvari"){
			var bgcolor = "#";
			for (var x = 0; x < 3; x++){
				this.form.elements[text[i]+Color[x]].disabled = false;
				if (this.form.elements[text[i]+Color[x]].value) bgcolor += rgb[this.form.elements[text[i]+Color[x]].value];
				else bgcolor += rgb[0];										
			}
			document.getElementById("rgbcolor"+i).style.background=bgcolor;
			document.getElementById('text_'+text[i]).style.color=bgcolor;
		} else {
			for (var x = 0; x < 3; x++){
				if (this.form.elements[selectoption].value == Colors[x]){
					document.getElementById("rgbcolor"+i).style.background=Colors2[x];
					document.getElementById('text_'+text[i]).style.color=Colors2[x];
				}
				this.form.elements[text[i]+Color[x]].disabled = true;
				this.form.elements[text[i]+Color[x]].value = 0;
			}
		}
	}
}