summary refs log tree commit diff stats
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2008-12-12 17:38:01 -0500
committerStarla Insigna <hatkirby@fourisland.com>2008-12-12 17:38:01 -0500
commitf1577ed1afb1aa65041ba5b6cdd812e2c6085d91 (patch)
tree1aa4d4c93a4f1d27daa12ad951d9f76069f8140e
parentacd2740ccbbb358e866a8bb3ac64c0de32e554f9 (diff)
downloadfourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.tar.gz
fourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.tar.bz2
fourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.zip
Replaced JS bubbles
Now, instead of creating bubbles using JavaScript, they are created
using the CSS3 style "border-radius" commands.
-rwxr-xr-xtheme/css/bubbles.css23
-rwxr-xr-xtheme/header.tpl2
-rwxr-xr-xtheme/js/round_bubbles.js13
-rwxr-xr-xtheme/js/rounded_corners.inc.js279
4 files changed, 20 insertions, 297 deletions
diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index e48eba0..c859bf9 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css
@@ -42,11 +42,9 @@ div.bubble div.rounded blockquote div {
42 margin: 0px 10px; 42 margin: 0px 10px;
43} 43}
44div.bubble cite.rounded { 44div.bubble cite.rounded {
45 position: relative;
46 margin: 0px; 45 margin: 0px;
47 padding-left: 15px; 46 padding-left: 15px;
48 padding-top: 12px; 47 padding-top: 19px;
49 top: 9px;
50 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; 48 background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0;
51} 49}
52 50
@@ -69,3 +67,22 @@ div.bubble div.bquote blockquote {
69 border: 1px solid #c9c2c1; 67 border: 1px solid #c9c2c1;
70 background-color: #fff; 68 background-color: #fff;
71} 69}
70
71.rounded {
72 -moz-border-radius-topleft: 10px;
73 -moz-border-radius-topright: 10px;
74 -moz-border-radius-bottomleft: 10px;
75 -moz-border-radius-bottomright: 10px;
76 -webkit-border-top-left-radius: 10px;
77 -webkit-border-top-right-radius: 10px;
78 -webkit-border-bottom-left-radius: 10px;
79 -webkit-border-bottom-right-radius: 10px;
80 -khtml-border-top-left-radius: 10px;
81 -khtml-border-top-right-radius: 10px;
82 -khtml-border-bottom-left-radius: 10px;
83 -khtml-border-bottom-right-radius: 10px;
84 border-top-left-radius: 10px;
85 border-top-right-radius: 10px;
86 border-bottom-left-radius: 10px;
87 border-bottom-right-radius: 10px;
88}
diff --git a/theme/header.tpl b/theme/header.tpl index c087f67..85ddf9b 100755 --- a/theme/header.tpl +++ b/theme/header.tpl
@@ -13,8 +13,6 @@
13 <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php" /> 13 <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php" />
14 <SCRIPT SRC="/theme/js/jquery-1.2.6.min.js" TYPE="text/javascript"></SCRIPT> 14 <SCRIPT SRC="/theme/js/jquery-1.2.6.min.js" TYPE="text/javascript"></SCRIPT>
15 <SCRIPT SRC="/theme/js/jquery.ie6blocker.js" TYPE="text/javascript"></SCRIPT> 15 <SCRIPT SRC="/theme/js/jquery.ie6blocker.js" TYPE="text/javascript"></SCRIPT>
16 <SCRIPT SRC="/theme/js/rounded_corners.inc.js" TYPE="text/javascript"></SCRIPT>
17 <SCRIPT SRC="/theme/js/round_bubbles.js" TYPE="text/javascript"></SCRIPT>
18 <SCRIPT SRC="/theme/js/thickbox.js" TYPE="text/javascript"></SCRIPT> 16 <SCRIPT SRC="/theme/js/thickbox.js" TYPE="text/javascript"></SCRIPT>
19 17
20 <!--BEGIN SPLASH--> 18 <!--BEGIN SPLASH-->
diff --git a/theme/js/round_bubbles.js b/theme/js/round_bubbles.js deleted file mode 100755 index 8423b99..0000000 --- a/theme/js/round_bubbles.js +++ /dev/null
@@ -1,13 +0,0 @@
1window.onload = function() {
2 settings = {
3 tl: { radius: 10 },
4 tr: { radius: 10 },
5 bl: { radius: 10 },
6 br: { radius: 10 },
7 antiAlias: true,
8 autoPad: true
9 }
10 var myBoxObject = new curvyCorners(settings, "rounded");
11 myBoxObject.applyCornersToAll();
12 }
13
diff --git a/theme/js/rounded_corners.inc.js b/theme/js/rounded_corners.inc.js deleted file mode 100755 index 81af16d..0000000 --- a/theme/js/rounded_corners.inc.js +++ /dev/null
@@ -1,279 +0,0 @@
1
2 /****************************************************************
3 * *
4 * curvyCorners *
5 * ------------ *
6 * *
7 * This script generates rounded corners for your divs. *
8 * *
9 * Version 1.2.7 *
10 * Copyright (c) 2006 Cameron Cooke *
11 * By: Cameron Cooke and Tim Hutchison. *
12 * *
13 * *
14 * Website: http://www.curvycorners.net *
15 * Email: info@totalinfinity.com *
16 * Forum: http://www.curvycorners.net/forum/ *
17 * *
18 * *
19 * This library is free software; you can redistribute *
20 * it and/or modify it under the terms of the GNU *
21 * Lesser General Public License as published by the *
22 * Free Software Foundation; either version 2.1 of the *
23 * License, or (at your option) any later version. *
24 * *
25 * This library is distributed in the hope that it will *
26 * be useful, but WITHOUT ANY WARRANTY; without even the *
27 * implied warranty of MERCHANTABILITY or FITNESS FOR A *
28 * PARTICULAR PURPOSE. See the GNU Lesser General Public *
29 * License for more details. *
30 * *
31 * You should have received a copy of the GNU Lesser *
32 * General Public License along with this library; *
33 * Inc., 59 Temple Place, Suite 330, Boston, *
34 * MA 02111-1307 USA *
35 * *
36 ****************************************************************/
37
38var isIE = navigator.userAgent.toLowerCase().indexOf("msie") > -1; var isMoz = document.implementation && document.implementation.createDocument; var isSafari = ((navigator.userAgent.toLowerCase().indexOf('safari')!=-1)&&(navigator.userAgent.toLowerCase().indexOf('mac')!=-1))?true:false; function curvyCorners()
39{ if(typeof(arguments[0]) != "object") throw newCurvyError("First parameter of curvyCorners() must be an object."); if(typeof(arguments[1]) != "object" && typeof(arguments[1]) != "string") throw newCurvyError("Second parameter of curvyCorners() must be an object or a class name."); if(typeof(arguments[1]) == "string")
40{ var startIndex = 0; var boxCol = getElementsByClass(arguments[1]);}
41else
42{ var startIndex = 1; var boxCol = arguments;}
43var curvyCornersCol = new Array(); for(var i = startIndex, j = boxCol.length; i < j; i++)
44{ if(boxCol[i].tagName.toLowerCase() == "div")
45{ curvyCornersCol[curvyCornersCol.length] = new curvyObject(arguments[0], boxCol[i]);}
46}
47this.objects = curvyCornersCol; this.applyCornersToAll = function()
48{ for(var x = 0, k = this.objects.length; x < k; x++)
49{ this.objects[x].applyCorners();}
50}
51}
52function curvyObject()
53{ this.box = arguments[1]; this.settings = arguments[0]; this.topContainer = null; this.bottomContainer = null; this.masterCorners = new Array(); this.contentDIV = null; var boxHeight = get_style(this.box, "height", "height"); var boxWidth = get_style(this.box, "width", "width"); var borderWidth = get_style(this.box, "borderTopWidth", "border-top-width"); var borderColour = get_style(this.box, "borderTopColor", "border-top-color"); var boxColour = get_style(this.box, "backgroundColor", "background-color"); var backgroundImage = get_style(this.box, "backgroundImage", "background-image"); var boxPosition = get_style(this.box, "position", "position"); var boxPadding = get_style(this.box, "paddingTop", "padding-top"); this.boxHeight = parseInt(((boxHeight != "" && boxHeight != "auto" && boxHeight.indexOf("%") == -1)? boxHeight.substring(0, boxHeight.indexOf("px")) : this.box.scrollHeight)); this.boxWidth = parseInt(((boxWidth != "" && boxWidth != "auto" && boxWidth.indexOf("%") == -1)? boxWidth.substring(0, boxWidth.indexOf("px")) : this.box.scrollWidth)); this.borderWidth = parseInt(((borderWidth != "" && borderWidth.indexOf("px") !== -1)? borderWidth.slice(0, borderWidth.indexOf("px")) : 0)); this.boxColour = format_colour(boxColour); this.boxPadding = parseInt(((boxPadding != "" && boxPadding.indexOf("px") !== -1)? boxPadding.slice(0, boxPadding.indexOf("px")) : 0)); this.borderColour = format_colour(borderColour); this.borderString = this.borderWidth + "px" + " solid " + this.borderColour; this.backgroundImage = ((backgroundImage != "none")? backgroundImage : ""); this.boxContent = this.box.innerHTML; if(boxPosition != "absolute") this.box.style.position = "relative"; this.box.style.padding = "0px"; if(isIE && boxWidth == "auto" && boxHeight == "auto") this.box.style.width = "100%"; if(this.settings.autoPad == true && this.boxPadding > 0)
54this.box.innerHTML = ""; this.applyCorners = function()
55{ for(var t = 0; t < 2; t++)
56{ switch(t)
57{ case 0:
58if(this.settings.tl || this.settings.tr)
59{ var newMainContainer = document.createElement("DIV"); newMainContainer.style.width = "100%"; newMainContainer.style.fontSize = "1px"; newMainContainer.style.overflow = "hidden"; newMainContainer.style.position = "absolute"; newMainContainer.style.paddingLeft = this.borderWidth + "px"; newMainContainer.style.paddingRight = this.borderWidth + "px"; var topMaxRadius = Math.max(this.settings.tl ? this.settings.tl.radius : 0, this.settings.tr ? this.settings.tr.radius : 0); newMainContainer.style.height = topMaxRadius + "px"; newMainContainer.style.top = 0 - topMaxRadius + "px"; newMainContainer.style.left = 0 - this.borderWidth + "px"; this.topContainer = this.box.appendChild(newMainContainer);}
60break; case 1:
61if(this.settings.bl || this.settings.br)
62{ var newMainContainer = document.createElement("DIV"); newMainContainer.style.width = "100%"; newMainContainer.style.fontSize = "1px"; newMainContainer.style.overflow = "hidden"; newMainContainer.style.position = "absolute"; newMainContainer.style.paddingLeft = this.borderWidth + "px"; newMainContainer.style.paddingRight = this.borderWidth + "px"; var botMaxRadius = Math.max(this.settings.bl ? this.settings.bl.radius : 0, this.settings.br ? this.settings.br.radius : 0); newMainContainer.style.height = botMaxRadius + "px"; newMainContainer.style.bottom = 0 - botMaxRadius + "px"; newMainContainer.style.left = 0 - this.borderWidth + "px"; this.bottomContainer = this.box.appendChild(newMainContainer);}
63break;}
64}
65if(this.topContainer) this.box.style.borderTopWidth = "0px"; if(this.bottomContainer) this.box.style.borderBottomWidth = "0px"; var corners = ["tr", "tl", "br", "bl"]; for(var i in corners)
66{ var cc = corners[i]; if(!this.settings[cc])
67{ if(((cc == "tr" || cc == "tl") && this.topContainer != null) || ((cc == "br" || cc == "bl") && this.bottomContainer != null))
68{ var newCorner = document.createElement("DIV"); newCorner.style.position = "relative"; newCorner.style.fontSize = "1px"; newCorner.style.overflow = "hidden"; if(this.backgroundImage == "")
69newCorner.style.backgroundColor = this.boxColour; else
70newCorner.style.backgroundImage = this.backgroundImage; switch(cc)
71{ case "tl":
72newCorner.style.height = topMaxRadius - this.borderWidth + "px"; newCorner.style.marginRight = this.settings.tr.radius - (this.borderWidth*2) + "px"; newCorner.style.borderLeft = this.borderString; newCorner.style.borderTop = this.borderString; newCorner.style.left = -this.borderWidth + "px"; break; case "tr":
73newCorner.style.height = topMaxRadius - this.borderWidth + "px"; newCorner.style.marginLeft = this.settings.tl.radius - (this.borderWidth*2) + "px"; newCorner.style.borderRight = this.borderString; newCorner.style.borderTop = this.borderString; newCorner.style.backgroundPosition = "-" + (topMaxRadius + this.borderWidth) + "px 0px"; newCorner.style.left = this.borderWidth + "px"; break; case "bl":
74newCorner.style.height = botMaxRadius - this.borderWidth + "px"; newCorner.style.marginRight = this.settings.br.radius - (this.borderWidth*2) + "px"; newCorner.style.borderLeft = this.borderString; newCorner.style.borderBottom = this.borderString; newCorner.style.left = -this.borderWidth + "px"; newCorner.style.backgroundPosition = "-" + (this.borderWidth) + "px -" + (this.boxHeight + (botMaxRadius + this.borderWidth)) + "px"; break; case "br":
75newCorner.style.height = botMaxRadius - this.borderWidth + "px"; newCorner.style.marginLeft = this.settings.bl.radius - (this.borderWidth*2) + "px"; newCorner.style.borderRight = this.borderString; newCorner.style.borderBottom = this.borderString; newCorner.style.left = this.borderWidth + "px"
76newCorner.style.backgroundPosition = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (botMaxRadius + this.borderWidth)) + "px"; break;}
77}
78}
79else
80{ if(this.masterCorners[this.settings[cc].radius])
81{ var newCorner = this.masterCorners[this.settings[cc].radius].cloneNode(true);}
82else
83{ var newCorner = document.createElement("DIV"); newCorner.style.height = this.settings[cc].radius + "px"; newCorner.style.width = this.settings[cc].radius + "px"; newCorner.style.position = "absolute"; newCorner.style.fontSize = "1px"; newCorner.style.overflow = "hidden"; var borderRadius = parseInt(this.settings[cc].radius - this.borderWidth); for(var intx = 0, j = this.settings[cc].radius; intx < j; intx++)
84{ if((intx +1) >= borderRadius)
85var y1 = -1; else
86var y1 = (Math.floor(Math.sqrt(Math.pow(borderRadius, 2) - Math.pow((intx+1), 2))) - 1); if(borderRadius != j)
87{ if((intx) >= borderRadius)
88var y2 = -1; else
89var y2 = Math.ceil(Math.sqrt(Math.pow(borderRadius,2) - Math.pow(intx, 2))); if((intx+1) >= j)
90var y3 = -1; else
91var y3 = (Math.floor(Math.sqrt(Math.pow(j ,2) - Math.pow((intx+1), 2))) - 1);}
92if((intx) >= j)
93var y4 = -1; else
94var y4 = Math.ceil(Math.sqrt(Math.pow(j ,2) - Math.pow(intx, 2))); if(y1 > -1) this.drawPixel(intx, 0, this.boxColour, 100, (y1+1), newCorner, -1, this.settings[cc].radius); if(borderRadius != j)
95{ for(var inty = (y1 + 1); inty < y2; inty++)
96{ if(this.settings.antiAlias)
97{ if(this.backgroundImage != "")
98{ var borderFract = (pixelFraction(intx, inty, borderRadius) * 100); if(borderFract < 30)
99{ this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, 0, this.settings[cc].radius);}
100else
101{ this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, -1, this.settings[cc].radius);}
102}
103else
104{ var pixelcolour = BlendColour(this.boxColour, this.borderColour, pixelFraction(intx, inty, borderRadius)); this.drawPixel(intx, inty, pixelcolour, 100, 1, newCorner, 0, this.settings[cc].radius, cc);}
105}
106}
107if(this.settings.antiAlias)
108{ if(y3 >= y2)
109{ if (y2 == -1) y2 = 0; this.drawPixel(intx, y2, this.borderColour, 100, (y3 - y2 + 1), newCorner, 0, 0);}
110}
111else
112{ if(y3 >= y1)
113{ this.drawPixel(intx, (y1 + 1), this.borderColour, 100, (y3 - y1), newCorner, 0, 0);}
114}
115var outsideColour = this.borderColour;}
116else
117{ var outsideColour = this.boxColour; var y3 = y1;}
118if(this.settings.antiAlias)
119{ for(var inty = (y3 + 1); inty < y4; inty++)
120{ this.drawPixel(intx, inty, outsideColour, (pixelFraction(intx, inty , j) * 100), 1, newCorner, ((this.borderWidth > 0)? 0 : -1), this.settings[cc].radius);}
121}
122}
123this.masterCorners[this.settings[cc].radius] = newCorner.cloneNode(true);}
124if(cc != "br")
125{ for(var t = 0, k = newCorner.childNodes.length; t < k; t++)
126{ var pixelBar = newCorner.childNodes[t]; var pixelBarTop = parseInt(pixelBar.style.top.substring(0, pixelBar.style.top.indexOf("px"))); var pixelBarLeft = parseInt(pixelBar.style.left.substring(0, pixelBar.style.left.indexOf("px"))); var pixelBarHeight = parseInt(pixelBar.style.height.substring(0, pixelBar.style.height.indexOf("px"))); if(cc == "tl" || cc == "bl"){ pixelBar.style.left = this.settings[cc].radius -pixelBarLeft -1 + "px";}
127if(cc == "tr" || cc == "tl"){ pixelBar.style.top = this.settings[cc].radius -pixelBarHeight -pixelBarTop + "px";}
128switch(cc)
129{ case "tr":
130pixelBar.style.backgroundPosition = "-" + Math.abs((this.boxWidth - this.settings[cc].radius + this.borderWidth) + pixelBarLeft) + "px -" + Math.abs(this.settings[cc].radius -pixelBarHeight -pixelBarTop - this.borderWidth) + "px"; break; case "tl":
131pixelBar.style.backgroundPosition = "-" + Math.abs((this.settings[cc].radius -pixelBarLeft -1) - this.borderWidth) + "px -" + Math.abs(this.settings[cc].radius -pixelBarHeight -pixelBarTop - this.borderWidth) + "px"; break; case "bl":
132pixelBar.style.backgroundPosition = "-" + Math.abs((this.settings[cc].radius -pixelBarLeft -1) - this.borderWidth) + "px -" + Math.abs((this.boxHeight + this.settings[cc].radius + pixelBarTop) -this.borderWidth) + "px"; break;}
133}
134}
135}
136if(newCorner)
137{ switch(cc)
138{ case "tl":
139if(newCorner.style.position == "absolute") newCorner.style.top = "0px"; if(newCorner.style.position == "absolute") newCorner.style.left = "0px"; if(this.topContainer) this.topContainer.appendChild(newCorner); break; case "tr":
140if(newCorner.style.position == "absolute") newCorner.style.top = "0px"; if(newCorner.style.position == "absolute") newCorner.style.right = "0px"; if(this.topContainer) this.topContainer.appendChild(newCorner); break; case "bl":
141if(newCorner.style.position == "absolute") newCorner.style.bottom = "0px"; if(newCorner.style.position == "absolute") newCorner.style.left = "0px"; if(this.bottomContainer) this.bottomContainer.appendChild(newCorner); break; case "br":
142if(newCorner.style.position == "absolute") newCorner.style.bottom = "0px"; if(newCorner.style.position == "absolute") newCorner.style.right = "0px"; if(this.bottomContainer) this.bottomContainer.appendChild(newCorner); break;}
143}
144}
145var radiusDiff = new Array(); radiusDiff["t"] = Math.abs(this.settings.tl.radius - this.settings.tr.radius)
146radiusDiff["b"] = Math.abs(this.settings.bl.radius - this.settings.br.radius); for(z in radiusDiff)
147{ if(radiusDiff[z])
148{ var smallerCornerType = ((this.settings[z + "l"].radius < this.settings[z + "r"].radius)? z +"l" : z +"r"); var newFiller = document.createElement("DIV"); newFiller.style.height = radiusDiff[z] + "px"; newFiller.style.width = this.settings[smallerCornerType].radius+ "px"
149newFiller.style.position = "absolute"; newFiller.style.fontSize = "1px"; newFiller.style.overflow = "hidden"; newFiller.style.backgroundColor = this.boxColour; switch(smallerCornerType)
150{ case "tl":
151newFiller.style.bottom = "0px"; newFiller.style.left = "0px"; newFiller.style.borderLeft = this.borderString; this.topContainer.appendChild(newFiller); break; case "tr":
152newFiller.style.bottom = "0px"; newFiller.style.right = "0px"; newFiller.style.borderRight = this.borderString; this.topContainer.appendChild(newFiller); break; case "bl":
153newFiller.style.top = "0px"; newFiller.style.left = "0px"; newFiller.style.borderLeft = this.borderString; this.bottomContainer.appendChild(newFiller); break; case "br":
154newFiller.style.top = "0px"; newFiller.style.right = "0px"; newFiller.style.borderRight = this.borderString; this.bottomContainer.appendChild(newFiller); break;}
155}
156var newFillerBar = document.createElement("DIV"); newFillerBar.style.position = "relative"; newFillerBar.style.fontSize = "1px"; newFillerBar.style.overflow = "hidden"; newFillerBar.style.backgroundColor = this.boxColour; newFillerBar.style.backgroundImage = this.backgroundImage; switch(z)
157{ case "t":
158if(this.topContainer)
159{ if(this.settings.tl.radius && this.settings.tr.radius)
160{ newFillerBar.style.height = topMaxRadius - this.borderWidth + "px"; newFillerBar.style.marginLeft = this.settings.tl.radius - this.borderWidth + "px"; newFillerBar.style.marginRight = this.settings.tr.radius - this.borderWidth + "px"; newFillerBar.style.borderTop = this.borderString; if(this.backgroundImage != "")
161newFillerBar.style.backgroundPosition = "-" + (topMaxRadius + this.borderWidth) + "px 0px"; this.topContainer.appendChild(newFillerBar);}
162this.box.style.backgroundPosition = "0px -" + (topMaxRadius - this.borderWidth) + "px";}
163break; case "b":
164if(this.bottomContainer)
165{ if(this.settings.bl.radius && this.settings.br.radius)
166{ newFillerBar.style.height = botMaxRadius - this.borderWidth + "px"; newFillerBar.style.marginLeft = this.settings.bl.radius - this.borderWidth + "px"; newFillerBar.style.marginRight = this.settings.br.radius - this.borderWidth + "px"; newFillerBar.style.borderBottom = this.borderString; if(this.backgroundImage != "")
167newFillerBar.style.backgroundPosition = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (topMaxRadius + this.borderWidth)) + "px"; this.bottomContainer.appendChild(newFillerBar);}
168}
169break;}
170}
171if(this.settings.autoPad == true && this.boxPadding > 0)
172{ var contentContainer = document.createElement("DIV"); contentContainer.style.position = "relative"; contentContainer.innerHTML = this.boxContent; contentContainer.className = "autoPadDiv"; var topPadding = Math.abs(topMaxRadius - this.boxPadding); var botPadding = Math.abs(botMaxRadius - this.boxPadding); if(topMaxRadius < this.boxPadding)
173contentContainer.style.paddingTop = topPadding + "px"; if(botMaxRadius < this.boxPadding)
174contentContainer.style.paddingBottom = botMaxRadius + "px"; contentContainer.style.paddingLeft = this.boxPadding + "px"; contentContainer.style.paddingRight = this.boxPadding + "px"; this.contentDIV = this.box.appendChild(contentContainer);}
175}
176this.drawPixel = function(intx, inty, colour, transAmount, height, newCorner, image, cornerRadius)
177{ var pixel = document.createElement("DIV"); pixel.style.height = height + "px"; pixel.style.width = "1px"; pixel.style.position = "absolute"; pixel.style.fontSize = "1px"; pixel.style.overflow = "hidden"; var topMaxRadius = Math.max(this.settings["tr"].radius, this.settings["tl"].radius); if(image == -1 && this.backgroundImage != "")
178{ pixel.style.backgroundImage = this.backgroundImage; pixel.style.backgroundPosition = "-" + (this.boxWidth - (cornerRadius - intx) + this.borderWidth) + "px -" + ((this.boxHeight + topMaxRadius + inty) -this.borderWidth) + "px";}
179else
180{ pixel.style.backgroundColor = colour;}
181if (transAmount != 100)
182setOpacity(pixel, transAmount); pixel.style.top = inty + "px"; pixel.style.left = intx + "px"; newCorner.appendChild(pixel);}
183}
184function insertAfter(parent, node, referenceNode)
185{ parent.insertBefore(node, referenceNode.nextSibling);}
186function BlendColour(Col1, Col2, Col1Fraction)
187{ var red1 = parseInt(Col1.substr(1,2),16); var green1 = parseInt(Col1.substr(3,2),16); var blue1 = parseInt(Col1.substr(5,2),16); var red2 = parseInt(Col2.substr(1,2),16); var green2 = parseInt(Col2.substr(3,2),16); var blue2 = parseInt(Col2.substr(5,2),16); if(Col1Fraction > 1 || Col1Fraction < 0) Col1Fraction = 1; var endRed = Math.round((red1 * Col1Fraction) + (red2 * (1 - Col1Fraction))); if(endRed > 255) endRed = 255; if(endRed < 0) endRed = 0; var endGreen = Math.round((green1 * Col1Fraction) + (green2 * (1 - Col1Fraction))); if(endGreen > 255) endGreen = 255; if(endGreen < 0) endGreen = 0; var endBlue = Math.round((blue1 * Col1Fraction) + (blue2 * (1 - Col1Fraction))); if(endBlue > 255) endBlue = 255; if(endBlue < 0) endBlue = 0; return "#" + IntToHex(endRed)+ IntToHex(endGreen)+ IntToHex(endBlue);}
188function IntToHex(strNum)
189{ base = strNum / 16; rem = strNum % 16; base = base - (rem / 16); baseS = MakeHex(base); remS = MakeHex(rem); return baseS + '' + remS;}
190function MakeHex(x)
191{ if((x >= 0) && (x <= 9))
192{ return x;}
193else
194{ switch(x)
195{ case 10: return "A"; case 11: return "B"; case 12: return "C"; case 13: return "D"; case 14: return "E"; case 15: return "F";}
196}
197}
198function pixelFraction(x, y, r)
199{ var pixelfraction = 0; var xvalues = new Array(1); var yvalues = new Array(1); var point = 0; var whatsides = ""; var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x,2))); if ((intersect >= y) && (intersect < (y+1)))
200{ whatsides = "Left"; xvalues[point] = 0; yvalues[point] = intersect - y; point = point + 1;}
201var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y+1,2))); if ((intersect >= x) && (intersect < (x+1)))
202{ whatsides = whatsides + "Top"; xvalues[point] = intersect - x; yvalues[point] = 1; point = point + 1;}
203var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x+1,2))); if ((intersect >= y) && (intersect < (y+1)))
204{ whatsides = whatsides + "Right"; xvalues[point] = 1; yvalues[point] = intersect - y; point = point + 1;}
205var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y,2))); if ((intersect >= x) && (intersect < (x+1)))
206{ whatsides = whatsides + "Bottom"; xvalues[point] = intersect - x; yvalues[point] = 0;}
207switch (whatsides)
208{ case "LeftRight":
209pixelfraction = Math.min(yvalues[0],yvalues[1]) + ((Math.max(yvalues[0],yvalues[1]) - Math.min(yvalues[0],yvalues[1]))/2); break; case "TopRight":
210pixelfraction = 1-(((1-xvalues[0])*(1-yvalues[1]))/2); break; case "TopBottom":
211pixelfraction = Math.min(xvalues[0],xvalues[1]) + ((Math.max(xvalues[0],xvalues[1]) - Math.min(xvalues[0],xvalues[1]))/2); break; case "LeftBottom":
212pixelfraction = (yvalues[0]*xvalues[1])/2; break; default:
213pixelfraction = 1;}
214return pixelfraction;}
215function rgb2Hex(rgbColour)
216{ try{ var rgbArray = rgb2Array(rgbColour); var red = parseInt(rgbArray[0]); var green = parseInt(rgbArray[1]); var blue = parseInt(rgbArray[2]); var hexColour = "#" + IntToHex(red) + IntToHex(green) + IntToHex(blue);}
217catch(e){ alert("There was an error converting the RGB value to Hexadecimal in function rgb2Hex");}
218return hexColour;}
219function rgb2Array(rgbColour)
220{ var rgbValues = rgbColour.substring(4, rgbColour.indexOf(")")); var rgbArray = rgbValues.split(", "); return rgbArray;}
221function setOpacity(obj, opacity)
222{ opacity = (opacity == 100)?99.999:opacity; if(isSafari && obj.tagName != "IFRAME")
223{ var rgbArray = rgb2Array(obj.style.backgroundColor); var red = parseInt(rgbArray[0]); var green = parseInt(rgbArray[1]); var blue = parseInt(rgbArray[2]); obj.style.backgroundColor = "rgba(" + red + ", " + green + ", " + blue + ", " + opacity/100 + ")";}
224else if(typeof(obj.style.opacity) != "undefined")
225{ obj.style.opacity = opacity/100;}
226else if(typeof(obj.style.MozOpacity) != "undefined")
227{ obj.style.MozOpacity = opacity/100;}
228else if(typeof(obj.style.filter) != "undefined")
229{ obj.style.filter = "alpha(opacity:" + opacity + ")";}
230else if(typeof(obj.style.KHTMLOpacity) != "undefined")
231{ obj.style.KHTMLOpacity = opacity/100;}
232}
233function inArray(array, value)
234{ for(var i = 0; i < array.length; i++){ if (array[i] === value) return i;}
235return false;}
236function inArrayKey(array, value)
237{ for(key in array){ if(key === value) return true;}
238return false;}
239function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true;}
240else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r;}
241else { elm['on' + evType] = fn;}
242}
243function removeEvent(obj, evType, fn, useCapture){ if (obj.removeEventListener){ obj.removeEventListener(evType, fn, useCapture); return true;} else if (obj.detachEvent){ var r = obj.detachEvent("on"+evType, fn); return r;} else { alert("Handler could not be removed");}
244}
245function format_colour(colour)
246{ var returnColour = "#ffffff"; if(colour != "" && colour != "transparent")
247{ if(colour.substr(0, 3) == "rgb")
248{ returnColour = rgb2Hex(colour);}
249else if(colour.length == 4)
250{ returnColour = "#" + colour.substring(1, 2) + colour.substring(1, 2) + colour.substring(2, 3) + colour.substring(2, 3) + colour.substring(3, 4) + colour.substring(3, 4);}
251else
252{ returnColour = colour;}
253}
254return returnColour;}
255function get_style(obj, property, propertyNS)
256{ try
257{ if(obj.currentStyle)
258{ var returnVal = eval("obj.currentStyle." + property);}
259else
260{ if(isSafari && obj.style.display == "none")
261{ obj.style.display = ""; var wasHidden = true;}
262var returnVal = document.defaultView.getComputedStyle(obj, '').getPropertyValue(propertyNS); if(isSafari && wasHidden)
263{ obj.style.display = "none";}
264}
265}
266catch(e)
267{ }
268return returnVal;}
269function getElementsByClass(searchClass, node, tag)
270{ var classElements = new Array(); if(node == null)
271node = document; if(tag == null)
272tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)"); for (i = 0, j = 0; i < elsLen; i++)
273{ if(pattern.test(els[i].className))
274{ classElements[j] = els[i]; j++;}
275}
276return classElements;}
277function newCurvyError(errorMessage)
278{ return new Error("curvyCorners Error:\n" + errorMessage)
279}