-/* Nifty Corners Cube - rounded corners with CSS and Javascript\r
-Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)\r
-\r
-This program is free software; you can redistribute it and/or modify\r
-it under the terms of the GNU General Public License as published by\r
-the Free Software Foundation; either version 2 of the License, or\r
-(at your option) any later version.\r
-\r
-This program is distributed in the hope that it will be useful,\r
-but WITHOUT ANY WARRANTY; without even the implied warranty of\r
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\r
-GNU General Public License for more details.\r
-\r
-You should have received a copy of the GNU General Public License\r
-along with this program; if not, write to the Free Software\r
-Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA\r
-*/\r
-\r
-var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);\r
-var niftyCss=false;\r
-\r
-String.prototype.find=function(what){\r
-return(this.indexOf(what)>=0 ? true : false);\r
-}\r
-\r
-var oldonload=window.onload;\r
-if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};\r
-if(typeof(oldonload)=='function')\r
- window.onload=function(){oldonload();AddCss();NiftyLoad()};\r
-else window.onload=function(){AddCss();NiftyLoad()};\r
-\r
-function AddCss(){\r
-niftyCss=true;\r
-var l=CreateEl("link");\r
-l.setAttribute("type","text/css");\r
-l.setAttribute("rel","stylesheet");\r
-l.setAttribute("href","static/niftyCorners.css");\r
-l.setAttribute("media","screen");\r
-document.getElementsByTagName("head")[0].appendChild(l);\r
-}\r
-\r
-function Nifty(selector,options){\r
-if(niftyOk==false) return;\r
-if(niftyCss==false) AddCss();\r
-var i,v=selector.split(","),h=0;\r
-if(options==null) options="";\r
-if(options.find("fixed-height"))\r
- h=getElementsBySelector(v[0])[0].offsetHeight;\r
-for(i=0;i<v.length;i++)\r
- Rounded(v[i],options);\r
-if(options.find("height")) SameHeight(selector,h);\r
-}\r
-\r
-function Rounded(selector,options){\r
-var i,top="",bottom="",v=new Array();\r
-if(options!=""){\r
- options=options.replace("left","tl bl");\r
- options=options.replace("right","tr br");\r
- options=options.replace("top","tr tl");\r
- options=options.replace("bottom","br bl");\r
- options=options.replace("transparent","alias");\r
- if(options.find("tl")){\r
- top="both";\r
- if(!options.find("tr")) top="left";\r
- }\r
- else if(options.find("tr")) top="right";\r
- if(options.find("bl")){\r
- bottom="both";\r
- if(!options.find("br")) bottom="left";\r
- }\r
- else if(options.find("br")) bottom="right";\r
- }\r
-if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}\r
-v=getElementsBySelector(selector);\r
-for(i=0;i<v.length;i++){\r
- FixIE(v[i]);\r
- if(top!="") AddTop(v[i],top,options);\r
- if(bottom!="") AddBottom(v[i],bottom,options);\r
- }\r
-}\r
-\r
-function AddTop(el,side,options){\r
-var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;\r
-d.style.marginLeft="-"+getPadding(el,"Left")+"px";\r
-d.style.marginRight="-"+getPadding(el,"Right")+"px";\r
-if(options.find("alias") || (color=getBk(el))=="transparent"){\r
- color="transparent";bk="transparent"; border=getParentBk(el);btype="t";\r
- }\r
-else{\r
- bk=getParentBk(el); border=Mix(color,bk);\r
- }\r
-d.style.background=bk;\r
-d.className="niftycorners";\r
-p=getPadding(el,"Top");\r
-if(options.find("small")){\r
- d.style.marginBottom=(p-2)+"px";\r
- btype+="s"; lim=2;\r
- }\r
-else if(options.find("big")){\r
- d.style.marginBottom=(p-10)+"px";\r
- btype+="b"; lim=8;\r
- }\r
-else d.style.marginBottom=(p-5)+"px";\r
-for(i=1;i<=lim;i++)\r
- d.appendChild(CreateStrip(i,side,color,border,btype));\r
-el.style.paddingTop="0";\r
-el.insertBefore(d,el.firstChild);\r
-}\r
-\r
-function AddBottom(el,side,options){\r
-var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;\r
-d.style.marginLeft="-"+getPadding(el,"Left")+"px";\r
-d.style.marginRight="-"+getPadding(el,"Right")+"px";\r
-if(options.find("alias") || (color=getBk(el))=="transparent"){\r
- color="transparent";bk="transparent"; border=getParentBk(el);btype="t";\r
- }\r
-else{\r
- bk=getParentBk(el); border=Mix(color,bk);\r
- }\r
-d.style.background=bk;\r
-d.className="niftycorners";\r
-p=getPadding(el,"Bottom");\r
-if(options.find("small")){\r
- d.style.marginTop=(p-2)+"px";\r
- btype+="s"; lim=2;\r
- }\r
-else if(options.find("big")){\r
- d.style.marginTop=(p-10)+"px";\r
- btype+="b"; lim=8;\r
- }\r
-else d.style.marginTop=(p-5)+"px";\r
-for(i=lim;i>0;i--)\r
- d.appendChild(CreateStrip(i,side,color,border,btype));\r
-el.style.paddingBottom=0;\r
-el.appendChild(d);\r
-}\r
-\r
-function CreateStrip(index,side,color,border,btype){\r
-var x=CreateEl("b");\r
-x.className=btype+index;\r
-x.style.backgroundColor=color;\r
-x.style.borderColor=border;\r
-if(side=="left"){\r
- x.style.borderRightWidth="0";\r
- x.style.marginRight="0";\r
- }\r
-else if(side=="right"){\r
- x.style.borderLeftWidth="0";\r
- x.style.marginLeft="0";\r
- }\r
-return(x);\r
-}\r
-\r
-function CreateEl(x){\r
-return(document.createElement(x));\r
-}\r
-\r
-function FixIE(el){\r
-if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)\r
- el.style.display="inline-block";\r
-}\r
-\r
-function SameHeight(selector,maxh){\r
-var i,v=selector.split(","),t,j,els=[],gap;\r
-for(i=0;i<v.length;i++){\r
- t=getElementsBySelector(v[i]);\r
- els=els.concat(t);\r
- }\r
-for(i=0;i<els.length;i++){\r
- if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;\r
- els[i].style.height="auto";\r
- }\r
-for(i=0;i<els.length;i++){\r
- gap=maxh-els[i].offsetHeight;\r
- if(gap>0){\r
- t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";\r
- nc=els[i].lastChild;\r
- if(nc.className=="niftycorners")\r
- els[i].insertBefore(t,nc);\r
- else els[i].appendChild(t);\r
- }\r
- }\r
-}\r
-\r
-function getElementsBySelector(selector){\r
-var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;\r
-if(selector.find("#")){ //id selector like "tag#id"\r
- if(selector.find(" ")){ //descendant selector like "tag#id tag"\r
- s=selector.split(" ");\r
- var fs=s[0].split("#");\r
- if(fs.length==1) return(objlist);\r
- f=document.getElementById(fs[1]);\r
- if(f){\r
- v=f.getElementsByTagName(s[1]);\r
- for(i=0;i<v.length;i++) objlist.push(v[i]);\r
- }\r
- return(objlist);\r
- }\r
- else{\r
- s=selector.split("#");\r
- tag=s[0];\r
- selid=s[1];\r
- if(selid!=""){\r
- f=document.getElementById(selid);\r
- if(f) objlist.push(f);\r
- return(objlist);\r
- }\r
- }\r
- }\r
-if(selector.find(".")){ //class selector like "tag.class"\r
- s=selector.split(".");\r
- tag=s[0];\r
- selclass=s[1];\r
- if(selclass.find(" ")){ //descendant selector like tag1.classname tag2\r
- s=selclass.split(" ");\r
- selclass=s[0];\r
- tag2=s[1];\r
- }\r
- }\r
-var v=document.getElementsByTagName(tag); // tag selector like "tag"\r
-if(selclass==""){\r
- for(i=0;i<v.length;i++) objlist.push(v[i]);\r
- return(objlist);\r
- }\r
-for(i=0;i<v.length;i++){\r
- c=v[i].className.split(" ");\r
- for(j=0;j<c.length;j++){\r
- if(c[j]==selclass){\r
- if(tag2=="") objlist.push(v[i]);\r
- else{\r
- v2=v[i].getElementsByTagName(tag2);\r
- for(k=0;k<v2.length;k++) objlist.push(v2[k]);\r
- }\r
- }\r
- }\r
- }\r
-return(objlist);\r
-}\r
-\r
-function getParentBk(x){\r
-var el=x.parentNode,c;\r
-while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")\r
- el=el.parentNode;\r
-if(c=="transparent") c="#FFFFFF";\r
-return(c);\r
-}\r
-\r
-function getBk(x){\r
-var c=getStyleProp(x,"backgroundColor");\r
-if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))\r
- return("transparent");\r
-if(c.find("rgb")) c=rgb2hex(c);\r
-return(c);\r
-}\r
-\r
-function getPadding(x,side){\r
-var p=getStyleProp(x,"padding"+side);\r
-if(p==null || !p.find("px")) return(0);\r
-return(parseInt(p));\r
-}\r
-\r
-function getStyleProp(x,prop){\r
-if(x.currentStyle)\r
- return(x.currentStyle[prop]);\r
-if(document.defaultView.getComputedStyle)\r
- return(document.defaultView.getComputedStyle(x,'')[prop]);\r
-return(null);\r
-}\r
-\r
-function rgb2hex(value){\r
-var hex="",v,h,i;\r
-var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;\r
-var h=regexp.exec(value);\r
-for(i=1;i<4;i++){\r
- v=parseInt(h[i]).toString(16);\r
- if(v.length==1) hex+="0"+v;\r
- else hex+=v;\r
- }\r
-return("#"+hex);\r
-}\r
-\r
-function Mix(c1,c2){\r
-var i,step1,step2,x,y,r=new Array(3);\r
-if(c1.length==4)step1=1;\r
-else step1=2;\r
-if(c2.length==4) step2=1;\r
-else step2=2;\r
-for(i=0;i<3;i++){\r
- x=parseInt(c1.substr(1+step1*i,step1),16);\r
- if(step1==1) x=16*x+x;\r
- y=parseInt(c2.substr(1+step2*i,step2),16);\r
- if(step2==1) y=16*y+y;\r
- r[i]=Math.floor((x*50+y*50)/100);\r
- r[i]=r[i].toString(16);\r
- if(r[i].length==1) r[i]="0"+r[i];\r
- }\r
-return("#"+r[0]+r[1]+r[2]);\r
-}\r
+/* Nifty Corners Cube - rounded corners with CSS and Javascript
+Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)
+
+This program is free software; you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation; either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
+*/
+
+var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);
+var niftyCss=false;
+
+String.prototype.find=function(what){
+return(this.indexOf(what)>=0 ? true : false);
+}
+
+var oldonload=window.onload;
+if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};
+if(typeof(oldonload)=='function')
+ window.onload=function(){oldonload();AddCss();NiftyLoad()};
+else window.onload=function(){AddCss();NiftyLoad()};
+
+function AddCss(){
+niftyCss=true;
+var l=CreateEl("link");
+l.setAttribute("type","text/css");
+l.setAttribute("rel","stylesheet");
+l.setAttribute("href","static/niftyCorners.css");
+l.setAttribute("media","screen");
+document.getElementsByTagName("head")[0].appendChild(l);
+}
+
+function Nifty(selector,options){
+if(niftyOk==false) return;
+if(niftyCss==false) AddCss();
+var i,v=selector.split(","),h=0;
+if(options==null) options="";
+if(options.find("fixed-height"))
+ h=getElementsBySelector(v[0])[0].offsetHeight;
+for(i=0;i<v.length;i++)
+ Rounded(v[i],options);
+if(options.find("height")) SameHeight(selector,h);
+}
+
+function Rounded(selector,options){
+var i,top="",bottom="",v=new Array();
+if(options!=""){
+ options=options.replace("left","tl bl");
+ options=options.replace("right","tr br");
+ options=options.replace("top","tr tl");
+ options=options.replace("bottom","br bl");
+ options=options.replace("transparent","alias");
+ if(options.find("tl")){
+ top="both";
+ if(!options.find("tr")) top="left";
+ }
+ else if(options.find("tr")) top="right";
+ if(options.find("bl")){
+ bottom="both";
+ if(!options.find("br")) bottom="left";
+ }
+ else if(options.find("br")) bottom="right";
+ }
+if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}
+v=getElementsBySelector(selector);
+for(i=0;i<v.length;i++){
+ FixIE(v[i]);
+ if(top!="") AddTop(v[i],top,options);
+ if(bottom!="") AddBottom(v[i],bottom,options);
+ }
+}
+
+function AddTop(el,side,options){
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";
+d.style.marginRight="-"+getPadding(el,"Right")+"px";
+if(options.find("alias") || (color=getBk(el))=="transparent"){
+ color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
+ }
+else{
+ bk=getParentBk(el); border=Mix(color,bk);
+ }
+d.style.background=bk;
+d.className="niftycorners";
+p=getPadding(el,"Top");
+if(options.find("small")){
+ d.style.marginBottom=(p-2)+"px";
+ btype+="s"; lim=2;
+ }
+else if(options.find("big")){
+ d.style.marginBottom=(p-10)+"px";
+ btype+="b"; lim=8;
+ }
+else d.style.marginBottom=(p-5)+"px";
+for(i=1;i<=lim;i++)
+ d.appendChild(CreateStrip(i,side,color,border,btype));
+el.style.paddingTop="0";
+el.insertBefore(d,el.firstChild);
+}
+
+function AddBottom(el,side,options){
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";
+d.style.marginRight="-"+getPadding(el,"Right")+"px";
+if(options.find("alias") || (color=getBk(el))=="transparent"){
+ color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
+ }
+else{
+ bk=getParentBk(el); border=Mix(color,bk);
+ }
+d.style.background=bk;
+d.className="niftycorners";
+p=getPadding(el,"Bottom");
+if(options.find("small")){
+ d.style.marginTop=(p-2)+"px";
+ btype+="s"; lim=2;
+ }
+else if(options.find("big")){
+ d.style.marginTop=(p-10)+"px";
+ btype+="b"; lim=8;
+ }
+else d.style.marginTop=(p-5)+"px";
+for(i=lim;i>0;i--)
+ d.appendChild(CreateStrip(i,side,color,border,btype));
+el.style.paddingBottom=0;
+el.appendChild(d);
+}
+
+function CreateStrip(index,side,color,border,btype){
+var x=CreateEl("b");
+x.className=btype+index;
+x.style.backgroundColor=color;
+x.style.borderColor=border;
+if(side=="left"){
+ x.style.borderRightWidth="0";
+ x.style.marginRight="0";
+ }
+else if(side=="right"){
+ x.style.borderLeftWidth="0";
+ x.style.marginLeft="0";
+ }
+return(x);
+}
+
+function CreateEl(x){
+return(document.createElement(x));
+}
+
+function FixIE(el){
+if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)
+ el.style.display="inline-block";
+}
+
+function SameHeight(selector,maxh){
+var i,v=selector.split(","),t,j,els=[],gap;
+for(i=0;i<v.length;i++){
+ t=getElementsBySelector(v[i]);
+ els=els.concat(t);
+ }
+for(i=0;i<els.length;i++){
+ if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;
+ els[i].style.height="auto";
+ }
+for(i=0;i<els.length;i++){
+ gap=maxh-els[i].offsetHeight;
+ if(gap>0){
+ t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";
+ nc=els[i].lastChild;
+ if(nc.className=="niftycorners")
+ els[i].insertBefore(t,nc);
+ else els[i].appendChild(t);
+ }
+ }
+}
+
+function getElementsBySelector(selector){
+var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;
+if(selector.find("#")){ //id selector like "tag#id"
+ if(selector.find(" ")){ //descendant selector like "tag#id tag"
+ s=selector.split(" ");
+ var fs=s[0].split("#");
+ if(fs.length==1) return(objlist);
+ f=document.getElementById(fs[1]);
+ if(f){
+ v=f.getElementsByTagName(s[1]);
+ for(i=0;i<v.length;i++) objlist.push(v[i]);
+ }
+ return(objlist);
+ }
+ else{
+ s=selector.split("#");
+ tag=s[0];
+ selid=s[1];
+ if(selid!=""){
+ f=document.getElementById(selid);
+ if(f) objlist.push(f);
+ return(objlist);
+ }
+ }
+ }
+if(selector.find(".")){ //class selector like "tag.class"
+ s=selector.split(".");
+ tag=s[0];
+ selclass=s[1];
+ if(selclass.find(" ")){ //descendant selector like tag1.classname tag2
+ s=selclass.split(" ");
+ selclass=s[0];
+ tag2=s[1];
+ }
+ }
+var v=document.getElementsByTagName(tag); // tag selector like "tag"
+if(selclass==""){
+ for(i=0;i<v.length;i++) objlist.push(v[i]);
+ return(objlist);
+ }
+for(i=0;i<v.length;i++){
+ c=v[i].className.split(" ");
+ for(j=0;j<c.length;j++){
+ if(c[j]==selclass){
+ if(tag2=="") objlist.push(v[i]);
+ else{
+ v2=v[i].getElementsByTagName(tag2);
+ for(k=0;k<v2.length;k++) objlist.push(v2[k]);
+ }
+ }
+ }
+ }
+return(objlist);
+}
+
+function getParentBk(x){
+var el=x.parentNode,c;
+while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")
+ el=el.parentNode;
+if(c=="transparent") c="#FFFFFF";
+return(c);
+}
+
+function getBk(x){
+var c=getStyleProp(x,"backgroundColor");
+if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))
+ return("transparent");
+if(c.find("rgb")) c=rgb2hex(c);
+return(c);
+}
+
+function getPadding(x,side){
+var p=getStyleProp(x,"padding"+side);
+if(p==null || !p.find("px")) return(0);
+return(parseInt(p));
+}
+
+function getStyleProp(x,prop){
+if(x.currentStyle)
+ return(x.currentStyle[prop]);
+if(document.defaultView.getComputedStyle)
+ return(document.defaultView.getComputedStyle(x,'')[prop]);
+return(null);
+}
+
+function rgb2hex(value){
+var hex="",v,h,i;
+var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
+var h=regexp.exec(value);
+for(i=1;i<4;i++){
+ v=parseInt(h[i]).toString(16);
+ if(v.length==1) hex+="0"+v;
+ else hex+=v;
+ }
+return("#"+hex);
+}
+
+function Mix(c1,c2){
+var i,step1,step2,x,y,r=new Array(3);
+if(c1.length==4)step1=1;
+else step1=2;
+if(c2.length==4) step2=1;
+else step2=2;
+for(i=0;i<3;i++){
+ x=parseInt(c1.substr(1+step1*i,step1),16);
+ if(step1==1) x=16*x+x;
+ y=parseInt(c2.substr(1+step2*i,step2),16);
+ if(step2==1) y=16*y+y;
+ r[i]=Math.floor((x*50+y*50)/100);
+ r[i]=r[i].toString(16);
+ if(r[i].length==1) r[i]="0"+r[i];
+ }
+return("#"+r[0]+r[1]+r[2]);
+}
-<html>\r
-<head>\r
- <title>Text Color</title>\r
- <script type="text/javascript">\r
- <!--\r
- function selectColor(color) {\r
- self.parent.setColor(color);\r
- }\r
- \r
- function InitColorPalette() {\r
- if (document.getElementsByTagName)\r
- var x = document.getElementsByTagName('TD');\r
- else if (document.all)\r
- var x = document.all.tags('TD');\r
- for (var i=0;i<x.length;i++) {\r
- x[i].onmouseover = over;\r
- x[i].onmouseout = out;\r
- x[i].onclick = click;\r
- }\r
- }\r
- \r
- function over() {\r
- this.style.border='1px dotted white';\r
- }\r
- \r
- function out() {\r
- this.style.border='1px solid gray';\r
- }\r
- \r
- function click() {\r
- selectColor(this.id);\r
- }\r
- //-->\r
- </script>\r
-</head>\r
-<body bgcolor="white" onLoad="InitColorPalette()" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0">\r
-<table width="150" height="100" cellpadding="0" cellspacing="1" border="1" align="center">\r
- <tr>\r
- <td id="#FFFFFF" bgcolor="#FFFFFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCCCC" bgcolor="#FFCCCC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCC99" bgcolor="#FFCC99" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFFF99" bgcolor="#FFFF99" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFFFCC" bgcolor="#FFFFCC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#99FF99" bgcolor="#99FF99" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#99FFFF" bgcolor="#99FFFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CCFFFF" bgcolor="#CCFFFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CCCCFF" bgcolor="#CCCCFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCCFF" bgcolor="#FFCCFF" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#CCCCCC" bgcolor="#CCCCCC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF6666" bgcolor="#FF6666" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF9966" bgcolor="#FF9966" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFFF66" bgcolor="#FFFF66" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFFF33" bgcolor="#FFFF33" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#66FF99" bgcolor="#66FF99" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#33FFFF" bgcolor="#33FFFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#66FFFF" bgcolor="#66FFFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#9999FF" bgcolor="#9999FF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF99FF" bgcolor="#FF99FF" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#C0C0C0" bgcolor="#C0C0C0" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF0000" bgcolor="#FF0000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF9900" bgcolor="#FF9900" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCC66" bgcolor="#FFCC66" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFFF00" bgcolor="#FFFF00" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#33FF33" bgcolor="#33FF33" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#66CCCC" bgcolor="#66CCCC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#33CCFF" bgcolor="#33CCFF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#6666CC" bgcolor="#6666CC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CC66CC" bgcolor="#CC66CC" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#999999" bgcolor="#999999" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CC0000" bgcolor="#CC0000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FF6600" bgcolor="#FF6600" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCC33" bgcolor="#FFCC33" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#FFCC00" bgcolor="#FFCC00" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#33CC00" bgcolor="#33CC00" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#00CCCC" bgcolor="#00CCCC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#3366FF" bgcolor="#3366FF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#6633FF" bgcolor="#6633FF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CC33CC" bgcolor="#CC33CC" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#666666" bgcolor="#666666" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#990000" bgcolor="#990000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CC6600" bgcolor="#CC6600" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#CC9933" bgcolor="#CC9933" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#999900" bgcolor="#999900" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#009900" bgcolor="#009900" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#339999" bgcolor="#339999" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#3333FF" bgcolor="#3333FF" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#6600CC" bgcolor="#6600CC" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#993399" bgcolor="#993399" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#333333" bgcolor="#333333" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#660000" bgcolor="#660000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#993300" bgcolor="#993300" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#996633" bgcolor="#996633" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#666600" bgcolor="#666600" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#006600" bgcolor="#006600" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#336666" bgcolor="#336666" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#000099" bgcolor="#000099" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#333399" bgcolor="#333399" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#663366" bgcolor="#663366" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
- <tr>\r
- <td id="#000000" bgcolor="#000000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#330000" bgcolor="#330000" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#663300" bgcolor="#663300" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#663333" bgcolor="#663333" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#333300" bgcolor="#333300" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#003300" bgcolor="#003300" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#003333" bgcolor="#003333" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#000066" bgcolor="#000066" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#330099" bgcolor="#330099" width="10" height="10"><img width="1" height="1"></td>\r
- <td id="#330033" bgcolor="#330033" width="10" height="10"><img width="1" height="1"></td>\r
- </tr>\r
-</table>\r
-</body>\r
-</html>\r
+<html>
+<head>
+ <title>Text Color</title>
+ <script type="text/javascript">
+ <!--
+ function selectColor(color) {
+ self.parent.setColor(color);
+ }
+
+ function InitColorPalette() {
+ if (document.getElementsByTagName)
+ var x = document.getElementsByTagName('TD');
+ else if (document.all)
+ var x = document.all.tags('TD');
+ for (var i=0;i<x.length;i++) {
+ x[i].onmouseover = over;
+ x[i].onmouseout = out;
+ x[i].onclick = click;
+ }
+ }
+
+ function over() {
+ this.style.border='1px dotted white';
+ }
+
+ function out() {
+ this.style.border='1px solid gray';
+ }
+
+ function click() {
+ selectColor(this.id);
+ }
+ //-->
+ </script>
+</head>
+<body bgcolor="white" onLoad="InitColorPalette()" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0">
+<table width="150" height="100" cellpadding="0" cellspacing="1" border="1" align="center">
+ <tr>
+ <td id="#FFFFFF" bgcolor="#FFFFFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCCCC" bgcolor="#FFCCCC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCC99" bgcolor="#FFCC99" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFFF99" bgcolor="#FFFF99" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFFFCC" bgcolor="#FFFFCC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#99FF99" bgcolor="#99FF99" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#99FFFF" bgcolor="#99FFFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CCFFFF" bgcolor="#CCFFFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CCCCFF" bgcolor="#CCCCFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCCFF" bgcolor="#FFCCFF" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#CCCCCC" bgcolor="#CCCCCC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF6666" bgcolor="#FF6666" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF9966" bgcolor="#FF9966" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFFF66" bgcolor="#FFFF66" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFFF33" bgcolor="#FFFF33" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#66FF99" bgcolor="#66FF99" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#33FFFF" bgcolor="#33FFFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#66FFFF" bgcolor="#66FFFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#9999FF" bgcolor="#9999FF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF99FF" bgcolor="#FF99FF" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#C0C0C0" bgcolor="#C0C0C0" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF0000" bgcolor="#FF0000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF9900" bgcolor="#FF9900" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCC66" bgcolor="#FFCC66" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFFF00" bgcolor="#FFFF00" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#33FF33" bgcolor="#33FF33" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#66CCCC" bgcolor="#66CCCC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#33CCFF" bgcolor="#33CCFF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#6666CC" bgcolor="#6666CC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CC66CC" bgcolor="#CC66CC" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#999999" bgcolor="#999999" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CC0000" bgcolor="#CC0000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FF6600" bgcolor="#FF6600" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCC33" bgcolor="#FFCC33" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#FFCC00" bgcolor="#FFCC00" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#33CC00" bgcolor="#33CC00" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#00CCCC" bgcolor="#00CCCC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#3366FF" bgcolor="#3366FF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#6633FF" bgcolor="#6633FF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CC33CC" bgcolor="#CC33CC" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#666666" bgcolor="#666666" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#990000" bgcolor="#990000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CC6600" bgcolor="#CC6600" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#CC9933" bgcolor="#CC9933" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#999900" bgcolor="#999900" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#009900" bgcolor="#009900" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#339999" bgcolor="#339999" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#3333FF" bgcolor="#3333FF" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#6600CC" bgcolor="#6600CC" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#993399" bgcolor="#993399" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#333333" bgcolor="#333333" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#660000" bgcolor="#660000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#993300" bgcolor="#993300" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#996633" bgcolor="#996633" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#666600" bgcolor="#666600" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#006600" bgcolor="#006600" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#336666" bgcolor="#336666" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#000099" bgcolor="#000099" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#333399" bgcolor="#333399" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#663366" bgcolor="#663366" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+ <tr>
+ <td id="#000000" bgcolor="#000000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#330000" bgcolor="#330000" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#663300" bgcolor="#663300" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#663333" bgcolor="#663333" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#333300" bgcolor="#333300" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#003300" bgcolor="#003300" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#003333" bgcolor="#003333" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#000066" bgcolor="#000066" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#330099" bgcolor="#330099" width="10" height="10"><img width="1" height="1"></td>
+ <td id="#330033" bgcolor="#330033" width="10" height="10"><img width="1" height="1"></td>
+ </tr>
+</table>
+</body>
+</html>