/****************************************************************
  *                                                              *
  *  curvyCorners                                                *
  *  ------------                                                *
  *                                                              *
  *  This script generates rounded corners for your divs.        *
  *                                                              *
  *  Version 1.2.9                                               *
  *  Copyright (c) 2006 Cameron Cooke                            *
  *  By: Cameron Cooke and Tim Hutchison.                        *
  *                                                              *
  *                                                              *
  *  Website: http://www.curvycorners.net                        *
  *  Email:   info@totalinfinity.com                             *
  *  Forum:   http://www.curvycorners.net/forum/                 *
  *                                                              *
  *                                                              *
  *  This library is free software; you can redistribute         *
  *  it and/or modify it under the terms of the GNU              *
  *  Lesser General Public License as published by the           *
  *  Free Software Foundation; either version 2.1 of the         *
  *  License, or (at your option) any later version.             *
  *                                                              *
  *  This library 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 Lesser General Public       *
  *  License for more details.                                   *
  *                                                              *
  *  You should have received a copy of the GNU Lesser           *
  *  General Public License along with this library;             *
  *  Inc., 59 Temple Place, Suite 330, Boston,                   *
  *  MA 02111-1307 USA                                           *
  *                                                              *
  ****************************************************************/

  // Browser detection
  var 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;

  /*
  Usage:

  newCornersObj = new curvyCorners(settingsObj, "classNameStr");
  newCornersObj = new curvyCorners(settingsObj, divObj1[, divObj2[, divObj3[, . . . [, divObjN]]]]);
  */
  function curvyCorners()
  {
	  // Check parameters
	  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.");

	  // Get object(s)
	  if(typeof(arguments[1]) == "string")
	  {
		  // Get elements by class name
		  var startIndex = 0;
		  var boxCol = getElementsByClass(arguments[1]);
	  }
	  else
	  {
		  // Get objects
		  var startIndex = 1;
		  var boxCol = arguments;
	  }

	  // Create return collection/object
	  var curvyCornersCol = new Array();

	  // Create array of html elements that can have rounded corners
	  if(arguments[0].validTags)
		var validElements = arguments[0].validTags;
	  else
		var validElements = ["div"]; // Default

	  // Loop through each argument
	  for(var i = startIndex, j = boxCol.length; i < j; i++)
	  {
		  // Current element tag name
		  var currentTag = boxCol[i].tagName.toLowerCase();

		  if(inArray(validElements, currentTag) !== false)
		  {
			  curvyCornersCol[curvyCornersCol.length] = new curvyObject(arguments[0], boxCol[i]);
		  }
	  }

	  this.objects = curvyCornersCol;

	  // Applys the curvyCorners to all objects
	  this.applyCornersToAll = function()
	  {
		  for(var x = 0, k = this.objects.length; x < k; x++)
		  {
			  this.objects[x].applyCorners();
		  }
	  }
  }

