* streamline copyright statements; add Conclusion of included components; flip to...
[citadel.git] / webcit / static / niftycube.js
index ccaed31470e56b954e591345b9169a5c64774c23..593749008eb58ae4e5ee7a15033457b74dea7cd1 100644 (file)
-/* 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]);
+}