alfa 0.0.1.pre → 0.0.2.pre

data/assets/js/jquery/plugins/corner.js

@@ -0,0 +1,178 @@
+/*
+ * jQuery corner plugin
+ *
+ * version 1.92 (12/18/2007)
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+/**
+ * The corner() method provides a simple way of styling DOM elements.  
+ *
+ * corner() takes a single string argument:  $().corner("effect corners width")
+ *
+ *   effect:  The name of the effect to apply, such as round or bevel. 
+ *            If you don't specify an effect, rounding is used.
+ *
+ *   corners: The corners can be one or more of top, bottom, tr, tl, br, or bl. 
+ *            By default, all four corners are adorned. 
+ *
+ *   width:   The width specifies the width of the effect; in the case of rounded corners this 
+ *            will be the radius of the width. 
+ *            Specify this value using the px suffix such as 10px, and yes it must be pixels.
+ *
+ * For more details see: http://methvin.com/jquery/jq-corner.html
+ * For a full demo see:  http://malsup.com/jquery/corner/
+ *
+ *
+ * @example $('.adorn').corner();
+ * @desc Create round, 10px corners 
+ *
+ * @example $('.adorn').corner("25px");
+ * @desc Create round, 25px corners 
+ *
+ * @example $('.adorn').corner("notch bottom");
+ * @desc Create notched, 10px corners on bottom only
+ *
+ * @example $('.adorn').corner("tr dog 25px");
+ * @desc Create dogeared, 25px corner on the top-right corner only
+ *
+ * @example $('.adorn').corner("round 8px").parent().css('padding', '4px').corner("round 10px");
+ * @desc Create a rounded border effect by styling both the element and its parent
+ * 
+ * @name corner
+ * @type jQuery
+ * @param String options Options which control the corner style
+ * @cat Plugins/Corner
+ * @return jQuery
+ * @author Dave Methvin (dave.methvin@gmail.com)
+ * @author Mike Alsup (malsup@gmail.com)
+ */
+(function($) { 
+
+$.fn.corner = function(o) {
+    var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
+    function sz(el, p) { return parseInt($.css(el,p))||0; };
+    function hex2(s) {
+        var s = parseInt(s).toString(16);
+        return ( s.length < 2 ) ? '0'+s : s;
+    };
+    function gpc(node) {
+        for ( ; node && node.nodeName.toLowerCase() != 'html'; node = node.parentNode ) {
+            var v = $.css(node,'backgroundColor');
+            if ( v.indexOf('rgb') >= 0 ) { 
+                if ($.browser.safari && v == 'rgba(0, 0, 0, 0)')
+                    continue;
+                var rgb = v.match(/\d+/g); 
+                return '#'+ hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
+            }
+            if ( v && v != 'transparent' )
+                return v;
+        }
+        return '#ffffff';
+    };
+    function getW(i) {
+        switch(fx) {
+        case 'round':  return Math.round(width*(1-Math.cos(Math.asin(i/width))));
+        case 'cool':   return Math.round(width*(1+Math.cos(Math.asin(i/width))));
+        case 'sharp':  return Math.round(width*(1-Math.cos(Math.acos(i/width))));
+        case 'bite':   return Math.round(width*(Math.cos(Math.asin((width-i-1)/width))));
+        case 'slide':  return Math.round(width*(Math.atan2(i,width/i)));
+        case 'jut':    return Math.round(width*(Math.atan2(width,(width-i-1))));
+        case 'curl':   return Math.round(width*(Math.atan(i)));
+        case 'tear':   return Math.round(width*(Math.cos(i)));
+        case 'wicked': return Math.round(width*(Math.tan(i)));
+        case 'long':   return Math.round(width*(Math.sqrt(i)));
+        case 'sculpt': return Math.round(width*(Math.log((width-i-1),width)));
+        case 'dog':    return (i&1) ? (i+1) : width;
+        case 'dog2':   return (i&2) ? (i+1) : width;
+        case 'dog3':   return (i&3) ? (i+1) : width;
+        case 'fray':   return (i%2)*width;
+        case 'notch':  return width; 
+        case 'bevel':  return i+1;
+        }
+    };
+    o = (o||"").toLowerCase();
+    var keep = /keep/.test(o);                       // keep borders?
+    var cc = ((o.match(/cc:(#[0-9a-f]+)/)||[])[1]);  // corner color
+    var sc = ((o.match(/sc:(#[0-9a-f]+)/)||[])[1]);  // strip color
+    var width = parseInt((o.match(/(\d+)px/)||[])[1]) || 10; // corner width
+    var re = /round|bevel|notch|bite|cool|sharp|slide|jut|curl|tear|fray|wicked|sculpt|long|dog3|dog2|dog/;
+    var fx = ((o.match(re)||['round'])[0]);
+    var edges = { T:0, B:1 };
+    var opts = {
+        TL:  /top|tl/.test(o),       TR:  /top|tr/.test(o),
+        BL:  /bottom|bl/.test(o),    BR:  /bottom|br/.test(o)
+    };
+    if ( !opts.TL && !opts.TR && !opts.BL && !opts.BR )
+        opts = { TL:1, TR:1, BL:1, BR:1 };
+    var strip = document.createElement('div');
+    strip.style.overflow = 'hidden';
+    strip.style.height = '1px';
+    strip.style.backgroundColor = sc || 'transparent';
+    strip.style.borderStyle = 'solid';
+    return this.each(function(index){
+        var pad = {
+            T: parseInt($.css(this,'paddingTop'))||0,     R: parseInt($.css(this,'paddingRight'))||0,
+            B: parseInt($.css(this,'paddingBottom'))||0,  L: parseInt($.css(this,'paddingLeft'))||0
+        };
+
+        if ($.browser.msie) this.style.zoom = 1; // force 'hasLayout' in IE
+        if (!keep) this.style.border = 'none';
+        strip.style.borderColor = cc || gpc(this.parentNode);
+        var cssHeight = $.curCSS(this, 'height');
+
+        for (var j in edges) {
+            var bot = edges[j];
+            // only add stips if needed
+            if ((bot && (opts.BL || opts.BR)) || (!bot && (opts.TL || opts.TR))) {
+                strip.style.borderStyle = 'none '+(opts[j+'R']?'solid':'none')+' none '+(opts[j+'L']?'solid':'none');
+                var d = document.createElement('div');
+                $(d).addClass('jquery-corner');
+                var ds = d.style;
+
+                bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild);
+
+                if (bot && cssHeight != 'auto') {
+                    if ($.css(this,'position') == 'static')
+                        this.style.position = 'relative';
+                    ds.position = 'absolute';
+                    ds.bottom = ds.left = ds.padding = ds.margin = '0';
+                    if ($.browser.msie)
+                        ds.setExpression('width', 'this.parentNode.offsetWidth');
+                    else
+                        ds.width = '100%';
+                }
+                else if (!bot && $.browser.msie) {
+                    if ($.css(this,'position') == 'static')
+                        this.style.position = 'relative';
+                    ds.position = 'absolute';
+                    ds.top = ds.left = ds.right = ds.padding = ds.margin = '0';
+                    
+                    // fix ie6 problem when blocked element has a border width
+                    var bw = 0;
+                    if (ie6 || !$.boxModel)
+                        bw = sz(this,'borderLeftWidth') + sz(this,'borderRightWidth');
+                    ie6 ? ds.setExpression('width', 'this.parentNode.offsetWidth - '+bw+'+ "px"') : ds.width = '100%';
+                }
+                else {
+                    ds.margin = !bot ? '-'+pad.T+'px -'+pad.R+'px '+(pad.T-width)+'px -'+pad.L+'px' : 
+                                        (pad.B-width)+'px -'+pad.R+'px -'+pad.B+'px -'+pad.L+'px';                
+                }
+
+                for (var i=0; i < width; i++) {
+                    var w = Math.max(0,getW(i));
+                    var e = strip.cloneNode(false);
+                    e.style.borderWidth = '0 '+(opts[j+'R']?w:0)+'px 0 '+(opts[j+'L']?w:0)+'px';
+                    bot ? d.appendChild(e) : d.insertBefore(e, d.firstChild);
+                }
+            }
+        }
+    });
+};
+
+$.fn.uncorner = function(o) { return $('.jquery-corner', this).remove(); };
+    
+})(jQuery);

data/assets/js/jquery/plugins/corner_12x.js

@@ -0,0 +1,503 @@
+/*(You must include this commment)
+ * Round Corners jQuery Plugin version - 1.0.1
+ * written by Avinoam Henig
+ * special thanks to Dan Blaisdell for help and mentoring (http://manifestwebdesign.com/)
+ * 
+ * for more information go to:
+ * roundCorners.avinoam.info
+ * or email me at: contact@avinoam.info
+ * 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * 
+ * Needed files:
+ * jQuery 1.3 Core Javascirpt File
+ * Explorer Canvas Release 2 Javascript File
+ */
+(function($){
+var emFuncs = new Array();
+$.fn.fontchange = function(func){
+	emFuncs[emFuncs.length] = func;
+	return this;
+};
+function checkEM(){
+	var nLeft = $emEL.offset().left;
+	if(nLeft!=oLeft){
+		for(var func in emFuncs) emFuncs[func]();
+	}
+	oLeft = nLeft;
+};
+$(window).bind('load', function(){
+	emFuncs = [];
+	$emEL = $('<div></div>').css({
+		'position' : 'absolute',
+		'left' : '-100em',
+		'width' : '0px',
+		'height' : '0px',
+		'background' : 'none',
+		'border:' : 'none',
+		'padding' : '0px',
+		'margin' : '0px'
+	}).prependTo('body');
+	oLeft = $emEL.offset().left;
+	$(window).keyup(function(){
+		checkEM();
+	});
+});
+$.fn._html = $.fn.html;
+$.fn.html = function(val){
+	$(this).each(function(){
+		if(this.canvas) $('span.inner', this)._html(val);
+		else $(this)._html(val);
+	});
+	return this;
+};
+$.fn._offset = $.fn.offset;
+$.fn.offset = function(newXY){
+	return newXY ? this.setXY(newXY) : this._offset();
+};
+$.fn.setXY = function(newXY){
+	$(this).each(function(){
+		var el = this;
+		var hide = false;
+		if($(el).css('display')=='none'){
+			hide = true;
+			$(el).show();
+		};
+        var style_pos = $(el).css('position');
+        if (style_pos == 'static') {
+        	$(el).css('position','relative');
+            style_pos = 'relative';
+        };
+		var pageXY = $(el).offset();
+		if(pageXY){
+			var delta = {
+				left : parseInt($(el).css('left')),
+				top : parseInt($(el).css('top'))
+			};
+			if (isNaN(delta.left)) delta.left = (style_pos == 'relative') ? 0 : el.offsetLeft;
+			if (isNaN(delta.top)) delta.top = (style_pos == 'relative') ? 0 : el.offsetTop;
+			if (newXY.left || newXY.left===0) $(el).css('left',newXY.left - pageXY.left + delta.left + 'px');
+			if (newXY.top || newXY.top===0) $(el).css('top',newXY.top - pageXY.top + delta.top + 'px');
+		};
+		if(hide) $(el).show();
+	});
+	return this;
+};
+$.fn._css = $.fn.css;
+$.fn.css = function(one, two){
+	var el = this;
+	var theResult = el;
+	if(arguments.length==1 && typeof one=='string'){
+		var type, style, result = false;
+		if(one.search(':')!=-1){
+			type = one.split(':')[0].replace(' ', '');
+			style = one.split(':')[1].replace(' ', '');
+		} else{
+			theResult = el._css(one, two);
+		};
+		if(type && style){
+			var styleSplits = style.split('-');
+			style = styleSplits[0];
+			for(var s=1; s<styleSplits.length; s++){
+				style += styleSplits[s].substring(0, 1).toUpperCase();
+				style += styleSplits[s].substring(1, styleSplits[s].length);
+			};
+			var rules = el.getCSSRules(':'+type);
+			result = el._css(style);
+			if(type=='active'){
+				var hoverRules = el.getCSSRules(':hover');
+				for(var hr=0; hr<hoverRules.length; hr++){
+					if(hoverRules[hr].style[style]) result = hoverRules[hr].style[style];
+				}
+			}
+			if(result) for(var r=0; r<rules.length; r++) if(rules[r].style[style]) result = rules[r].style[style];
+			theResult = result;
+		} else theResult = el._css(one, two);
+	} else theResult = this._css(one, two);
+	return theResult;
+};
+$.fn.getCSSRules = function(type){
+	var el = this;
+	var elRules = new Array();
+	if(type==null) type = '';
+	for(var ss = 0; ss<document.styleSheets.length; ss++){
+		if($.browser.msie) var rules = document.styleSheets[ss].rules;
+		else var rules = document.styleSheets[ss].cssRules;
+		for(var r=0; r<rules.length; r++){
+			if(!rules[r].selectorText || rules[r].selectorText.search(type)==-1) continue;
+			var sel = rules[r].selectorText.replace(':hover', '').replace(':active', '').replace(':focus', '');
+			if ($(sel)) {
+				$(sel).each(function(){
+					if ($(this)[0] == $(el)[0]) {
+						elRules[elRules.length] = rules[r];
+					};
+				});
+			};
+		};
+	};
+	return elRules;
+};
+$.fn.canvas = function(){
+	$(this).each(function(){
+		var el = this;
+		if (el.canvas) return;
+		var hide = false;
+		if($(el).css('display')=='none'){
+			hide = true;
+			$(el).show();
+		};
+		var close = false;
+		var funcName = 'insertBefore';
+		if(el.tagName=='INPUT' || el.tagName=='TEXTAREA' || el.tagName=='IMG') close = true;
+		if($.browser.opera) var tagDisplay = 'block';
+		else var tagDisplay = 'inline';
+		if(!close){
+			$(el).wrapInner('<span style="display: '+tagDisplay+';position: relative; z-index: 1; background: none; border: none; margin: 0px; padding: 0px;" class="inner" />')
+			.css('display', $(el).css('display'));
+			if($.browser.safari) $('span.inner', el).children().css('position', 'relative');
+			if($.browser.msie) funcName = 'appendTo';
+			else funcName = 'prependTo';	
+		};
+		var canvas = $('<canvas></canvas>')[funcName](el).attr({
+			'width': $(el).outerWidth(),
+			'height': $(el).outerHeight()
+		}).css({ 
+			'position' : 'absolute',
+			'background' : 'none',
+			'border' : 'none', 
+			'padding' : '0px'
+		}).offset($(el).offset());
+		if(close) $(el).css('position', 'relative');
+		el.canvas = canvas[0];
+		if ($.browser.msie) el.canvas = G_vmlCanvasManager.initElement(el.canvas);
+		el.canvas.ctx = el.canvas.getContext('2d');
+		el.canvas.roundCornersEvent = false;
+		el.canvas.ctx.roundRect = function(width, height, x, y , tl, tr, bl, br){
+			this.beginPath();
+			if(tl>0) this.moveTo(tl + x, y);
+			else this.moveTo(x, y);
+			if(tl>0) this.quadraticCurveTo(x, y, x, tl + y);
+			if(bl>0) this.lineTo(x, (height + y) - bl);
+			else this.lineTo(x, height + y);
+			if(bl>0) this.quadraticCurveTo(x, height + y, bl + x, height + y);
+			if(br>0) this.lineTo((width + x) - br, height + y);
+			else this.lineTo(width + x, height + y);
+			if(br>0) this.quadraticCurveTo(width + x, height + y, width + x, (height + y) - br);
+			if(tr>0) this.lineTo(width + x, tr + y);
+			else this.lineTo(width + x, y);
+			if(tr>0) this.quadraticCurveTo(width + x, y, width + x - tr, y);
+			if(tl>0) this.lineTo(tl, y);
+			else this.lineTo(x, y);
+		};
+		el.focused = false;
+		el.styles = {
+			bgColor : $(el).css('background-color'),
+			radius : [0, 0, 0, 0],
+			border : {
+				top : {
+					width : parseInt($(el).css('border-top-width')),
+					color : $(el).css('border-top-color')
+				},
+				left : {
+					width : parseInt($(el).css('border-left-width')),
+					color : $(el).css('border-left-color')
+				},
+				bottom : {
+
+					width : parseInt($(el).css('border-bottom-width')),
+					color : $(el).css('border-bottom-color')
+				},
+				right : {
+					width : parseInt($(el).css('border-right-width')),
+					color : $(el).css('border-right-color')
+				}
+			},
+			hover : {
+				bgColor: $(el).css('hover:background-color'),
+				border : {
+					top : {
+						width : parseInt($(el).css('hover:border-top-width')),
+						color : $(el).css('hover:border-top-color')
+					},
+					left : {
+						width : parseInt($(el).css('hover:border-left-width')),
+						color : $(el).css('hover:border-left-color')
+					},
+					bottom : {
+						width : parseInt($(el).css('hover:border-bottom-width')),
+						color : $(el).css('hover:border-bottom-color')
+					},
+					right : {
+						width : parseInt($(el).css('hover:border-right-width')),
+						color : $(el).css('hover:border-right-color')
+					}
+				}
+			},
+			active : {
+				bgColor: $(el).css('active:background-color'),
+				border : {
+					top : {
+						width : parseInt($(el).css('active:border-top-width')),
+						color : $(el).css('active:border-top-color')
+					},
+					left : {
+						width : parseInt($(el).css('active:border-left-width')),
+						color : $(el).css('active:border-left-color')
+					},
+					bottom : {
+						width : parseInt($(el).css('active:border-bottom-width')),
+						color : $(el).css('active:border-bottom-color')
+					},
+					right : {
+						width : parseInt($(el).css('active:border-right-width')),
+						color : $(el).css('active:border-right-color')
+					}
+				}
+			},
+			focus : {
+				bgColor: $(el).css('focus:background-color'),
+				opacity : $(el).css('opacity'),
+				border : {
+					top : {
+						width : parseInt($(el).css('focus:border-top-width')),
+						color : $(el).css('focus:border-top-color')
+					},
+					left : {
+						width : parseInt($(el).css('focus:border-left-width')),
+						color : $(el).css('focus:border-left-color')
+					},
+					bottom : {
+						width : parseInt($(el).css('focus:border-bottom-width')),
+						color : $(el).css('focus:border-bottom-color')
+					},
+					right : {
+						width : parseInt($(el).css('focus:border-right-width')),
+						color : $(el).css('focus:border-right-color')
+					}
+				}
+			}
+		};
+		if(hide) $(el).hide();
+	});
+	return this;
+};
+$.fn.getCanvas = function(){
+	var el = this;
+	$(el).canvas();
+	var cvs = $(el)[0].canvas;
+	if ($.browser.msie) {
+		$(cvs).children().css({
+			'position': 'relative',
+			'background': 'none',
+			'border': 'none',
+			'padding': '0px',
+			'margin': '0px',
+			'left': '0px',
+			'top': '0px'
+		});
+	};
+	return cvs;
+};
+$.fn.draw = function(specialStyle){
+	$(this).each(function(){
+		var el = this;
+		var hide = false;
+		if($(el).css('display')=='none'){
+			hide = true;
+			$(el).show();
+		};
+		var canvas = $(el).getCanvas(tl, tr, br, bl, width, height);
+		var tl = el.styles.radius[0];
+		var tr = el.styles.radius[1];
+		var br = el.styles.radius[2];
+		var bl = el.styles.radius[3];
+		var border, bgColor;
+		switch(specialStyle){
+			case 'hover':
+				border = el.styles.hover.border;
+				bgColor = el.styles.hover.bgColor;
+			break;
+			case 'active':
+				border = el.styles.active.border;
+				bgColor = el.styles.active.bgColor;
+			break;
+			case 'focus':
+				border = el.styles.focus.border;
+				bgColor = el.styles.focus.bgColor;
+			break;
+			default:
+				border = el.styles.border;
+				bgColor = el.styles.bgColor;
+		};
+		var width = $(el).outerWidth();
+		var height = $(el).outerHeight();
+		$(canvas).attr({
+			'width' : width,
+			'height' : height
+		}).offset($(el).offset());
+		var ctx = canvas.ctx;
+			if(canvas.oldWidth && canvas.oldHeight) ctx.clearRect(0, 0, canvas.oldWidth, canvas.oldHeight);
+			canvas.oldWidth = width;
+			canvas.oldHeight = height;
+			var bWidth = border.top.width;
+			if(border.right.width>bWidth) bWidth = border.right.width;
+			if(border.bottom.width>bWidth) bWidth = border.bottom.width;
+			if(border.left.width>bWidth) bWidth = border.left.width;
+			if (bWidth > 0) {
+				ctx.roundRect(width, height, 0, 0, tl, tr, bl, br);
+				ctx.fillStyle = border.top.color;
+				ctx.fill();
+				if(bWidth>tl && bWidth>tr && bWidth>br && bWidth>bl){
+					ctx.roundRect(width - (border.right.width+border.left.width), 
+					height - (border.bottom.width+border.top.width), border.left.width, border.top.width, 
+					0, 0, 0, 0);
+				} else{
+					ctx.roundRect(width - (border.right.width+border.left.width), 
+						height - (border.bottom.width+border.top.width), border.left.width, border.top.width, 
+						tl - border.left.width, tr - border.right.width, bl - border.left.width, br - border.right.width);
+				};
+				if(bgColor=='rgba(0, 0, 0, 0)' || bgColor=='transparent'){
+					var parBgColor = '#ffffff';
+					$(el).parents().each(function(){
+						if($(this).css('background-color')!='rgba(0, 0, 0, 0)' && $(this).css('background-color')!='transparent'){
+							parBgColor = $(this).css('background-color');
+							return false;
+						};
+					});
+					ctx.fillStyle = parBgColor;
+				} else{
+					ctx.fillStyle = bgColor;
+				};
+			} else{
+				ctx.roundRect(width, 
+					height, 0, 0, tl, tr, bl, br);
+				ctx.fillStyle = bgColor;
+			};
+			ctx.fill();
+		$(el).css({
+			'background' : 'none',
+			'border-color' : 'transparent'
+		});
+		if($.browser.msie &&  parseInt($.browser.version)==6){
+			$(el).css({
+				'padding-top' : parseInt($(el).css('padding-top')+border.top.width)+'px',
+				'padding-left' : parseInt($(el).css('padding-left')+border.left.width)+'px',
+				'border' : 'none'
+			});
+		};
+		if(hide) $(el).hide();
+	});
+	return this;
+};
+function getGradient(ctx, colors, height){
+	var grad = ctx.createLinearGradient(0, 0, 0, height);
+	var g = 0;
+	for(var i=0; i<colors.length; i+=1/(colors.length-1)){
+		grad.addColorStop(i, colors[g]);	
+		g++;
+	};
+	return grad;
+};
+$.fn.bg = function(radius, gradient, specialStyle){
+	$(this).each(function(){
+		var el = this;
+		var $el = $(this);
+		if(typeof($el.attr('radius'))!='undefined') alert('hi');
+		if(typeof($el.attr('gradient'))!='undefined') gradient = eval($el.attr('gradient'));
+		$el.canvas();
+		el.canvas.args = {
+			radius: radius,
+			gradient: gradient
+		};
+		if(gradient){
+			if(typeof gradient[0]=='object'){
+				var colors = gradient[0];
+				if(gradient[1]){
+					if (gradient[1].length>0) var colorsHover = gradient[1];
+					else colorsHover = colors;
+				};
+				if(gradient[2]){
+					if (gradient[2].length>0) var colorsClick = gradient[2];
+					else{
+						if(colorsHover) var colorsClick = colorsHover;
+						else var colorsClick = colors;
+					};
+				};
+				if(gradient[3]){
+					if (gradient[3].length>0) var colorsFocus = gradient[3];
+					else{
+						var colorsFocus = colors;
+					};
+				};
+			} else{
+				var colors = gradient;
+				var colorsHover = gradient;
+				var colorsClick = gradient;
+				var colorsFocus = gradient;
+			};
+			if(colors) el.styles.bgColor = getGradient(el.canvas.ctx, colors, $el.outerHeight());
+			if(colorsHover) el.styles.hover.bgColor = getGradient(el.canvas.ctx, colorsHover, $el.outerHeight());
+			if(colorsClick) el.styles.active.bgColor = getGradient(el.canvas.ctx, colorsClick, $el.outerHeight());
+			if(colorsFocus) el.styles.focus.bgColor = getGradient(el.canvas.ctx, colorsFocus, $el.outerHeight());
+		};
+		if(radius){
+			if(typeof radius != 'object') radius = [radius, radius, radius, radius];
+		} else{
+			radius = [0, 0, 0, 0];
+		};
+		if(radius[0]==null){
+			radius[0] = 14;
+		};
+		for(var i=0; i<4; i++){
+			if(radius[i]==null){
+				radius[i] = radius[0];
+			};
+			if(typeof radius[i] == 'string'){
+				if (radius[i].search('em')!=-1) {
+					radius[i] = parseFloat(radius[i]);
+					radius[i] = radius[i] * 14;
+				};
+				radius[i] = parseInt(radius[i]);			
+			};
+		};
+		el.styles.radius = radius;
+		var canvas = el.canvas;
+		if (!canvas.roundCornersEvent) {
+			canvas.roundCornersEvent = true;
+			$(window).resize(function(){
+				$(el).bg(radius, gradient);
+			});
+			$(el).hover(function(){
+				if(!el.focused) $(el).bg(radius, gradient, 'hover');
+			}, function(){
+				if(!el.focused) $(el).bg(radius, gradient);
+			});
+			$(el).mousedown(function(){
+				if(!el.focused) $(el).bg(radius, gradient, 'active');
+			});
+			$(el).mouseup(function(){
+				if(!el.focused) $(el).bg(radius, gradient, 'hover');
+			});
+			$(el).focus(function(){
+				el.focused = true;
+				$(el).bg(radius, gradient, 'focus');
+			});
+			$(el).blur(function(){
+				el.focused = false;
+				$(el).bg(radius, gradient);
+			});
+			emFuncs[emFuncs.length] = function(){
+				if(!el.focused) $(el).bg(radius, gradient);
+				else $(el).bg(radius, gradient, 'focus');
+			};
+		};
+		$(el).draw(specialStyle);
+	});
+	return this;
+};
+$.fn.roundCorners = function(tl, tr, br, bl){
+	return $(this).bg([tl, tr, br, bl]);
+};
+})(jQuery);