// curvyCorners object (can be called directly)
function curvyObject() {
	  // Setup Globals
	  this.box              = arguments[1];
	  this.settings         = arguments[0];
	  this.topContainer     = null;
	  this.bottomContainer  = null;
	  this.masterCorners    = new Array();
	  this.contentDIV       = null;

	  // Get box formatting details
	  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");

	  // Set formatting propertes
	  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;

	  // Make box relative if not already absolute and remove any padding
	  if(boxPosition != "absolute") this.box.style.position = "relative";
	  this.box.style.padding = "0px";

	  // If IE and height and width are not set, we need to set width so that we get positioning
	  if(isIE && boxWidth == "auto" && boxHeight == "auto") this.box.style.width = "100%";

	  // Resize box so that it stays to the orignal height


	  // Remove content if box is using autoPad
	  if(this.settings.autoPad == true && this.boxPadding > 0)
		this.box.innerHTML = "";

	  /*
	  This method creates the corners and
	  applies them to the div element.
	  */
	  this.applyCorners = function()
	  {
		  /*
		  Create top and bottom containers.
		  These will be used as a parent for the corners and bars.
		  */
		  for(var t = 0; t < 2; t++)
		  {
			  switch(t)
			  {
				  // Top
				  case 0:

					  // Only build top bar if a top corner is to be draw
					  if(this.settings.tl || this.settings.tr)
					  {
						  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);
					  }
					  break;

				  // Bottom
				  case 1:

					  // Only build bottom bar if a top corner is to be draw
					  if(this.settings.bl || this.settings.br)
					  {
						  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);
					  }
					  break;
			  }
		  }

		  // Turn off current borders
		  if(this.topContainer) this.box.style.borderTopWidth = "0px";
		  if(this.bottomContainer) this.box.style.borderBottomWidth = "0px";

		  // Create array of available corners
		  var corners = ["tr", "tl", "br", "bl"];

		  /*
		  Loop for each corner
		  */
		  for(var i in corners)
		  {
			  // FIX for prototype lib
			  if(i > -1 < 4)
			  {
				  // Get current corner type from array
				  var cc = corners[i];

				  // Has the user requested the currentCorner be round?
				  if(!this.settings[cc])
				  {
					  // No
					  if(((cc == "tr" || cc == "tl") && this.topContainer != null) || ((cc == "br" || cc == "bl") && this.bottomContainer != null))
					  {
						  // We need to create a filler div to fill the space upto the next horzontal corner.
						  var newCorner = document.createElement("DIV");

						  // Setup corners properties
						  newCorner.style.position = "relative";
						  newCorner.style.fontSize = "1px";
						  newCorner.style.overflow = "hidden";

						  // Add background image?
						  if(this.backgroundImage == "")
							newCorner.style.backgroundColor = this.boxColour;
						  else
							newCorner.style.backgroundImage = this.backgroundImage;

						  switch(cc)
						  {
							  case "tl":
								  newCorner.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":
								  newCorner.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":
								  newCorner.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":
								  newCorner.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"
								  newCorner.style.backgroundPosition = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (botMaxRadius + this.borderWidth)) + "px";
								  break;
						  }
					  }
				  }
				  else
				  {
					  /*
					  PERFORMANCE NOTE:

					  If more than one corner is requested and a corner has been already
					  created for the same radius then that corner will be used as a master and cloned.
					  The pixel bars will then be repositioned to form the new corner type.
					  All new corners start as a bottom right corner.
					  */
					  if(this.masterCorners[this.settings[cc].radius])
					  {
						  // Create clone of the master corner
						  var newCorner = this.masterCorners[this.settings[cc].radius].cloneNode(true);
					  }
					  else
					  {
						  // Yes, we need to create a new corner
						  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";

						  // THE FOLLOWING BLOCK OF CODE CREATES A ROUNDED CORNER
						  // ---------------------------------------------------- TOP

						  // Get border radius
						  var borderRadius = parseInt(this.settings[cc].radius - this.borderWidth);

						  // Cycle the x-axis
						  for(var intx = 0, j = this.settings[cc].radius; intx < j; intx++)
						  {
							  // Calculate the value of y1 which identifies the pixels inside the border
							  if((intx +1) >= borderRadius)
								var y1 = -1;
							  else
								var y1 = (Math.floor(Math.sqrt(Math.pow(borderRadius, 2) - Math.pow((intx+1), 2))) - 1);

							  // Only calculate y2 and y3 if there is a border defined
							  if(borderRadius != j)
							  {
								  if((intx) >= borderRadius)
									var y2 = -1;
								  else
									var y2 = Math.ceil(Math.sqrt(Math.pow(borderRadius,2) - Math.pow(intx, 2)));

								  if((intx+1) >= j)
									var y3 = -1;
								  else
									var y3 = (Math.floor(Math.sqrt(Math.pow(j ,2) - Math.pow((intx+1), 2))) - 1);
							  }

							  // Calculate y4
							  if((intx) >= j)
								var y4 = -1;
							  else
								var y4 = Math.ceil(Math.sqrt(Math.pow(j ,2) - Math.pow(intx, 2)));

							  // Draw bar on inside of the border with foreground colour
							  if(y1 > -1) this.drawPixel(intx, 0, this.boxColour, 100, (y1+1), newCorner, -1, this.settings[cc].radius);

							  // Only draw border/foreground antialiased pixels and border if there is a border defined
							  if(borderRadius != j)
							  {
								  // Cycle the y-axis
								  for(var inty = (y1 + 1); inty < y2; inty++)
								  {
									  // Draw anti-alias pixels
									  if(this.settings.antiAlias)
									  {
										  // For each of the pixels that need anti aliasing between the foreground and border colour draw single pixel divs
										  if(this.backgroundImage != "")
										  {
											  var borderFract = (pixelFraction(intx, inty, borderRadius) * 100);

											  if(borderFract < 30)
											  {
																				this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, 0, this.settings[cc].radius);
											  }
																		 else
											  {
																			 this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, -1, this.settings[cc].radius);
											  }
										  }
										  else
										  {
											  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);
										  }
									  }
								  }

								  // Draw bar for the border
								  if(this.settings.antiAlias)
								  {
									  if(y3 >= y2)
									  {
										 if (y2 == -1) y2 = 0;
										 this.drawPixel(intx, y2, this.borderColour, 100, (y3 - y2 + 1), newCorner, 0, 0);
									  }
								  }
								  else
								  {
									  if(y3 >= y1)
									  {
										  this.drawPixel(intx, (y1 + 1), this.borderColour, 100, (y3 - y1), newCorner, 0, 0);
									  }
								  }

								  // Set the colour for the outside curve
								  var outsideColour = this.borderColour;
							  }
							  else
							  {
								  // Set the coour for the outside curve
								  var outsideColour = this.boxColour;
								  var y3 = y1;
							  }

							  // Draw aa pixels?
							  if(this.settings.antiAlias)
							  {
								  // Cycle the y-axis and draw the anti aliased pixels on the outside of the curve
								  for(var inty = (y3 + 1); inty < y4; inty++)
								  {
									  // For each of the pixels that need anti aliasing between the foreground/border colour & background draw single pixel divs
									  this.drawPixel(intx, inty, outsideColour, (pixelFraction(intx, inty , j) * 100), 1, newCorner, ((this.borderWidth > 0)? 0 : -1), this.settings[cc].radius);
								  }
							  }
						  }

						  // END OF CORNER CREATION
						  // ---------------------------------------------------- END

						  // We now need to store the current corner in the masterConers array
						  this.masterCorners[this.settings[cc].radius] = newCorner.cloneNode(true);
					  }

					  /*
					  Now we have a new corner we need to reposition all the pixels unless
					  the current corner is the bottom right.
					  */
					  if(cc != "br")
					  {
						  // Loop through all children (pixel bars)
						  for(var t = 0, k = newCorner.childNodes.length; t < k; t++)
						  {
							  // Get current pixel bar
							  var pixelBar = newCorner.childNodes[t];

							  // Get current top and left properties
							  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")));

							  // Reposition pixels
							  if(cc == "tl" || cc == "bl"){
								  pixelBar.style.left = this.settings[cc].radius -pixelBarLeft -1 + "px"; // Left
							  }
							  if(cc == "tr" || cc == "tl"){
								  pixelBar.style.top =  this.settings[cc].radius -pixelBarHeight -pixelBarTop + "px"; // Top
							  }

							  switch(cc)
							  {
								  case "tr":
									  pixelBar.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":
									  pixelBar.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":
									  pixelBar.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;
							  }
						  }
					  }
				  }

				  if(newCorner)
				  {
					  // Position the container
					  switch(cc)
					  {
						  case "tl":
							if(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":
							if(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":
							if(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":
							if(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;
					  }
				  }
			  }
		  }

		  /*
		  The last thing to do is draw the rest of the filler DIVs.
		  We only need to create a filler DIVs when two corners have
		  diffrent radiuses in either the top or bottom container.
		  */

		  // Find out which corner has the biiger radius and get the difference amount
		  var radiusDiff = new Array();
		  radiusDiff["t"] = Math.abs(this.settings.tl.radius - this.settings.tr.radius)
		  radiusDiff["b"] = Math.abs(this.settings.bl.radius - this.settings.br.radius);

		  for(z in radiusDiff)
		  {
			  // FIX for prototype lib
			  if(z == "t" || z == "b")
			  {
				  if(radiusDiff[z])
				  {
					  // Get the type of corner that is the smaller one
					  var smallerCornerType = ((this.settings[z + "l"].radius < this.settings[z + "r"].radius)? z +"l" : z +"r");

					  // First we need to create a DIV for the space under the smaller corner
					  var newFiller = document.createElement("DIV");
					  newFiller.style.height = radiusDiff[z] + "px";
					  newFiller.style.width  =  this.settings[smallerCornerType].radius+ "px"
					  newFiller.style.position = "absolute";
					  newFiller.style.fontSize = "1px";
					  newFiller.style.overflow = "hidden";
					  newFiller.style.backgroundColor = this.boxColour;
					  //newFiller.style.backgroundColor = get_random_color();

					  // Position filler
					  switch(smallerCornerType)
					  {
						  case "tl":
							  newFiller.style.bottom = "0px";
							  newFiller.style.left   = "0px";
							  newFiller.style.borderLeft = this.borderString;
							  this.topContainer.appendChild(newFiller);
							  break;

						  case "tr":
							  newFiller.style.bottom = "0px";
							  newFiller.style.right  = "0px";
							  newFiller.style.borderRight = this.borderString;
							  this.topContainer.appendChild(newFiller);
							  break;

						  case "bl":
							  newFiller.style.top    = "0px";
							  newFiller.style.left   = "0px";
							  newFiller.style.borderLeft = this.borderString;
							  this.bottomContainer.appendChild(newFiller);
							  break;

						  case "br":
							  newFiller.style.top    = "0px";
							  newFiller.style.right  = "0px";
							  newFiller.style.borderRight = this.borderString;
							  this.bottomContainer.appendChild(newFiller);
							  break;
					  }
				  }

				  // Create the bar to fill the gap between each corner horizontally
				  var 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)
				  {
					  case "t":
						  // Top Bar
						  if(this.topContainer)
						  {
							  // Edit by Asger Hallas: Check if settings.xx.radius is not false
							  if(this.settings.tl.radius && this.settings.tr.radius)
							  {
								  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 != "")
									newFillerBar.style.backgroundPosition  = "-" + (topMaxRadius + this.borderWidth) + "px 0px";

								  this.topContainer.appendChild(newFillerBar);
							  }

							  // Repos the boxes background image
							  this.box.style.backgroundPosition      = "0px -" + (topMaxRadius - this.borderWidth) + "px";
						  }
						  break;

					  case "b":
						  if(this.bottomContainer)
						  {
							  // Edit by Asger Hallas: Check if settings.xx.radius is not false
							  if(this.settings.bl.radius && this.settings.br.radius)
							  {
								  // Bottom Bar
								  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 != "")
									newFillerBar.style.backgroundPosition  = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (topMaxRadius + this.borderWidth)) + "px";

								  this.bottomContainer.appendChild(newFillerBar);
							  }
						  }
						  break;
				  }
			  }
		  }

		  /*
		  AutoPad! apply padding if set.
		  */
		  if(this.settings.autoPad == true && this.boxPadding > 0)
		  {
			  // Create content container
			  var contentContainer = document.createElement("DIV");

			  // Set contentContainer's properties
			  contentContainer.style.position = "relative";
			  contentContainer.innerHTML      = this.boxContent;
			  contentContainer.className      = "autoPadDiv";

			  // Get padding amounts
			  var topPadding = Math.abs(topMaxRadius - this.boxPadding);
			  var botPadding = Math.abs(botMaxRadius - this.boxPadding);

			  // Apply top padding
			  if(topMaxRadius < this.boxPadding)
				contentContainer.style.paddingTop = topPadding + "px";

			  // Apply Bottom padding
			  if(botMaxRadius < this.boxPadding)
				contentContainer.style.paddingBottom = botMaxRadius + "px";

			  // Apply left and right padding
			  contentContainer.style.paddingLeft = this.boxPadding + "px";
			  contentContainer.style.paddingRight = this.boxPadding + "px";

			  // Append contentContainer
			  this.contentDIV = this.box.appendChild(contentContainer);
		  }
	  }

	  /*
	  This function draws the pixles
	  */
	  this.drawPixel = function(intx, inty, colour, transAmount, height, newCorner, image, cornerRadius)
	  {
		  // Create pixel
		  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";

		  // Max Top Radius
		  var topMaxRadius = Math.max(this.settings["tr"].radius, this.settings["tl"].radius);

		  // Dont apply background image to border pixels
		  if(image == -1 && this.backgroundImage != "")
		  {
			  pixel.style.backgroundImage = this.backgroundImage;
					   pixel.style.backgroundPosition  = "-" + (this.boxWidth - (cornerRadius - intx) + this.borderWidth) + "px -" + ((this.boxHeight + topMaxRadius + inty) -this.borderWidth) + "px";
				}
		  else
		  {
			  pixel.style.backgroundColor = colour;
		  }

		  // Set opacity if the transparency is anything other than 100
		  if (transAmount != 100)
			setOpacity(pixel, transAmount);

		  // Set the pixels position
		  pixel.style.top = inty + "px";
		  pixel.style.left = intx + "px";

		  newCorner.appendChild(pixel);
	  }
  }

  // ------------- UTILITY FUNCTIONS

  // Inserts a element after another
  function insertAfter(parent, node, referenceNode)
  {
		 parent.insertBefore(node, referenceNode.nextSibling);
  }

  /*
  Blends the two colours by the fraction
  returns the resulting colour as a string in the format "#FFFFFF"
  */
  function BlendColour(Col1, Col2, Col1Fraction)
  {
	  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);
  }

