function getScrollY()
{
var scrOfX = 0, scrOfY = 0;
 //porque no hay scroll esta en un div
   
  if(typeof(window.pageYOffset)=='number')
{
	scrOfY=window.pageYOffset;scrOfX=window.pageXOffset;
	}
	else 
	if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
	{
		scrOfY=document.body.scrollTop;scrOfX=document.body.scrollLeft;
		}
		else 
		if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
		{
			scrOfY=document.documentElement.scrollTop;scrOfX=document.documentElement.scrollLeft;
			}
			return scrOfY;
			}
			
			document.write("<style type='text/css'>.colorpicker201{visibility:hidden;display:none;position:static;background:#FFF;border:solid 1px #CCC;padding:4px;z-index:999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0,direction=135);}.o5582brd{padding:0;width:12px;height:14px;border-bottom:solid 1px #DFDFDF;border-right:solid 1px #DFDFDF;}a.o5582n66,.o5582n66,.o5582n66a{font-family:arial,tahoma,sans-serif;text-decoration:underline;font-size:9px;color:#666;border:none;}.o5582n66,.o5582n66a{text-align:center;text-decoration:none;}a:hover.o5582n66{text-decoration:none;color:#FFA500;cursor:pointer;}.a01p3{padding:1px 4px 1px 2px;background:whitesmoke;border:solid 1px #DFDFDF;}</style>");
			
			function getTop2()
			{
				csBrHt=0;
				if(
				   typeof(window.innerWidth)=='number')
				{
					csBrHt=window.innerHeight;
					}
					else 
					if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){csBrHt=document.documentElement.clientHeight;}else if(document.body&&(document.body.clientWidth||document.body.clientHeight)){csBrHt=document.body.clientHeight;}ctop=((csBrHt/2)-115)+getScrollY();return ctop;}var nocol1="&#78;&#79;&#32;&#67;&#79;&#76;&#79;&#82;",clos1="&#67;&#76;&#79;&#83;&#69;",tt2="&#70;&#82;&#69;&#69;&#45;&#67;&#79;&#76;&#79;&#82;&#45;&#80;&#73;&#67;&#75;&#69;&#82;&#46;&#67;&#79;&#77;",hm2="&#104;&#116;&#116;&#112;&#58;&#47;&#47;&#119;&#119;&#119;&#46;";hm2+=tt2;tt2="&#80;&#79;&#87;&#69;&#82;&#69;&#68;&#32;&#98;&#121;&#32;&#70;&#67;&#80;";function getLeft2(){var csBrWt=0;if(typeof(window.innerWidth)=='number'){csBrWt=window.innerWidth;
					}
					else 
					if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
					{
						csBrWt=document.documentElement.clientWidth;
						}
						else 
						if(document.body&&(document.body.clientWidth||document.body.clientHeight))
						{
							csBrWt=document.body.clientWidth;}cleft=(csBrWt/2)-125;return cleft;
							}
							
							function setCCbldID2(objID,val)
							{
								document.getElementById(objID).value=val;
							}
							function setCCbldSty2(objID,prop,val)
							{
								switch(prop){
									case "bc":
									if(objID!='none'){document.getElementById(objID).style.backgroundColor=val;};
									break;
									case "vs":document.getElementById(objID).style.visibility=val;
									break;
									case "ds":document.getElementById(objID).style.display=val;
									break;
									case "tp":document.getElementById(objID).style.top=val;
									break;
									case "lf":document.getElementById(objID).style.left=val;
									break;
									}
									}
									
									function putOBJxColor2(Loc,OBjElem,Samp,pigMent)
									{
										if(pigMent!='x')
										{
											setCCbldID2(OBjElem,pigMent);setCCbldSty2(Samp,'bc',pigMent);
											}
											setCCbldSty2(Loc,'vs','hidden');
											setCCbldSty2(Loc,'ds','none');
											}
											
											function showColorGrid2(Loc,OBjElem,Sam)
											{
												var objX=new Array('00','33','66','99','CC','FF');
												var c=0;
												var z='"'+OBjElem+'","'+Sam+'",""';
												var xl='"'+OBjElem+'","'+Sam+'","x"';
												var mid='';mid+='<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border:solid 0px #F0F0F0;padding:2px;"><tr>';mid+="<td colspan='18' align='left' style='font-size:10px;background:#6666CC;color:#FFF;font-family:arial;'>&nbsp;Chromatic Selection Palette</td></tr><tr><td colspan='18' align='center' style='margin:0;padding:2px;height:12px;' ><input class='o5582n66' type='text' size='12' id='o5582n66' value='#FFFFFF'><input class='o5582n66a' type='text' size='2' style='width:14px;' id='o5582n66a' onclick='javascript:alert(\"click on selected swatch below...\");' value='' style='border:solid 1px #666;'>&nbsp;|&nbsp;<a class='o5582n66' href='javascript:onclick=putOBJxColor2(\""+Loc+"\","+z+")'><span class='a01p3'>"+nocol1+"</span></a>&nbsp;&nbsp;&nbsp;&nbsp;<a class='o5582n66' href='javascript:onclick=putOBJxColor2(\""+Loc+"\","+xl+")'><span class='a01p3'>"+clos1+"</span></a></td></tr><tr>";
												var br=1;
												for(o=0;o<6;o++)
												{
													mid+='</tr><tr>';
													for(y=0;y<6;y++)
													{
														if(y==3){mid+='</tr><tr>';
														}
														for(x=0;x<6;x++)
														{
															var grid='';grid=objX[o]+objX[y]+objX[x];
															var b="'"+OBjElem+"', '"+Sam+"','#"+grid+"'";mid+='<td class="o5582brd" style="background-color:#'+grid+'"><a class="o5582n66"  href="javascript:onclick=putOBJxColor2(\''+Loc+'\','+b+');" onmouseover=javascript:document.getElementById("o5582n66").value="#'+grid+'";javascript:document.getElementById("o5582n66a").style.backgroundColor="#'+grid+'";  title="#'+grid+'"><div style="width:12px;height:14px;"></div></a></td>';c++;
															}
															}
															}
															mid+="</tr><tr><td colspan='18' align='right' style='padding:2px;border:solid 1px #FFF;background:#FFF;'></td></tr></table>";
															var ttop=getTop2();setCCbldSty2(Loc,'tp',ttop);
															document.getElementById(Loc).style.left=getLeft2();
															setCCbldSty2(Loc,'vs','visible');
															setCCbldSty2(Loc,'ds','block');
															document.getElementById(Loc).innerHTML=mid;
															}
