jsColorPallet = Class.create();
jsColorPallet.prototype = {
	initialize: function(title) {
		//Global Ref. to the Field you are needing the Hex value in
		this.workingField = "";
		this.drawColorPallet(title);
	},
	//Displays the Pallet reletive to the Field in question
	displayColors: function(field){
		//Set the Global Ref. Var to the current working field
		this.workingField = $(field);
		var workingFieldOffset = this.workingField.scrollWidth;
		var colorPallet = $('colorPallet');
		//Get possition of the Field in question
		var textField = this.getAbsolutePos(this.workingField);
		var colorPalletTop = (textField.y) + 'px';
		var colorPalletLeft = (textField.x + workingFieldOffset) + 'px';
		colorPallet.style.top = colorPalletTop;
		colorPallet.style.left = colorPalletLeft;
			
		Effect.Appear('colorPallet', {duration: .5});
	},
	//Barrowed from JSCalander to help find field possitions
	getAbsolutePos: function(el) {
		  var SL = 0, ST = 0;
		  var is_div = /^div$/i.test(el.tagName);
		  if (is_div && el.scrollLeft)
			   SL = el.scrollLeft;
		  if (is_div && el.scrollTop)
			   ST = el.scrollTop;
		  var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
		  if (el.offsetParent) {
			   var tmp = this.getAbsolutePos(el.offsetParent);
			   r.x += tmp.x;
			   r.y += tmp.y;
		  }
		  return r;
	 },
	 //Return the selected color to the field in question, and hide the pallet
	 returnColor: function(anchorField){
		//Set value to field in question.
		if(anchorField != ''){
			this.workingField.value = anchorField;
			changeCol(anchorField);
			//var obj = MM_findObj('test_color'); 
			//obj.style.background-color=anchorField;
		}
		//Hide pallet with cool effect.
		Effect.Fade('colorPallet', {duration: .5});
	 },
	 
	 drawColorPallet: function(title){
		//Multi-Dim Array of all the rows in the color pallet
		var palletColors = new Array(
			['#000000', '#000000', '#000000', '#000000', '#003333', '#006600', '#009900', '#00CC00', '#00FF00', '#330000', '#333300', '#336600', '#339900', '#33CC00', '#33FF00', '#660000', '#663300', '#666600', '#669900', '#66CC00', '#66FF00'],
			['#000000', '#333333', '#000000', '#000033', '#003333', '#006633', '#009933', '#00CC33', '#00FF33', '#330033', '#333333', '#336633', '#339933', '#33CC33', '#33FF33', '#660033', '#663333', '#666633', '#669933', '#66CC33', '#66FF33'],
			['#000000', '#666666', '#000000', '#000066', '#003366', '#006666', '#009966', '#00CC66', '#00FF66', '#330066', '#333366', '#336666', '#339966', '#33CC66', '#33FF66', '#660066', '#663366', '#666666', '#669966', '#66CC66', '#66FF66'],
			['#000000', '#999999', '#000000', '#000099', '#003399', '#006699', '#009999', '#00CC99', '#00FF99', '#330099', '#333399', '#336699', '#339999', '#33CC99', '#33FF99', '#660099', '#663399', '#666699', '#669999', '#66CC99', '#66FF99'],
			['#000000', '#CCCCCC', '#000000', '#0000CC', '#0033CC', '#0066CC', '#0099CC', '#00CCCC', '#00FFCC', '#3300CC', '#3333CC', '#3366CC', '#3399CC', '#33CCCC', '#33FFCC', '#6600CC', '#6633CC', '#6666CC', '#6699CC', '#66CCCC', '#66FFCC'],
			['#000000', '#FFFFFF', '#000000', '#0000FF', '#0033FF', '#0066FF', '#0099FF', '#00CCFF', '#00FFFF', '#3300FF', '#3333FF', '#3366FF', '#3399FF', '#33CCFF', '#33FFFF', '#6600FF', '#6633FF', '#6666FF', '#6699FF', '#66CCFF', '#66FFFF'],
			['#000000', '#FF0000', '#000000', '#990000', '#993300', '#996600', '#999900', '#99CC00', '#99FF00', '#CC0000', '#CC3300', '#CC6600', '#CC9900', '#CCCC00', '#CCFF00', '#FF0000', '#FF3300', '#FF6600', '#FF9900', '#FFCC00', '#FFFF00'],
			['#000000', '#00FF00', '#000000', '#990033', '#993333', '#996633', '#999933', '#99CC33', '#99FF33', '#CC0033', '#CC3333', '#CC6633', '#CC9933', '#CCCC33', '#CCFF33', '#FF0033', '#FF3333', '#FF6633', '#FF9933', '#FFCC33', '#FFFF33'],
			['#000000', '#0000FF', '#000000', '#990066', '#993366', '#996666', '#999966', '#99CC66', '#99FF66', '#CC0066', '#CC3366', '#CC6666', '#CC9966', '#CCCC66', '#CCFF66', '#FF0066', '#FF3366', '#FF6666', '#FF9966', '#FFCC66', '#FFFF66'],
			['#000000', '#FFFF00', '#000000', '#990099', '#993399', '#996699', '#999999', '#99CC99', '#99FF99', '#CC0099', '#CC3399', '#CC6699', '#CC9999', '#CCCC99', '#CCFF99', '#FF0099', '#FF3399', '#FF6699', '#FF9999', '#FFCC99', '#FFFF99'],
			['#000000', '#00FFFF', '#000000', '#9900CC', '#9933CC', '#9966CC', '#9999CC', '#99CCCC', '#99FFCC', '#CC00CC', '#CC33CC', '#CC66CC', '#CC99CC', '#CCCCCC', '#CCFFCC', '#FF00CC', '#FF33CC', '#FF66CC', '#FF99CC', '#FFCCCC', '#FFFFCC'],
			['#000000', '#FF00FF', '#000000', '#9900FF', '#9933FF', '#9966FF', '#9999FF', '#99CCFF', '#99FFFF', '#CC00FF', '#CC33FF', '#CC66FF', '#CC99FF', '#CCCCFF', '#CCFFFF', '#FF00FF', '#FF33FF', '#FF66FF', '#FF99FF', '#FFCCFF', '#FFFFFF']
		);
		
		//Draw the begining of the Color Pallet
		document.write('<span id="colorPallet" style="display:none; position:absolute;"><table cellpadding="0" cellspacing="0" class="colorPalletTable"><tr><td style="background-color:#000000; color:#fff; text-align:left;" colspan="20"><span id="colorPalletTitle">' + title +'</td><td style="background-color:#000000; color:#fff;"><a href="javascript:colorPallet.returnColor(\'\');" title="Close" class="colorPallet" style="color:#FFFFFF;">X</a></td></tr>');
		
		//Draw each row of the Color Pallet
		for(i = 0; i < palletColors.length; i++){
				document.write('<tr>');
				for(c = 0; c < palletColors[i].length; c++){
					document.write('<td style="background-color:' + palletColors[i][c] + '"><a href="javascript:colorPallet.returnColor(\'' + palletColors[i][c] + '\');" title="' + palletColors[i][c] + '" class="colorPallet">&nbsp;</a></td>');
				}
				document.write('</tr>');
		}
		//Draw the end of the Color Pallet
		document.write('</table></span>');
	 },
	 changeTitle: function(title){
		 $('colorPalletTitle').innerHTML = title;
	 }
}