/****************************************************************
*                                                              *
*  JQuery Curvy Corners by Mike Jolley                         *
*  http://blue-anvil.com                                       *
*  http://code.google.com/p/jquerycurvycorners/                *
*  ==========================================================  *
*                                                              *
*  Version 2.1.1 (Based on CC 2.1 beta)                          *
*                                                              *
*  Original by: Terry Riegel, Cameron Cooke and Tim Hutchison  *
*  Website: http://www.curvycorners.net                        *
*                                                              *
*  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                                           *
*                                                              *
****************************************************************/

/*
Usage:
To use this plugin just apply borders via CSS Rules and include this plugin - it will automatically detect styles and apply corners.
	
Opera and Chrome support rounded corners via border-radius
	
Safari and Mozilla support rounded borders via -webkit-border-radius and -moz-border-radius
		
IE (any version) does not support border-radius - this is all we need to support.
		
So to make curvycorners work with any major browser simply add the following CSS declarations:
	
.round { 
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
	
----
	
If you don't want to use the above method, you can still use the direct syntax if you want:

$('.myBox').corner();
		
The script will still use border-radius for those which support it.
*/
(function($) {

    // object that parses border-radius properties for a box
    function curvyCnrSpec(selText) {
        this.selectorText = selText;
        this.tlR = this.trR = this.blR = this.brR = 0;
        this.tlu = this.tru = this.blu = this.bru = "";
        this.antiAlias = true; // default true
    };
    curvyCnrSpec.prototype.setcorner = function(tb, lr, radius, unit) {
        if (!tb) { // no corner specified
            this.tlR = this.trR = this.blR = this.brR = parseInt(radius);
            this.tlu = this.tru = this.blu = this.bru = unit;
        } else { // corner specified
            propname = tb.charAt(0) + lr.charAt(0);
            this[propname + 'R'] = parseInt(radius);
            this[propname + 'u'] = unit;
        }
    };
    curvyCnrSpec.prototype.get = function(prop) {
        if (/^(t|b)(l|r)(R|u)$/.test(prop)) return this[prop];
        if (/^(t|b)(l|r)Ru$/.test(prop)) {
            var pname = prop.charAt(0) + prop.charAt(1);
            return this[pname + 'R'] + this[pname + 'u'];
        }
        if (/^(t|b)Ru?$/.test(prop)) {
            var tb = prop.charAt(0);
            tb += this[tb + 'lR'] > this[tb + 'rR'] ? 'l' : 'r';
            var retval = this[tb + 'R'];
            if (prop.length === 3 && prop.charAt(2) === 'u')
                retval += this[tb = 'u'];
            return retval;
        }
        throw new Error('Don\'t recognize property ' + prop);
    };
    curvyCnrSpec.prototype.radiusdiff = function(tb) {
        if (tb !== 't' && tb !== 'b') throw new Error("Param must be 't' or 'b'");
        return Math.abs(this[tb + 'lR'] - this[tb + 'rR']);
    };
    curvyCnrSpec.prototype.setfrom = function(obj) {
        this.tlu = this.tru = this.blu = this.bru = 'px'; // default to px
        if ('tl' in obj) this.tlR = obj.tl.radius;
        if ('tr' in obj) this.trR = obj.tr.radius;
        if ('bl' in obj) this.blR = obj.bl.radius;
        if ('br' in obj) this.brR = obj.br.radius;
        if ('antiAlias' in obj) this.antiAlias = obj.antiAlias;
    };
    curvyCnrSpec.prototype.cloneOn = function(box) { // not needed by IE
        var props = ['tl', 'tr', 'bl', 'br'];
        var converted = 0;
        var i, propu;
        for (i in props) if (!isNaN(i)) {
            propu = this[props[i] + 'u'];
            if (propu !== '' && propu !== 'px') {
                converted = new curvyCnrSpec;
                break;
            }
        }
        if (!converted)
            converted = this; // no need to clone
        else {
            var propi, propR, save = curvyBrowser.get_style(box, 'left');
            for (i in props) if (!isNaN(i)) {
                propi = props[i];
                propu = this[propi + 'u'];
                propR = this[propi + 'R'];
                if (propu !== 'px') {
                    var save = box.style.left;
                    box.style.left = propR + propu;
                    propR = box.style.pixelLeft;
                    box.style.left = save;
                }
                converted[propi + 'R'] = propR;
                converted[propi + 'u'] = 'px';
            }
            box.style.left = save;
        }
        return converted;
    };
    curvyCnrSpec.prototype.radiusSum = function(tb) {
        if (tb !== 't' && tb !== 'b') throw new Error("Param must be 't' or 'b'");
        return this[tb + 'lR'] + this[tb + 'rR'];
    };
    curvyCnrSpec.prototype.radiusCount = function(tb) {
        var count = 0;
        if (this[tb + 'lR']) ++count;
        if (this[tb + 'rR']) ++count;
        return count;
    };
    curvyCnrSpec.prototype.cornerNames = function() {
        var ret = [];
        if (this.tlR) ret.push('tl');
        if (this.trR) ret.push('tr');
        if (this.blR) ret.push('bl');
        if (this.brR) ret.push('br');
        return ret;
    };

    if (typeof redrawList === 'undefined') redrawList = new Array;

    $.fn.corner = function(options) {

        // Check for Native Round Corners
        var nativeCornersSupported = false;
        var checkWebkit, checkMozilla, checkStandard;
        try { checkWebkit = (document.body.style.WebkitBorderRadius !== undefined); } catch (err) { }
        try { checkMozilla = (document.body.style.MozBorderRadius !== undefined); } catch (err) { }
        try { checkStandard = (document.body.style.BorderRadius !== undefined); } catch (err) { }
        if (checkWebkit || checkMozilla || checkStandard) nativeCornersSupported = true;

        if (options instanceof curvyCnrSpec) {
            settings = options;
        }
        else {

            var options = jQuery.extend({
                tl: { radius: 8 },
                tr: { radius: 8 },
                bl: { radius: 8 },
                br: { radius: 8 },
                antiAlias: true
            }, options);

            var settings = new curvyCnrSpec(this);
            settings.setfrom(options);

        }

        // Apply the corners to the passed object!
        function curvyObject() {
            // Setup Globals
            this.box = arguments[1];
            this.settings = arguments[0];
            var $$ = $(this.box);
            var boxDisp;

            this.masterCorners = new Array();
            //this.contentDIV 				= null;			
            this.topContainer = this.bottomContainer = this.shell = boxDisp = null;

            // Get CSS of box and define vars
            var boxWidth = $$.innerWidth(); // Does not include border width

            if ($$.is('table'))
                throw new Error("You cannot apply corners to " + this.box.tagName + " elements.", "Error");

            // try to handle attempts to style inline elements
            if ($$.css('display') === 'inline') {
                $$.css('display', 'inline-block');
            }

            // all attempts have failed

            if (!boxWidth) {
                this.applyCorners = function() { }; // make the error harmless
                return;
            }
            if (arguments[0] instanceof curvyCnrSpec) {
                this.spec = arguments[0].cloneOn(this.box); // convert non-pixel units
            } else {
                this.spec = new curvyCnrSpec('');
                this.spec.setfrom(this.settings); // no need for unit conversion, use settings param. directly
            }

            // Get box formatting details
            var borderWidth = $$.css("borderTopWidth") ? $$.css("borderTopWidth") : 0;
            var borderWidthB = $$.css("borderBottomWidth") ? $$.css("borderBottomWidth") : 0;
            var borderWidthL = $$.css("borderLeftWidth") ? $$.css("borderLeftWidth") : 0;
            var borderWidthR = $$.css("borderRightWidth") ? $$.css("borderRightWidth") : 0;
            var borderColour = $$.css("borderTopColor");
            var borderColourB = $$.css("borderBottomColor");
            var borderColourL = $$.css("borderLeftColor");
            var borderColourR = $$.css("borderRightColor");
            var borderStyle = $$.css("borderTopStyle");
            var borderStyleB = $$.css("borderBottomStyle");
            var borderStyleL = $$.css("borderLeftStyle");
            var borderStyleR = $$.css("borderRightStyle");

            var boxColour = $$.css("backgroundColor");
            var backgroundImage = $$.css("backgroundImage");
            var backgroundRepeat = $$.css("backgroundRepeat");

            var backgroundPosX, backgroundPosY;

            backgroundPosX = $$.css("backgroundPositionX") ? $$.css("backgroundPositionX") : 0;
            backgroundPosY = $$.css("backgroundPositionY") ? $$.css("backgroundPositionY") : 0;

            var boxPosition = $$.css("position");
            var topPadding = $$.css("paddingTop");
            var bottomPadding = $$.css("paddingBottom");
            var leftPadding = $$.css("paddingLeft");
            var rightPadding = $$.css("paddingRight");
            var border = $$.css("border");
            var filter = jQuery.browser.version > 7 && $.browser.msie ? $$.css("filter") : null; // IE8 bug fix

            var topMaxRadius = this.spec.get('tR');
            var botMaxRadius = this.spec.get('bR');

            var styleToNPx = function(val) {
                if (typeof val === 'number') return val;
                if (typeof val !== 'string') throw new Error('unexpected styleToNPx type ' + typeof val);
                var matches = /^[-\d.]([a-z]+)$/.exec(val);
                if (matches && matches[1] != 'px') throw new Error('Unexpected unit ' + matches[1]);
                if (isNaN(val = parseInt(val))) val = 0;
                return val;
            };
            var min0Px = function(val) {
                return val <= 0 ? "0" : val + "px";
            };

            // Set formatting properties
            try {
                this.borderWidth = styleToNPx(borderWidth);
                this.borderWidthB = styleToNPx(borderWidthB);
                this.borderWidthL = styleToNPx(borderWidthL);
                this.borderWidthR = styleToNPx(borderWidthR);
                this.boxColour = curvyObject.format_colour(boxColour);
                this.topPadding = styleToNPx(topPadding);
                this.bottomPadding = styleToNPx(bottomPadding);
                this.leftPadding = styleToNPx(leftPadding);
                this.rightPadding = styleToNPx(rightPadding);
                this.boxWidth = boxWidth;
                this.boxHeight = $$.innerHeight(); // No border
                this.borderColour = curvyObject.format_colour(borderColour);
                this.borderColourB = curvyObject.format_colour(borderColourB);
                this.borderColourL = curvyObject.format_colour(borderColourL);
                this.borderColourR = curvyObject.format_colour(borderColourR);
                this.borderString = this.borderWidth + "px" + " " + borderStyle + " " + this.borderColour;
                this.borderStringB = this.borderWidthB + "px" + " " + borderStyleB + " " + this.borderColourB;
                this.borderStringL = this.borderWidthL + "px" + " " + borderStyleL + " " + this.borderColourL;
                this.borderStringR = this.borderWidthR + "px" + " " + borderStyleR + " " + this.borderColourR;
                this.backgroundImage = (backgroundImage != "none" && backgroundImage != "initial") ? backgroundImage : "";
                this.backgroundRepeat = backgroundRepeat;
            }
            catch (e) { }

            var clientHeight = this.boxHeight;
            var clientWidth = boxWidth; // save it as it gets trampled on later
            if ($.browser.opera) {
                backgroundPosX = styleToNPx(backgroundPosX);
                backgroundPosY = styleToNPx(backgroundPosY);
                if (backgroundPosX) {
                    var t = clientWidth + this.borderWidthL + this.borderWidthR;
                    if (backgroundPosX > t) backgroundPosX = t;
                    backgroundPosX = (t / backgroundPosX * 100) + '%'; // convert to percentage
                }
                if (backgroundPosY) {
                    var t = clientHeight + this.borderWidth + this.borderWidthB;
                    if (backgroundPosY > t) backgroundPosY = t;
                    backgroundPosY = (t / backgroundPosY * 100) + '%'; // convert to percentage
                }
            }

            // Create content container
            this.contentContainer = document.createElement("div");
            if (filter) this.contentContainer.style.filter = filter; // IE8 bug fix
            while (this.box.firstChild) this.contentContainer.appendChild(this.box.removeChild(this.box.firstChild));

            if (boxPosition != "absolute") $$.css("position", "relative");
            this.box.style.padding = '0';
            this.box.style.border = this.box.style.backgroundImage = 'none';
            this.box.style.backgroundColor = 'transparent';

            this.box.style.width = (clientWidth + this.borderWidthL + this.borderWidthR) + 'px';
            this.box.style.height = (clientHeight + this.borderWidth + this.borderWidthB) + 'px';

            // Ok we add an inner div to actually put things into this will allow us to keep the height

            var newMainContainer = document.createElement("div");
            $(newMainContainer).css({
                width: clientWidth + 'px',
                'padding': "0",
                position: "absolute",
                height: min0Px(clientHeight + this.borderWidth + this.borderWidthB - topMaxRadius - botMaxRadius),
                top: topMaxRadius + "px",
                left: "0",
                'backgroundColor': boxColour,
                'backgroundImage': this.backgroundImage,
                'backgroundRepeat': this.backgroundRepeat,
                'direction': 'ltr'
            });

            if (filter) $(newMainContainer).css('filter', 'filter'); // IE8 bug fix

            if (this.borderWidthL)
                $(newMainContainer).css('borderLeft', this.borderStringL);
            if (this.borderWidth && !topMaxRadius)
                $(newMainContainer).css('borderTop', this.borderString);
            if (this.borderWidthR)
                $(newMainContainer).css('borderRight', this.borderStringR);
            if (this.borderWidthB && !botMaxRadius)
                $(newMainContainer).css('borderBottom', this.borderStringB);

            this.shell = this.box.appendChild(newMainContainer);

            boxWidth = $(this.shell).css("width");

            if (boxWidth === "" || boxWidth === "auto" || boxWidth.indexOf("%") !== -1) throw Error('Shell width is ' + boxWidth);

            this.boxWidth = (boxWidth != "" && boxWidth != "auto" && boxWidth.indexOf("%") == -1) ? parseInt(boxWidth) : $(this.shell).width();

            this.applyCorners = function() {
                /*
                Set up background offsets. This may need to be delayed until
                the background image is loaded.
                */
                this.backgroundPosX = this.backgroundPosY = 0;
                if (this.backgroundObject) {
                    var bgOffset = function(style, imglen, boxlen) {
                        if (style === 0) return 0;
                        var retval;
                        if (style === 'right' || style === 'bottom') return boxlen - imglen;
                        if (style === 'center') return (boxlen - imglen) / 2;
                        if (style.indexOf('%') > 0) return (boxlen - imglen) / (100 / parseInt(style));
                        return styleToNPx(style);
                    };
                    this.backgroundPosX = bgOffset(backgroundPosX, this.backgroundObject.width, clientWidth);
                    this.backgroundPosY = bgOffset(backgroundPosY, this.backgroundObject.height, clientHeight);
                }
                else if (this.backgroundImage) {
                    this.backgroundPosX = styleToNPx(backgroundPosX);
                    this.backgroundPosY = styleToNPx(backgroundPosY);
                }
                /*
                Create top and bottom containers.
                These will be used as a parent for the corners and bars.
                */
                // Build top bar only if a top corner is to be drawn
                if (topMaxRadius) {
                    newMainContainer = document.createElement("div");

                    $(newMainContainer).css({
                        width: this.boxWidth + "px",
                        'fontSize': "1px",
                        overflow: "hidden",
                        position: "absolute",
                        'paddingLeft': this.borderWidth + "px",
                        'paddingRight': this.borderWidth + "px",
                        height: topMaxRadius + "px",
                        top: -topMaxRadius + "px",
                        left: -this.borderWidthL + "px"
                    });
                    this.topContainer = this.shell.appendChild(newMainContainer);
                }
                // Build bottom bar only if a bottom corner is to be drawn
                if (botMaxRadius) {
                    var newMainContainer = document.createElement("div");

                    $(newMainContainer).css({
                        width: this.boxWidth + "px",
                        'fontSize': "1px",
                        overflow: "hidden",
                        position: "absolute",
                        'paddingLeft': this.borderWidthB + "px",
                        'paddingRight': this.borderWidthB + "px",
                        height: botMaxRadius + "px",
                        bottom: -botMaxRadius + "px",
                        left: -this.borderWidthL + "px"
                    });
                    this.bottomContainer = this.shell.appendChild(newMainContainer);
                }

                var corners = this.spec.cornerNames();  // array of available corners

                /*
                Loop for each corner
                */
                for (var i in corners) if (!isNaN(i)) {
                    // Get current corner type from array
                    var cc = corners[i];
                    var specRadius = this.spec[cc + 'R'];
                    // Has the user requested the currentCorner be round?
                    // Code to apply correct color to top or bottom
                    var bwidth, bcolor, borderRadius, borderWidthTB;
                    if (cc == "tr" || cc == "tl") {
                        bwidth = this.borderWidth;
                        bcolor = this.borderColour;
                        borderWidthTB = this.borderWidth;
                    } else {
                        bwidth = this.borderWidthB;
                        bcolor = this.borderColourB;
                        borderWidthTB = this.borderWidthB;
                    }
                    borderRadius = specRadius - borderWidthTB;

                    var newCorner = document.createElement("div");

                    $(newCorner).css({
                        position: "absolute",
                        "font-size": "1px",
                        overflow: "hidden"
                    }).height(this.spec.get(cc + 'Ru')).width(this.spec.get(cc + 'Ru'));

                    // THE FOLLOWING BLOCK OF CODE CREATES A ROUNDED CORNER
                    // ---------------------------------------------------- TOP
                    var intx, inty, outsideColour;
                    var trans = filter ? parseInt(/alpha\(opacity.(\d+)\)/.exec(filter)[1]) : 100; // IE8 bug fix
                    // Cycle the x-axis
                    for (intx = 0; intx < specRadius; ++intx) {
                        // Calculate the value of y1 which identifies the pixels inside the border
                        var y1 = (intx + 1 >= borderRadius) ? -1 : Math.floor(Math.sqrt(Math.pow(borderRadius, 2) - Math.pow(intx + 1, 2))) - 1;
                        // Calculate y2 and y3 only if there is a border defined
                        if (borderRadius != specRadius) {
                            var y2 = (intx >= borderRadius) ? -1 : Math.ceil(Math.sqrt(Math.pow(borderRadius, 2) - Math.pow(intx, 2)));
                            var y3 = (intx + 1 >= specRadius) ? -1 : Math.floor(Math.sqrt(Math.pow(specRadius, 2) - Math.pow((intx + 1), 2))) - 1;
                        }
                        // Calculate y4
                        var y4 = (intx >= specRadius) ? -1 : Math.ceil(Math.sqrt(Math.pow(specRadius, 2) - Math.pow(intx, 2)));
                        // Draw bar on inside of the border with foreground colour
                        if (y1 > -1) this.drawPixel(intx, 0, this.boxColour, trans, (y1 + 1), newCorner, true, specRadius);
                        // Draw border/foreground antialiased pixels and border only if there is a border defined
                        if (borderRadius != specRadius) {
                            // Cycle the y-axis
                            if (this.spec.antiAlias) {
                                for (inty = y1 + 1; inty < y2; ++inty) {
                                    // For each of the pixels that need anti aliasing between the foreground and border colour draw single pixel divs
                                    if (this.backgroundImage != "") {
                                        var borderFract = curvyObject.pixelFraction(intx, inty, borderRadius) * 100;
                                        this.drawPixel(intx, inty, bcolor, trans, 1, newCorner, borderFract >= 30, specRadius);
                                    }
                                    else if (this.boxColour !== 'transparent') {
                                        var pixelcolour = curvyObject.BlendColour(this.boxColour, bcolor, curvyObject.pixelFraction(intx, inty, borderRadius));
                                        this.drawPixel(intx, inty, pixelcolour, trans, 1, newCorner, false, specRadius);
                                    }
                                    else this.drawPixel(intx, inty, bcolor, trans >> 1, 1, newCorner, false, specRadius);
                                }
                                // Draw bar for the border
                                if (y3 >= y2) {
                                    if (y2 == -1) y2 = 0;
                                    this.drawPixel(intx, y2, bcolor, trans, (y3 - y2 + 1), newCorner, false, 0);
                                }
                                outsideColour = bcolor;  // Set the colour for the outside AA curve
                                inty = y3;               // start_pos - 1 for y-axis AA pixels
                            }
                            else { // no antiAlias
                                if (y3 > y1) { // NB condition was >=, changed to avoid zero-height divs
                                    this.drawPixel(intx, (y1 + 1), bcolor, trans, (y3 - y1), newCorner, false, 0);
                                }
                            }
                        }
                        else {
                            outsideColour = this.boxColour;  // Set the colour for the outside curve
                            inty = y1;               // start_pos - 1 for y-axis AA pixels
                        }
                        // Draw aa pixels?
                        if (this.spec.antiAlias && this.boxColour !== 'transparent') {
                            // Cycle the y-axis and draw the anti aliased pixels on the outside of the curve
                            while (++inty < y4) {
                                // For each of the pixels that need anti aliasing between the foreground/border colour & background draw single pixel divs
                                this.drawPixel(intx, inty, outsideColour, (curvyObject.pixelFraction(intx, inty, specRadius) * trans), 1, newCorner, borderWidthTB <= 0, specRadius);
                            }
                        }
                    }
                    // END OF CORNER CREATION
                    // ---------------------------------------------------- END

                    /*
                    Now we have a new corner we need to reposition all the pixels unless
                    the current corner is the bottom right.
                    */
                    // 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).css('top'));
                        var pixelBarLeft = parseInt($(pixelBar).css('left'));
                        var pixelBarHeight = parseInt($(pixelBar).css('height'));
                        // Reposition pixels
                        if (cc == "tl" || cc == "bl") {
                            $(pixelBar).css('left', (specRadius - pixelBarLeft - 1) + "px"); // Left
                        }
                        if (cc == "tr" || cc == "tl") {
                            $(pixelBar).css('top', (specRadius - pixelBarHeight - pixelBarTop) + "px"); // Top
                        }
                        $(pixelBar).css('backgroundRepeat', this.backgroundRepeat);

                        if (this.backgroundImage) switch (cc) {
                            case "tr":
                                $(pixelBar).css('backgroundPosition', (this.backgroundPosX - this.borderWidthL + specRadius - clientWidth - pixelBarLeft) + "px " + (this.backgroundPosY + pixelBarHeight + pixelBarTop + this.borderWidth - specRadius) + "px");
                                break;
                            case "tl":
                                $(pixelBar).css('backgroundPosition', (this.backgroundPosX - specRadius + pixelBarLeft + 1 + this.borderWidthL) + "px " + (this.backgroundPosY - specRadius + pixelBarHeight + pixelBarTop + this.borderWidth) + "px");
                                break;
                            case "bl":
                                $(pixelBar).css('backgroundPosition', (this.backgroundPosX - specRadius + pixelBarLeft + 1 + this.borderWidthL) + "px " + (this.backgroundPosY - clientHeight - this.borderWidth + (!jQuery.support.boxModel ? pixelBarTop : -pixelBarTop) + specRadius) + "px");
                                break;
                            case "br":
                                // Quirks mode on?
                                if (!jQuery.support.boxModel) {
                                    $(pixelBar).css('backgroundPosition', (this.backgroundPosX - this.borderWidthL - clientWidth + specRadius - pixelBarLeft) + "px " + (this.backgroundPosY - clientHeight - this.borderWidth + pixelBarTop + specRadius) + "px");
                                } else {
                                    $(pixelBar).css('backgroundPosition', (this.backgroundPosX - this.borderWidthL - clientWidth + specRadius - pixelBarLeft) + "px " + (this.backgroundPosY - clientHeight - this.borderWidth + specRadius - pixelBarTop) + "px");
                                }
                                //break;
                        }
                    }

                    // Position the container
                    switch (cc) {
                        case "tl":
                            $(newCorner).css('top', newCorner.style.left = "0");
                            this.topContainer.appendChild(newCorner);
                            break;
                        case "tr":
                            $(newCorner).css('top', newCorner.style.right = "0");
                            this.topContainer.appendChild(newCorner);
                            break;
                        case "bl":
                            $(newCorner).css('bottom', newCorner.style.left = "0");
                            this.bottomContainer.appendChild(newCorner);
                            break;
                        case "br":
                            $(newCorner).css('bottom', newCorner.style.right = "0");
                            this.bottomContainer.appendChild(newCorner);
                            //break;
                    }
                }

                /*
                The last thing to do is draw the rest of the filler DIVs.
                */

                // Find out which corner has the bigger radius and get the difference amount
                var radiusDiff = {
                    t: this.spec.radiusdiff('t'),
                    b: this.spec.radiusdiff('b')
                };

                for (z in radiusDiff) {
                    if (typeof z === 'function') continue; // for prototype, mootools frameworks
                    if (!this.spec.get(z + 'R')) continue; // no need if no corners
                    if (radiusDiff[z]) {
                        // Get the type of corner that is the smaller one
                        var smallerCornerType = (this.spec[z + "lR"] < this.spec[z + "rR"]) ? z + "l" : z + "r";

                        // First we need to create a DIV for the space under the smaller corner
                        var newFiller = document.createElement("div");

                        $(newFiller).css({
                            'height': radiusDiff[z] + "px",
                            'width': this.spec.get(smallerCornerType + 'Ru'),
                            'position': "absolute",
                            'fontSize': "1px",
                            'overflow': "hidden",
                            'backgroundColor': this.boxColour,
                            'backgroundImage': this.backgroundImage,
                            'backgroundRepeat': this.backgroundRepeat
                        });

                        if (filter) $(newFiller).css('filter', 'filter'); // IE8 bug fix

                        // Position filler
                        switch (smallerCornerType) {
                            case "tl":
                                $(newFiller).css({
                                    'bottom': '',
                                    'left': '0',
                                    'borderLeft': this.borderStringL,
                                    'backgroundPosition': this.backgroundPosX + "px " + (this.borderWidth + this.backgroundPosY - this.spec.tlR) + "px"
                                });
                                this.topContainer.appendChild(newFiller);
                                break;
                            case "tr":
                                $(newFiller).css({
                                    'bottom': '',
                                    'right': '0',
                                    'borderRight': this.borderStringR,
                                    'backgroundPosition': (this.backgroundPosX - this.boxWidth + this.spec.trR) + "px " + (this.borderWidth + this.backgroundPosY - this.spec.trR) + "px"
                                });
                                this.topContainer.appendChild(newFiller);
                                break;
                            case "bl":
                                $(newFiller).css({
                                    'top': '',
                                    'left': '0',
                                    'borderLeft': this.borderStringL,
                                    'backgroundPosition': this.backgroundPosX + "px " + (this.backgroundPosY - this.borderWidth - this.boxHeight + radiusDiff[z] + this.spec.blR) + "px"
                                });
                                this.bottomContainer.appendChild(newFiller);
                                break;
                            case "br":
                                $(newFiller).css({
                                    'top': '',
                                    'right': '0',
                                    'borderRight': this.borderStringR,
                                    'backgroundPosition': (this.borderWidthL + this.backgroundPosX - this.boxWidth + this.spec.brR) + "px " + (this.backgroundPosY - this.borderWidth - this.boxHeight + radiusDiff[z] + this.spec.brR) + "px"
                                });
                                this.bottomContainer.appendChild(newFiller);
                                //break;
                        }
                    }

                    // Create the bar to fill the gap between each corner horizontally
                    var newFillerBar = document.createElement("div");
                    if (filter) $(newFillerBar).css('filter', 'filter'); // IE8 bug fix
                    $(newFillerBar).css({
                        'position': "relative",
                        'fontSize': "1px",
                        'overflow': "hidden",
                        'width': this.fillerWidth(z),
                        'backgroundColor': this.boxColour,
                        'backgroundImage': this.backgroundImage,
                        'backgroundRepeat': this.backgroundRepeat
                    });

                    switch (z) {
                        case "t":
                            // Top Bar
                            if (this.topContainer) {
                                if (!jQuery.support.boxModel) {
                                    $(newFillerBar).css('height', 100 + topMaxRadius + "px");
                                } else {
                                    $(newFillerBar).css('height', 100 + topMaxRadius - this.borderWidth + "px");
                                }
                                $(newFillerBar).css('marginLeft', this.spec.tlR ? (this.spec.tlR - this.borderWidthL) + "px" : "0");
                                $(newFillerBar).css('borderTop', this.borderString);
                                if (this.backgroundImage) {
                                    var x_offset = this.spec.tlR ?
										(this.borderWidthL + this.backgroundPosX - this.spec.tlR) + "px " : this.backgroundPosX + "px ";

                                    $(newFillerBar).css('backgroundPosition', x_offset + this.backgroundPosY + "px");

                                    // Reposition the box's background image
                                    $(this.shell).css('backgroundPosition', this.backgroundPosX + "px " + (this.backgroundPosY - topMaxRadius + this.borderWidthL) + "px");
                                }
                                this.topContainer.appendChild(newFillerBar);
                            }
                            break;
                        case "b":
                            if (this.bottomContainer) {
                                // Bottom Bar
                                if (!jQuery.support.boxModel) {
                                    $(newFillerBar).css('height', botMaxRadius + "px");
                                } else {
                                    $(newFillerBar).css('height', botMaxRadius - this.borderWidthB + "px");
                                }
                                $(newFillerBar).css('marginLeft', this.spec.blR ? (this.spec.blR - this.borderWidthL) + "px" : "0");
                                $(newFillerBar).css('borderBottom', this.borderStringB);
                                if (this.backgroundImage) {
                                    var x_offset = this.spec.blR ?
										(this.backgroundPosX + this.borderWidthL - this.spec.blR) + "px " : this.backgroundPosX + "px ";
                                    $(newFillerBar).css('backgroundPosition', x_offset + (this.backgroundPosY - clientHeight - this.borderWidth + botMaxRadius) + "px");
                                }
                                this.bottomContainer.appendChild(newFillerBar);
                            }
                            //break;
                    }
                }

                // style content container
                z = clientWidth;
                if (jQuery.support.boxModel) z -= this.leftPadding + this.rightPadding;

                $(this.contentContainer).css({
                    'position': 'absolute',
                    'left': this.borderWidthL + "px",
                    'paddingTop': this.topPadding + "px",
                    'top': this.borderWidth + "px",
                    'paddingLeft': this.leftPadding + "px",
                    'paddingRight': this.rightPadding + "px",
                    'width': z + "px",
                    'textAlign': $$.css('textAlign')
                }).addClass('autoPadDiv');

                $$.css('textAlign', 'left').addClass('hasCorners');

                this.box.appendChild(this.contentContainer);
                if (boxDisp) $(boxDisp).css('display', boxDispSave);
            };

            if (this.backgroundImage) {
                backgroundPosX = this.backgroundCheck(backgroundPosX);
                backgroundPosY = this.backgroundCheck(backgroundPosY);
                if (this.backgroundObject) {
                    this.backgroundObject.holdingElement = this;
                    this.dispatch = this.applyCorners;
                    this.applyCorners = function() {
                        if (this.backgroundObject.complete) this.dispatch();
                        else this.backgroundObject.onload = new Function('$(this.holdingElement).dispatch();');
                    };
                }
            }
        };

        curvyObject.prototype.backgroundCheck = function(style) {
            if (style === 'top' || style === 'left' || parseInt(style) === 0) return 0;
            if (!(/^[-\d.]+px$/.test(style)) && !this.backgroundObject) {
                this.backgroundObject = new Image;
                var imgName = function(str) {
                    var matches = /url\("?([^'"]+)"?\)/.exec(str);
                    return (matches ? matches[1] : str);
                };
                this.backgroundObject.src = imgName(this.backgroundImage);
            }
            return style;
        };

        /*curvyObject.dispatch = function(obj) {
        if ('dispatch' in obj) obj.dispatch();
        else throw Error('No dispatch function');
        };*/

        /*
        This function draws the pixels
        */
        curvyObject.prototype.drawPixel = function(intx, inty, colour, transAmount, height, newCorner, image, cornerRadius) {
            //var $$ = $(box);			
            var pixel = document.createElement("div");

            $(pixel).css({
                "height": height + "px",
                "width": "1px",
                "position": "absolute",
                "font-size": "1px",
                "overflow": "hidden",
                "top": inty + "px",
                "left": intx + "px",
                "background-color": colour
            });

            var topMaxRadius = this.spec.get('tR');

            // Dont apply background image to border pixels
            if (image && this.backgroundImage != "") {
                $(pixel).css({
                    "background-position": "-" + (this.boxWidth - (cornerRadius - intx) + this.borderWidth) + "px -" + ((this.boxHeight + topMaxRadius + inty) - this.borderWidth) + "px",
                    "background-image": this.backgroundImage
                });
            }
            if (transAmount != 100)
                $(pixel).css({ opacity: (transAmount / 100) });

            newCorner.appendChild(pixel);
        };

        curvyObject.prototype.fillerWidth = function(tb) {
            var b_width, f_width;
            b_width = !jQuery.support.boxModel ? 0 : this.spec.radiusCount(tb) * this.borderWidthL;

            if ((f_width = this.boxWidth - this.spec.radiusSum(tb) + b_width) < 0)
                throw Error("Radius exceeds box width");
            return f_width + 'px';
        };

        // Gets the computed colour.
        curvyObject.getComputedColour = function(colour) {
            var d = document.createElement('DIV');
            d.style.backgroundColor = colour;
            document.body.appendChild(d);

            if (window.getComputedStyle) { // Mozilla, Opera, Chrome, Safari
                var rtn = document.defaultView.getComputedStyle(d, null).getPropertyValue('background-color');
                d.parentNode.removeChild(d);
                if (rtn.substr(0, 3) === "rgb") rtn = curvyObject.rgb2Hex(rtn);
                return rtn;
            }
            else { // IE
                var rng = document.body.createTextRange();
                rng.moveToElementText(d);
                rng.execCommand('ForeColor', false, colour);
                var iClr = rng.queryCommandValue('ForeColor');
                var rgb = "rgb(" + (iClr & 0xFF) + ", " + ((iClr & 0xFF00) >> 8) + ", " + ((iClr & 0xFF0000) >> 16) + ")";
                d.parentNode.removeChild(d);
                rng = null;
                return curvyObject.rgb2Hex(rgb);
            }
        };

        curvyObject.BlendColour = function(Col1, Col2, Col1Fraction) {

            if (Col1 === 'transparent' || Col2 === 'transparent') throw Error('Cannot blend with transparent');
            if (Col1.charAt(0) !== '#') {
                Col1 = curvyObject.format_colour(Col1);
            }
            if (Col2.charAt(0) !== '#') {
                Col2 = curvyObject.format_colour(Col2);
            }
            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 "#" + curvyObject.IntToHex(endRed) + curvyObject.IntToHex(endGreen) + curvyObject.IntToHex(endBlue);

        };

        curvyObject.IntToHex = function(strNum) {
            var hexdig = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'];
            return hexdig[strNum >>> 4] + '' + hexdig[strNum & 15];
        };

        /*
        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
        */
        curvyObject.pixelFraction = function(x, y, r) {
            var fraction;
            var rsquared = r * r;

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

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

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

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

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

            if (intersect >= x && intersect < (x + 1)) {
                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":
                    fraction = Math.min(yvalues[0], yvalues[1]) + ((Math.max(yvalues[0], yvalues[1]) - Math.min(yvalues[0], yvalues[1])) / 2);
                    break;

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

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

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

                default:
                    fraction = 1;
            }
            return fraction;
        };


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

                // Get array of RGB values
                var rgbArray = curvyObject.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 = "#" + curvyObject.IntToHex(red) + curvyObject.IntToHex(green) + curvyObject.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
        curvyObject.rgb2Array = function(rgbColour) {
            // Remove rgb()
            var rgbValues = rgbColour.substring(4, rgbColour.indexOf(")"));

            // Split RGB into array
            return rgbValues.split(", ");
        };

        // Formats colours
        curvyObject.format_colour = function(colour) {
            // Make sure colour is set and not transparent
            if (colour != "" && colour != "transparent") {
                // RGB Value?
                if (colour.substr(0, 3) === "rgb") {
                    // Get HEX aquiv.
                    colour = curvyObject.rgb2Hex(colour);
                }
                else if (colour.charAt(0) !== '#') {
                    // Convert colour name to hex value
                    colour = getComputedColour(colour);
                }
                else if (colour.length === 4) {
                    // 3 chr colour code add remainder
                    colour = "#" + colour.charAt(1) + colour.charAt(1) + colour.charAt(2) + colour.charAt(2) + colour.charAt(3) + colour.charAt(3);
                }
            }
            return colour;
        };

        return this.each(function() {
            if (!$(this).is('.hasCorners')) {
                if (nativeCornersSupported) {
                    if (settings.get('tlR')) {
                        $(this).css({
                            'border-top-left-radius': settings.get('tlR') + 'px',
                            '-moz-border-radius-topleft': settings.get('tlR') + 'px',
                            '-webkit-border-top-left-radius': settings.get('tlR') + 'px'
                        });
                    }
                    if (settings.get('trR')) {
                        $(this).css({
                            'border-top-right-radius': settings.get('trR') + 'px',
                            '-moz-border-radius-topright': settings.get('trR') + 'px',
                            '-webkit-border-top-right-radius': settings.get('trR') + 'px'
                        });
                    }
                    if (settings.get('blR')) {
                        $(this).css({
                            'border-bottom-left-radius': settings.get('blR') + 'px',
                            '-moz-border-radius-bottomleft': settings.get('blR') + 'px',
                            '-webkit-border-bottom-left-radius': settings.get('blR') + 'px'
                        });
                    }
                    if (settings.get('brR')) {
                        $(this).css({
                            'border-bottom-right-radius': settings.get('brR') + 'px',
                            '-moz-border-radius-bottomright': settings.get('brR') + 'px',
                            '-webkit-border-bottom-right-radius': settings.get('brR') + 'px'
                        });
                    }
                } else {
                    if (!$(this).is('.drawn')) {
                        $(this).addClass('drawn');

                        thestyles = $(this).attr('style');
                        if (thestyles == 'undefined') {
                            thestyles = '';
                        }

                        redrawList.push({
                            node: this,
                            spec: settings,
                            style: thestyles,
                            copy: $(this).clone(true)
                        });
                    }
                    var obj = new curvyObject(settings, this);
                    obj.applyCorners();
                }
            }
        });

    };

    $.fn.removeCorners = function() {
        return this.each(function(i, e) {
            thisdiv = e;
            $.each(
				redrawList,
				function(intIndex, list) {
				    if (list.node == thisdiv && $('.autoPadDiv', thisdiv).size() > 0) {
				        //$('div:not(.autoPadDiv)', thisdiv).remove();
				        //$('.autoPadDiv', thisdiv).replaceWith( $('.autoPadDiv', thisdiv).contents() );							
				        $(thisdiv).html($(thisdiv).children('.autoPadDiv:first').contents());
				        style = list.style == 'undefined' ? list.style : '';
				        $(thisdiv).removeClass('hasCorners').attr('style', style);
				        return false;
				    }
				}
			);
        });
    };

    $.fn.redrawCorners = function() {
        return this.each(function(i, e) {
            thisdiv = e;
            $.each(
				redrawList,
				function(intIndex, list) {
				    if (list.node == thisdiv) {
				        //$('div:not(.autoPadDiv)', thisdiv).remove();
				        //$('.autoPadDiv', thisdiv).replaceWith( $('.autoPadDiv', thisdiv).contents() );	
				        //style = list.style == 'undefined' ? list.style : ''; 
				        //$(thisdiv).removeClass('hasCorners').attr('style', style );	
				        $(thisdiv).corner(list.spec);
				        return false;
				    }
				}
			);
        });
    };

    $.fn.dispatch = function() {
        return this.each(function(i, e) {
            obj = e;
            if ('dispatch' in obj) obj.dispatch();
            else throw Error('No dispatch function')
        });
    };

    $(function() {

        // Detect styles and apply corners in browsers with no native border-radius support
        if ($.browser.msie) {
            /* Force caching of bg images in IE6 */
            try { document.execCommand("BackgroundImageCache", false, true); } catch (e) { };

            function units(num) {
                if (!parseInt(num)) return 'px'; // '0' becomes '0px' for simplicity's sake
                var matches = /^[\d.]+(\w+)$/.exec(num);
                return matches[1];
            };

            /* Detect and Apply Corners */
            var t, i, j;

            function procIEStyles(rule) {
                var style = rule.style;

                if (jQuery.browser.version > 6.0) {
                    var allR = style['-moz-border-radius'] || 0;
                    var tR = style['-moz-border-radius-topright'] || 0;
                    var tL = style['-moz-border-radius-topleft'] || 0;
                    var bR = style['-moz-border-radius-bottomright'] || 0;
                    var bL = style['-moz-border-radius-bottomleft'] || 0;
                }
                else {
                    var allR = style['moz-border-radius'] || 0;
                    var tR = style['moz-border-radius-topright'] || 0;
                    var tL = style['moz-border-radius-topleft'] || 0;
                    var bR = style['moz-border-radius-bottomright'] || 0;
                    var bL = style['moz-border-radius-bottomleft'] || 0;
                }
                if (allR) {
                    var t = allR.split('/'); // ignore elliptical spec.
                    t = t[0].split(/\s+/);
                    if (t[t.length - 1] === '') t.pop();
                    switch (t.length) {
                        case 3:
                            tL = t[0];
                            tR = bL = t[1];
                            bR = t[2];
                            allR = false;
                            break;
                        case 2:
                            tL = bR = t[0];
                            tR = bL = t[1];
                            allR = false;
                        case 1:
                            break;
                        case 4:
                            tL = t[0];
                            tR = t[1];
                            bR = t[2];
                            bL = t[3];
                            allR = false;
                            break;
                        default:
                            alert('Illegal corners specification: ' + allR);
                    }
                }
                if (allR || tL || tR || bR || bL) {
                    var settings = new curvyCnrSpec(rule.selectorText);
                    if (allR)
                        settings.setcorner(null, null, parseInt(allR), units(allR));
                    else {
                        if (tR) settings.setcorner('t', 'r', parseInt(tR), units(tR));
                        if (tL) settings.setcorner('t', 'l', parseInt(tL), units(tL));
                        if (bL) settings.setcorner('b', 'l', parseInt(bL), units(bL));
                        if (bR) settings.setcorner('b', 'r', parseInt(bR), units(bR));
                    }
                    $(rule.selectorText).corner(settings);
                }
            }
            for (t = 0; t < document.styleSheets.length; ++t) {
                try {
                    if (document.styleSheets[t].imports) {
                        for (i = 0; i < document.styleSheets[t].imports.length; ++i) {
                            for (j = 0; j < document.styleSheets[t].imports[i].rules.length; ++j) {
                                procIEStyles(document.styleSheets[t].imports[i].rules[j]);
                            }
                        }
                    }
                    for (i = 0; i < document.styleSheets[t].rules.length; ++i)
                        procIEStyles(document.styleSheets[t].rules[i]);
                }
                catch (e) { }
            }
        } else if ($.browser.opera) {

            // Apply if border radius is not supported
            try { checkStandard = (document.body.style.BorderRadius !== undefined); } catch (err) { }

            if (!checkStandard) {

                function opera_contains_border_radius(sheetnumber) {
                    return /border-((top|bottom)-(left|right)-)?radius/.test(document.styleSheets.item(sheetnumber).ownerNode.text);
                };

                rules = [];

                for (t = 0; t < document.styleSheets.length; ++t) {
                    if (opera_contains_border_radius(t)) {

                        var txt = document.styleSheets.item(sheetnumber).ownerNode.text;
                        txt = txt.replace(/\/\*(\n|\r|.)*?\*\//g, ''); // strip comments

                        var pat = new RegExp("^\\s*([\\w.#][-\\w.#, ]+)[\\n\\s]*\\{([^}]+border-((top|bottom)-(left|right)-)?radius[^}]*)\\}", "mg");
                        var matches;
                        while ((matches = pat.exec(txt)) !== null) {
                            var pat2 = new RegExp("(..)border-((top|bottom)-(left|right)-)?radius:\\s*([\\d.]+)(in|em|px|ex|pt)", "g");
                            var submatches, cornerspec = new curvyCnrSpec(matches[1]);
                            while ((submatches = pat2.exec(matches[2])) !== null) {
                                if (submatches[1] !== "z-")
                                    cornerspec.setcorner(submatches[3], submatches[4], submatches[5], submatches[6]);
                                rules.push(cornerspec);
                            }
                        }
                    }
                }
                for (i in rules) if (!isNaN(i))
                    $(rules[i].selectorText).corner(rules[i]);


            }
        }
    });

})(jQuery);