var currentShade = null;

function showshade(shade, name,shid, flag)
{
	shid = 'uiShades_'+shid;
	if (currentShade) document.getElementById(currentShade).className="soff";
	document.getElementById(shid).className="son";
	currentShade = shid;
	var stable = "<table border=0><tr><td bgcolor='#" + shade +"' width='192' height='20' align='center'><font face=verdana color='"+setfont(shade)+"' size=1>" + name + "</font></td>";
	stable = stable +"</tr></table>";
	writeDIV('display2', stable);
}

function setfont(shade){
	var count = 0;
	var color = '#ffffff'; //white for dark back
	var r = shade.substr(0,1);
	var g = shade.substr(2,1);
	var b = shade.substr(4,1);
	if (r > 9 || r >= 'A')
		count++;
	if (g > 9 || g >= 'A')
		count++;
	if (b > 9 || b >= 'A')	
		count++;
	if (count > 1)
		color = '#000000'; //'#999999';//for clear back
	return color;		
}

function showObj(o)
{
	document.getElementById(o).style.visibility="visible";
}

function hideObj(o)
{
	document.getElementById(o).style.visibility ="hidden";
}

function writeDIV(div, str){
	if(document.getElementById){
		  eval('document.getElementById("'+div +'").innerHTML="'+str+'"');
	}
	 else if(document.layers){
	         eval('document.'+div+'.document.open();document.'+div+'.document.write('+ str+');document.'+div+'.document.close()');
	}
}

function hideshade(){
	if (document.getElementById){
		style = '.style';
		eval('document.getElementById("display2")' + style + '.visibility="hidden"');
	}
	if (document.layers){
		doc = document.layers;
		style = '';									
		eval('doc.display2' + style + '.visibility="hide"');		
	}
}

function setBack(){
	if (document.getElementById){
		document.getElementById("display2").style.background = '#ffffff'; //white
	    document.getElementById("display2").innerHTML = ""
	} else {
	  document.layers.display2.background = '#ffffff';
    }
}

function WriteShadeColor1(shade){
	
	var checkmultiple = shade.indexOf(",")
	
	var ss = '';
	var sa = shade.split(",");
	if (shade != ''){
	if (checkmultiple < 0) 
	{
		document.write("<table class='soff' cellspacing='0' cellpadding='0' ><TR>");
	as = "<table class='soff' cellspacing='0' cellpadding='0' ><TR>"
	} else {
		document.write("<table border=0 class='soff' cellspacing='1' cellpadding='0' ><TR>");
	}
		for(var i=0; i < sa.length; i++){
				
			if ((i != 0) && (i % 2 == 0) )
			{				
				document.write("</TR><TR>");				
			}
			if ((i != 0) && (i % 3 == 0))
			{
				document.write("</TR><TR>");				
			}	
	
   	
   //	document.write("<td bgcolor='" + sa[i] + "' width='23' height='23'><img src='images/spacer.gif' border='0' width='23' height='23' onMouseOver='"+ ss +"' onMouseOut='javascript:hideshade()')></td>");
	document.write("<td valign=top bgcolor='" + sa[i] + "' width='20' height='20'><img src='images/spacer.gif' align=top border='0' width='20' height='20' ></td>");
	as = as + "<td valign=top bgcolor='" + sa[i] + "' width='20' height='20'><img src='images/spacer.gif' align=top border='0' width='20' height='20'  ></td>"
	
			}
			document.write("</tr>");
			document.write("</table>");
			//as = as+"</table>"
				
	}//END if (shade != '')
	
}

function WriteShadeColor(shade,name){
	var sa = shade.split(",");
	//alert(shade)
	if (shade != ''){
	document.write("<table border='0' cellspacing='1' cellpadding='0' ><TR>");
			for(var i=0; i < sa.length; i++){
						
				if (i!=0 && i % 2 == 0)
					document.write("</TR><TR>");	
	document.write("<td bgcolor='" + sa[i] + "' width='12' height='12'><img src='images/spacer.gif' border='0' width='12' height='12' ></td>");
			}
			document.write("</table>");	
	}
}