/* Converts a number to hexadecimal format */
function IntToHex(strNum) {
	var base = strNum / 16;
	var rem = strNum % 16;
	var base = base - (rem / 16);
	var baseS = MakeHex(base);
	var remS = MakeHex(rem);

	return baseS + '' + remS;
}


  /*
  gets the hex bits of a number
  */
  function MakeHex(x) {
	  if((x >= 0) && (x <= 9)) {
		  return x;
	  } else {
		  switch(x) {
			  case 10: return "A";
			  case 11: return "B";
			  case 12: return "C";
			  case 13: return "D";
			  case 14: return "E";
			  case 15: return "F";
			  default: return false;
		  }
	  }
  }


  /*
  For a pixel cut by the line determines the fraction of the pixel on the 'inside' of the
  line.  Returns a number between 0 and 1
  */
  function pixelFraction(x, y, r)
  {
	  var pixelfraction = 0;

	  /*
	  determine the co-ordinates of the two points on the perimeter of the pixel that the
	  circle crosses
	  */
	  var xvalues = new Array(1);
	  var yvalues = new Array(1);
	  var point = 0;
	  var whatsides = "";

	  // x + 0 = Left
	  var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x,2)));

	  if ((intersect >= y) && (intersect < (y+1)))
	  {
		  whatsides = "Left";
		  xvalues[point] = 0;
		  yvalues[point] = intersect - y;
		  point =  point + 1;
	  }
	  // y + 1 = Top
	  var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y+1,2)));

	  if ((intersect >= x) && (intersect < (x+1)))
	  {
		  whatsides = whatsides + "Top";
		  xvalues[point] = intersect - x;
		  yvalues[point] = 1;
		  point = point + 1;
	  }
	  // x + 1 = Right
	  var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x+1,2)));

	  if ((intersect >= y) && (intersect < (y+1)))
	  {
		  whatsides = whatsides + "Right";
		  xvalues[point] = 1;
		  yvalues[point] = intersect - y;
		  point =  point + 1;
	  }
	  // y + 0 = Bottom
	  var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y,2)));

	  if ((intersect >= x) && (intersect < (x+1)))
	  {
		  whatsides = whatsides + "Bottom";
		  xvalues[point] = intersect - x;
		  yvalues[point] = 0;
	  }

	  /*
	  depending on which sides of the perimeter of the pixel the circle crosses calculate the
	  fraction of the pixel inside the circle
	  */
	  switch (whatsides)
	  {
			  case "LeftRight":
			  pixelfraction = Math.min(yvalues[0],yvalues[1]) + ((Math.max(yvalues[0],yvalues[1]) - Math.min(yvalues[0],yvalues[1]))/2);
			  break;

			  case "TopRight":
			  pixelfraction = 1-(((1-xvalues[0])*(1-yvalues[1]))/2);
			  break;

			  case "TopBottom":
			  pixelfraction = Math.min(xvalues[0],xvalues[1]) + ((Math.max(xvalues[0],xvalues[1]) - Math.min(xvalues[0],xvalues[1]))/2);
			  break;

			  case "LeftBottom":
			  pixelfraction = (yvalues[0]*xvalues[1])/2;
			  break;

			  default:
			  pixelfraction = 1;
	  }

	  return pixelfraction;
  }


  // This function converts CSS rgb(x, x, x) to hexadecimal
  function rgb2Hex(rgbColour)
  {
	  try{

		  // Get array of RGB values
		  var rgbArray = rgb2Array(rgbColour);

		  // Get RGB values
		  var red   = parseInt(rgbArray[0]);
		  var green = parseInt(rgbArray[1]);
		  var blue  = parseInt(rgbArray[2]);

		  // Build hex colour code
		  var hexColour = "#" + IntToHex(red) + IntToHex(green) + IntToHex(blue);
	  }
	  catch(e){

		  alert("There was an error converting the RGB value to Hexadecimal in function rgb2Hex");
	  }

	  return hexColour;
  }

  // Returns an array of rbg values
  function rgb2Array(rgbColour)
  {
	  // Remove rgb()
	  var rgbValues = rgbColour.substring(4, rgbColour.indexOf(")"));

	  // Split RGB into array
	  var rgbArray = rgbValues.split(", ");

	  return rgbArray;
  }

  /*
  Function by Simon Willison from sitepoint.com
  Modified by Cameron Cooke adding Safari's rgba support
  */
  function setOpacity(obj, opacity)
  {
	  opacity = (opacity == 100)?99.999:opacity;

	  if(isSafari && obj.tagName != "IFRAME")
	  {
		  // Get array of RGB values
		  var rgbArray = rgb2Array(obj.style.backgroundColor);

		  // Get RGB values
		  var red   = parseInt(rgbArray[0]);
		  var green = parseInt(rgbArray[1]);
		  var blue  = parseInt(rgbArray[2]);

		  // Safari using RGBA support
		  obj.style.backgroundColor = "rgba(" + red + ", " + green + ", " + blue + ", " + opacity/100 + ")";
	  }
	  else if(typeof(obj.style.opacity) != "undefined")
	  {
		  // W3C
		  obj.style.opacity = opacity/100;
	  }
	  else if(typeof(obj.style.MozOpacity) != "undefined")
	  {
		  // Older Mozilla
		  obj.style.MozOpacity = opacity/100;
	  }
	  else if(typeof(obj.style.filter) != "undefined")
	  {
		  // IE
		  obj.style.filter = "alpha(opacity:" + opacity + ")";
	  }
	  else if(typeof(obj.style.KHTMLOpacity) != "undefined")
	  {
		  // Older KHTML Based Browsers
		  obj.style.KHTMLOpacity = opacity/100;
	  }
  }

  /*
  Returns index if the passed value is found in the
  array otherwise returns false.
  */
  function inArray(array, value)
  {
	  for(var i = 0; i < array.length; i++){

		  // Matches identical (===), not just similar (==).
		  if (array[i] === value) return i;
	  }

	  return false;
  }

  /*
  Returns true if the passed value is found as a key
  in the array otherwise returns false.
  */
  function inArrayKey(array, value)
  {
	  for(key in array){

		  // Matches identical (===), not just similar (==).
		  if(key === value) return true;
	  }

	  return false;
  }

  // Cross browser add event wrapper
  function addEvent(elm, evType, fn, useCapture) {
	  if (elm.addEventListener) {
		  elm.addEventListener(evType, fn, useCapture);
		  return true;
	  } else if (elm.attachEvent) {
		  var r = elm.attachEvent('on' + evType, fn);
		  return r;
	  } else {
		  elm['on' + evType] = fn;
	  }
  }

  // Cross browser remove event wrapper
  function 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");
	  return false;
	}
  }

  // Formats colours
  function format_colour(colour)
  {
	  var returnColour = "#ffffff";

	  // Make sure colour is set and not transparent
	  if(colour != "" && colour != "transparent")
	  {
		  // RGB Value?
		  if(colour.substr(0, 3) == "rgb")
		  {
			  // Get HEX aquiv.
			  returnColour = rgb2Hex(colour);
		  }
		  else if(colour.length == 4)
		  {
			  // 3 chr colour code add remainder
			  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);
		  }
		  else
		  {
			  // Normal valid hex colour
			  returnColour = colour;
		  }
	  }

	  return returnColour;
  }

  // Returns the style value for the property specfied
  function get_style(obj, property, propertyNS)
  {
	  try
	  {
		  if(obj.currentStyle)
		  {
			  var returnVal = eval("obj.currentStyle." + property);
		  }
		  else
		  {
			  /*
			  Safari does not expose any information for the object if display is
			  set to none is set so we temporally enable it.
			  */
			  if(isSafari && obj.style.display == "none")
			  {
				obj.style.display = "";
				var wasHidden = true;
			  }

			  var returnVal = document.defaultView.getComputedStyle(obj, '').getPropertyValue(propertyNS);

			  // Rehide the object
			  if(isSafari && wasHidden)
			  {
				  obj.style.display = "none";
			  }
		  }
	  }
	  catch(e)
	  {
		  // Do nothing
	  }

	  return returnVal;
  }

	// Get elements by class by Dustin Diaz.
	function getElementsByClass(searchClass, node, tag) {
		var classElements = new Array();

		if(node == null) node = document;
		if(tag == null) tag = '*';

		var els = node.getElementsByTagName(tag);
		var elsLen = els.length;
		var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

		for (var i = 0, j = 0; i < elsLen; i++) {
			if(pattern.test(els[i].className)) {
				classElements[j] = els[i];
				j++;
			}
		}

		return classElements;
	}

  // Displays error message
  function newCurvyError(errorMessage)
  {
	  return new Error("curvyCorners Error:\n" + errorMessage)
  }