var colors = {"maroon":"#800000","darkred":"#8B0000","firebrick":"#B22222","brown":"#A52A2A","crimson":"#DC143C","red":"#FF0000","orangered":"#FF4500","indianred":"#CD5C5C","darksalmon":"#E9967A","lightsalmon":"#FFA07A","coral":"#FF7F50","tomato":"#FF6347","salmon":"#FA8072","lightcoral":"#F08080","palevioletred":"#DB7093","mediumvioletred":"#C71585","deeppink":"#FF1493","fuchsia":"#FF00FF","magenta":"#FF00FF","hotpink":"#FF69B4","lightpink":"#FFB6C1","pink":"#FFC0CB","thistle":"#D8BFD8","plum":"#DDA0DD","violet":"#EE82EE","orchid":"#DA70D6","mediumorchid":"#BA55D3","darkorchid":"#9932CC","darkviolet":"#9400D3","purple":"#800080","darkmagenta":"#8B008B","indigo":"#4B0082","blueviolet":"#8A2BE2","mediumpurple":"#9370DB","mediumslateblue":"#7B68EE","slateblue":"#6A5ACD","darkslateblue":"#483D8B","midnightblue":"#191970","navy":"#000080","darkblue":"#00008B","mediumblue":"#0000CD","blue":"#0000FF","royalblue":"#4169E1","cornflowerblue":"#6495ED","steelblue":"#4682B4","dodgerblue":"#1E90FF","deepskyblue":"#00BFFF","lightskyblue":"#87CEFA","skyblue":"#87CEEB","lightsteelblue":"#B0C4DE","lightblue":"#ADD8E6","powderblue":"#B0E0E6","paleturquoise":"#AFEEEE","mediumturquoise":"#48D1CC","lightseagreen":"#20B2AA","darkcyan":"#008B8B","teal":"#008080","cadetblue":"#5F9EA0","darkturquoise":"#00CED1","aqua":"#00FFFF","cyan":"#00FFFF","turquoise":"#40E0D0","aquamarine":"#7FFFD4","mediumaquamarine":"#66CDAA","darkseagreen":"#8FBC8F","mediumseagreen":"#3CB371","seagreen":"#2E8B57","darkgreen":"#006400","green":"#008000","forestgreen":"#228B22","limegreen":"#32CD32","springgreen":"#00FF7F","mediumspringgreen":"#00FA9A","palegreen":"#98FB98","lightgreen":"#90EE90","lime":"#00FF00","chartreuse":"#7FFF00","lawngreen":"#7CFC00","greenyellow":"#ADFF2F","yellowgreen":"#9ACD32","darkolivegreen":"#556B2F","olivedrab":"#6B8E23","olive":"#808000","darkkhaki":"#BDB76B","darkgoldenrod":"#B8860B","goldenrod":"#DAA520","gold":"#FFD700","yellow":"#FFFF00","khaki":"#F0E68C","palegoldenrod":"#EEE8AA","sandybrown":"#F4A460","orange":"#FFA500","darkorange":"#FF8C00","chocolate":"#D2691E","saddlebrown":"#8B4513","sienna":"#A0522D","peru":"#CD853F","burlywood":"#DEB887","tan":"#D2B48C","wheat":"#F5DEB3","navajowhite":"#FFDEAD","moccasin":"#FFE4B5","blanchedalmond":"#FFEBCD","rosybrown":"#BC8F8F","mistyrose":"#FFE4E1","lavenderblush":"#FFF0F5","lavender":"#E6E6FA","ghostwhite":"#F8F8FF","azure":"#F0FFFF","lightcyan":"#E0FFFF","aliceblue":"#F0F8FF","mintcream":"#F5FFFA","honeydew":"#F0FFF0","lightgoldenrodyellow":"#FAFAD2","lemonchiffon":"#FFFACD","beige":"#F5F5DC","lightyellow":"#FFFFE0","ivory":"#FFFFF0","floralwhite":"#FFFAF0","linen":"#FAF0E6","oldlace":"#FDF5E6","cornsilk":"#FFF8DC","antiquewhite":"#FAEBD7","bisque":"#FFE4C4","peachpuff":"#FFDAB9","papayawhip":"#FFEFD5","seashell":"#FFF5EE","snow":"#FFFAFA","white":"#FFFFFF","whitesmoke":"#F5F5F5","gainsboro":"#DCDCDC","lightgrey":"#D3D3D3","silver":"#C0C0C0","darkgray":"#A9A9A9","gray":"#808080","dimgray":"#696969","lightslategray":"#778899","slategray":"#708090","darkslategray":"#2F4F4F","black":"#000000"};
var rules = {
   '#co' : function(el) { 
   		Element.setOpacity(el,'0.33');
	},
	'#colortrigger' : function(el) {
		el.onclick = function() {
			var myPicker = new jscolor.color($('color'),{pickerOnfocus:true})
		}
	},
	'#webcolors' :function(el) {
		el.options[0] = new Option('Webfarben','');
		var i=1;
		for (elem in colors) {
			  var myoption = new Option(elem,colors[elem]);
   			  myoption.setAttribute('style','background-color:'+colors[elem]);
   			  myoption.setAttribute('id','color_'+elem);
   			  el.options[i] = myoption;
   			  i=i+1;
   		}
   		el.onchange = function() {
   			var color = $('webcolors').options[$('webcolors').options.selectedIndex].id.split('_')[1];
   			$('co').setStyle({backgroundColor:''+color});
   		}
	}
};


function Init() {
    Behaviour.register(rules);
    Behaviour.apply(rules); 
}

Event.observe(window, 'load', Init);