var renkdugme;
var pencere;
var frm;
function renksec(renk)
{
document.getElementById(renkdugme).style.backgroundColor=renk;
document.getElementById(frm).value=renk;
document.getElementById(pencere).style.visibility = "hidden";
}

function renkpencereolustur(cikti)
{
pencere = cikti.toString();
var renkler = Array('#000000', '#000033', '#000066', '#000099', '#0000CC', '#0000FF', '#003300', '#003333', '#003366', '#003399', '#0033CC', '#0033FF', '#006600', '#006633', '#006666', '#006699', '#0066CC', '#0066FF', '#009900', '#009933', '#009966', '#009999', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#00FF00', '#00FF33', '#00FF66', '#00FF99', '#00FFCC', '#00FFFF', '#330000', '#330033', '#330066', '#330099', '#3300CC', '#3300FF', '#333300', '#333333', '#333366', '#333399', '#3333CC', '#3333FF', '#336600', '#336633', '#336666', '#336699', '#3366CC', '#3366FF', '#339900', '#339933', '#339966', '#339999', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#33FF00', '#33FF33', '#33FF66', '#33FF99', '#33FFCC', '#33FFFF', '#660000', '#660033', '#660066', '#660099', '#6600CC', '#6600FF', '#663300', '#663333', '#663366', '#663399', '#6633CC', '#6633FF', '#666600', '#666633', '#666666', '#666699', '#6666CC', '#6666FF', '#669900', '#669933', '#669966', '#669999', '#6699CC', '#6699FF', '#66CC00', '#66CC33', '#66CC66', '#66CC99', '#66CCCC', '#66CCFF', '#66FF00', '#66FF33', '#66FF66', '#66FF99', '#66FFCC', '#66FFFF', '#990000', '#990033', '#990066', '#990099', '#9900CC', '#9900FF', '#993300', '#993333', '#993366', '#993399', '#9933CC', '#9933FF', '#996600', '#996633', '#996666', '#996699', '#9966CC', '#9966FF', '#999900', '#999933', '#999966', '#999999', '#9999CC', '#9999FF', '#99CC00', '#99CC33', '#99CC66', '#99CC99', '#99CCCC', '#99CCFF', '#99FF00', '#99FF33', '#99FF66', '#99FF99', '#99FFCC', '#99FFFF', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC6666', '#CC6699', '#CC66CC', '#CC66FF', '#CC9900', '#CC9933', '#CC9966', '#CC9999', '#CC99CC', '#CC99FF', '#CCCC00', '#CCCC33', '#CCCC66', '#CCCC99', '#CCCCCC', '#CCCCFF', '#CCFF00', '#CCFF33', '#CCFF66', '#CCFF99', '#CCFFCC', '#CCFFFF', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF6666', '#FF6699', '#FF66CC', '#FF66FF', '#FF9900', '#FF9933', '#FF9966', '#FF9999', '#FF99CC', '#FF99FF', '#FFCC00', '#FFCC33', '#FFCC66', '#FFCC99', '#FFCCCC', '#FFCCFF', '#FFFF00', '#FFFF33', '#FFFF66', '#FFFF99', '#FFFFCC', '#FFFFFF');
	
	
cikacak ='<div id="'+pencere+'" style="position:absolute;  visibility:hidden; width:210px; background:#ffffff; border:1px solid #000000; padding:1px; padding-top:0px;">'+
'<div style="width:100%; height:13px;" align="right"><div style="width:10px; height:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin-bottom:2px; margin-right:2px;"><a href="javascript:renkpencerekapat(\''+pencere+'\');" style=" text-decoration: none; color:#000000;">X</a></div></div>';


for (var i = 0; i < renkler.length; i++) {
rn='renk'+i;
ren='<div id="'+rn+'" title="'+ renkler[i]+'" style="background-color:'+ renkler[i]+'; width:10px; height:10px; float:left; margin: 1px; cursor:pointer; border:1px solid #000;" onclick="renksec(\''+ renkler[i]+'\')"><span></span></div>';
cikacak = cikacak + ren;
}
cikacak = cikacak + '</div>';
//document.getElementById(cikti).innerHTML=cikacak;
document.write(cikacak);	
}
	
function renkgoster(but,frmg)
{

but = but.toString();
frm = frmg.toString();
x = document.getElementById(but).offsetLeft;
y = document.getElementById(but).offsetTop + document.getElementById(but).offsetHeight + 1;
if (navigator.appName=="Microsoft Internet Explorer")
{
  x=x+10;
  y=y+15;
}
document.getElementById(pencere).style.top = y+"px";
document.getElementById(pencere).style.left = x+"px";

if(document.getElementById(pencere).style.visibility=="hidden") 
{
	document.getElementById(pencere).style.visibility = "visible";
}else{
	if(renkdugme == but)
	{
		document.getElementById(pencere).style.visibility = "hidden";
	}
}
renkdugme = but;
}

function renkpencerekapat(pencere)
{
document.getElementById(pencere).style.visibility = "hidden";
}


function renksecicidugme(adi,frmg)
{	frm = frmg.toString();
	adi = adi.toString();
cikacak ='<input type="button" id="'+adi+'" name="'+adi+'" style="border: 1px solid #000000; margin: 2px; cursor:pointer; background:#ffffff; width:18px; height:18px;" onclick="renkgoster(\''+adi+'\',\''+frm+'\');" />';
document.write(cikacak);
}