$(function() {
	if ($('#colorselector_data')===undefined) {return};
	if (!$('#colorselector_data').html()) {return};
	var biglist=$('#colorselector_data').html();
	var list=biglist.split(/::[\r\n]*/);
	var count=0;
	var c='<div id="colorselector"><table class="colorselector_table"><tr><td class="label">Change Color</td>';
	list.shift();
	for (i=0;i<list.length;i++) {
		if (!list[i].match(/,/)) {continue}
		var data=list[i].split(/, */);
		if (!data[0].length) {continue}
		border=(data[2].match(/ffffff/i))?"thin dotted #DFDFDF":"thin solid white";
		c+='<td align="left" valign="top">'+
			'	<a href="'+data[3]+'"><div class="colorpick" style="position:relative;width:30px;height:30px;margin-right:5px;'+
			'background-color:#'+data[2]+';border:'+border+';color:#'+data[1]+';font-size:14px;font-weight:bold;text-decoration:none;cursor:pointer;" value="'+data[4]+'" title="'+data[0]+'"><div style="position:absolute;'+
			'bottom:0px;left:0px;">A</div></div></a>'+
		    '</td>';
		count++;
		if (count/16==Math.floor(count/16)) {
			  c+="</tr><tr><td></td>";
			  count=0;
		}
	}
	c+='</tr></table></div><br><div id="showpreview" style="width:100px;height:118px;position:absolute;display:none">'+
		'<div style="width:100px;height:112px;margin-top:4px;background-color:white">'+
		'<img class="prevpic" width="100" height="100" style="padding-top:6px;padding-bottom:6px;position:absolute;top:5px;"></div>'+
		'<img class="border" style="position:absolute;height:118px;width:100px;top:0px;left:0px;z-index=9999;" src="/colorselector/csborder.png" ></div>';

	$('#colorselector_data').before(c);
	$('.colorpick').hover(
		function() {
			var $el=$(this);
			var position=$el.position();
			$('#showpreview').css({'top':position.top+41,'left':position.left-30}).show().find('.prevpic').attr('src',$el.attr('value'));
		},
		function() {
			$('#showpreview').hide();
		}
	);

	$('#header-panel_home').css('z-index',99);
});