/*
Rounded Corners via Javascript
 Taken from Nifty Corners v2 - http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html

INSTRUCTIONS:
Add in head of page (either locally or in a .js file
					 
<script type="text/javascript">
		window.onload=function(){
			if(!NiftyCheck())
		return;
	Rounded("div#nifty","all","#FFF","#D4DDFF","smooth");
 		}
</script>

 The function NiftyCheck performs a check for DOM support. If the test  has passed, the Rounded function is called. 
 It accepts five parameters, that are in order:
	1.  	A CSS selector that indicates on wich elements apply the function
	2.  	A string that indicates wich corners to round
	3.  	Outer color of the rounded corners
	4.  	Inner color of the rounded corners
	5.  	An optional fifth parameter, that will contain the options for Nifty Corners


First parameter: the CSS selector
Accepted parameters:
	• 	Tag selector, i.e. "p" or "blockquote" or "h2"
	• 	Id selector, with specified tag of the element: for example "div#content" or "p#news" or "li#home"
	• 	Class selector, with specified tag of the element: for example "div.entry" or "h2.highlight"
	• 	Descendant selector, with some limitation: this have to be composed by an id selector followed by a tag selector.  Valid examples are: "div#news div" or "ul#menu li"


Second parameter: specifing wich corners to round
The second parameter specify wich corners to round. It accepts one or more of the following keywords separated by a space:
	• 	"all" will round all corners
	• 	"top" will round top corners
	• 	"bottom" will round bottom corners
	• 	"tl" will round top-left corner
	• 	"tr" will round top-right corner
	• 	"bl" will round bottom-left corner
	• 	"br" will round bottom-right corner
You can also combine the keywords. For example, you can use the parameter "top br" to round the top corners and the bottom-right one.
Note also that both the parameter "top bottom" and "tl tr bl br" are  valid to get all the four corners rounded.


Third and fourth parameters: specifying the colors
The third and fourth parameters are used to specifying respectively outer and inner color.  
They should be specified in hex code with # symbol, in three or six digits. They can also be set to "transparent". 
While in the first version you could only get the outer color transparent,  now you can also get nifty corners transparent inside (to allow for bkgd graphics). 


Fifth parameter: nifty corners options
The fifth parameter is optional, and if specified will render nifty corners in different way:
	• 	"smooth" will produce lighly antialiased nifty corners: the Javascript library will compute automatically the intermediate color to blend the inner and outer color more gently: so, in this case they must be both be specified.
	• 	"border" (followed by a color in hex code with # symbol, in three or six digits) will make corners with edges. Note that you can also get transparent corners, but just outside the edges.
	• 	"small" will produce small corners, and could be applied to every kind of corners


*/


function NiftyCheck(){

if(!document.getElementById || !document.createElement)

    return(false);

isXHTML=/html\:/.test(document.getElementsByTagName('body')[0].nodeName);

if(Array.prototype.push==null){Array.prototype.push=function(){

      this[this.length]=arguments[0]; return(this.length);}}

return(true);

}



function Rounded(selector,wich,bk,color,opt){

var i,prefixt,prefixb,cn="r",ecolor="",edges=false,eclass="",b=false,t=false;



if(color=="transparent"){

    cn=cn+"x";

    ecolor=bk;

    bk="transparent";

    }

else if(opt && opt.indexOf("border")>=0){

    var optar=opt.split(" ");

    for(i=0;i<optar.length;i++)

        if(optar[i].indexOf("#")>=0) ecolor=optar[i];

    if(ecolor=="") ecolor="#666";

    cn+="e";

    edges=true;

    }

else if(opt && opt.indexOf("smooth")>=0){

    cn+="a";

    ecolor=Mix(bk,color);

    }

if(opt && opt.indexOf("small")>=0) cn+="s";

prefixt=cn;

prefixb=cn;

if(wich.indexOf("all")>=0){t=true;b=true}

else if(wich.indexOf("top")>=0) t="true";

else if(wich.indexOf("tl")>=0){

    t="true";

    if(wich.indexOf("tr")<0) prefixt+="l";

    }

else if(wich.indexOf("tr")>=0){

    t="true";

    prefixt+="r";

    }

if(wich.indexOf("bottom")>=0) b=true;

else if(wich.indexOf("bl")>=0){

    b="true";

    if(wich.indexOf("br")<0) prefixb+="l";

    }

else if(wich.indexOf("br")>=0){

    b="true";

    prefixb+="r";

    }

var v=getElementsBySelector(selector);

var l=v.length;

for(i=0;i<l;i++){

    if(edges) AddBorder(v[i],ecolor);

    if(t) AddTop(v[i],bk,color,ecolor,prefixt);

    if(b) AddBottom(v[i],bk,color,ecolor,prefixb);

    }

}



function AddBorder(el,bc){

var i;

if(!el.passed){

    if(el.childNodes.length==1 && el.childNodes[0].nodeType==3){

        var t=el.firstChild.nodeValue;

        el.removeChild(el.lastChild);

        var d=CreateEl("span");

        d.style.display="block";

        d.appendChild(document.createTextNode(t));

        el.appendChild(d);

        }

    for(i=0;i<el.childNodes.length;i++){

        if(el.childNodes[i].nodeType==1){

            el.childNodes[i].style.borderLeft="1px solid "+bc;

            el.childNodes[i].style.borderRight="1px solid "+bc;

            }

        }

    }

el.passed=true;

}

    

function AddTop(el,bk,color,bc,cn){

var i,lim=4,d=CreateEl("b");



if(cn.indexOf("s")>=0) lim=2;

if(bc) d.className="artop";

else d.className="rtop";

d.style.backgroundColor=bk;

for(i=1;i<=lim;i++){

    var x=CreateEl("b");

    x.className=cn + i;

    x.style.backgroundColor=color;

    if(bc) x.style.borderColor=bc;

    d.appendChild(x);

    }

el.style.paddingTop=0;

el.insertBefore(d,el.firstChild);

}



function AddBottom(el,bk,color,bc,cn){

var i,lim=4,d=CreateEl("b");



if(cn.indexOf("s")>=0) lim=2;

if(bc) d.className="artop";

else d.className="rtop";

d.style.backgroundColor=bk;

for(i=lim;i>0;i--){

    var x=CreateEl("b");

    x.className=cn + i;

    x.style.backgroundColor=color;

    if(bc) x.style.borderColor=bc;

    d.appendChild(x);

    }

el.style.paddingBottom=0;

el.appendChild(d);

}



function CreateEl(x){

if(isXHTML) return(document.createElementNS('http://www.w3.org/1999/xhtml',x));

else return(document.createElement(x));

}



function getElementsBySelector(selector){

var i,selid="",selclass="",tag=selector,f,s=[],objlist=[];



if(selector.indexOf(" ")>0){  //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) return(f.getElementsByTagName(s[1]));

    return(objlist);

    }

if(selector.indexOf("#")>0){ //id selector like "tag#id"

    s=selector.split("#");

    tag=s[0];

    selid=s[1];

    }

if(selid!=""){

    f=document.getElementById(selid);

    if(f) objlist.push(f);

    return(objlist);

    }

if(selector.indexOf(".")>0){  //class selector like "tag.class"

    s=selector.split(".");

    tag=s[0];

    selclass=s[1];

    }

var v=document.getElementsByTagName(tag);  // tag selector like "tag"

if(selclass=="")

    return(v);

for(i=0;i<v.length;i++){

    if(v[i].className.indexOf(selclass)>=0){

        objlist.push(v[i]);

        }

    }

return(objlist);

}



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);

    }

return("#"+r[0].toString(16)+r[1].toString(16)+r[2].toString(16));

}