
(function($){$.fn.drawCorners=function(id,radio,inColor,outColor,bSize,bColor){if($.browser.msie){var bC=bColor;var iC=inColor;}else{var bC=inColor;var iC=bColor;}
var UpLeftCanvas=excanvas(document.getElementById(id+'_UpLeftCorner'));if(UpLeftCanvas.getContext){var ctx=UpLeftCanvas.getContext("2d");ctx.fillStyle=outColor;ctx.fillRect(0,0,radio,radio);ctx.fillStyle=bC;ctx.arc(radio,radio,radio,(Math.PI/2),0,0);ctx.fill();ctx.fillStyle=iC;ctx.arc(radio,radio,(radio-bSize),0,(Math.PI/2),1);ctx.fill();}
var UpRightCanvas=excanvas(document.getElementById(id+'_UpRightCorner'));if(UpRightCanvas.getContext){var ctx=UpRightCanvas.getContext("2d");ctx.fillStyle=outColor;ctx.fillRect(0,0,radio,radio);ctx.fillStyle=bC;ctx.arc(0,radio,radio,(Math.PI),(Math.PI/2),0);ctx.fill();ctx.fillStyle=iC;ctx.arc(0,radio,(radio-bSize),(Math.PI/2),(Math.PI),1);ctx.fill();}
var DownLeftCanvas=excanvas(document.getElementById(id+'_DownLeftCorner'));if(DownLeftCanvas.getContext){var ctx=DownLeftCanvas.getContext("2d");ctx.fillStyle=outColor;ctx.fillRect(0,0,radio,radio);ctx.fillStyle=bC;ctx.arc(radio,0,radio,0,(3*Math.PI/2),0);ctx.fill();ctx.fillStyle=iC;ctx.arc(radio,0,(radio-bSize),(3*Math.PI/2),0,1);ctx.fill();}
var DownRightCanvas=excanvas(document.getElementById(id+'_DownRightCorner'));if(DownRightCanvas.getContext){var ctx=DownRightCanvas.getContext("2d");ctx.fillStyle=outColor;ctx.fillRect(0,0,radio,radio);ctx.fillStyle=bC;ctx.arc(0,0,radio,(3*Math.PI/2),(Math.PI),0);ctx.fill();ctx.fillStyle=iC;ctx.arc(0,0,(radio-bSize),(Math.PI),(3*Math.PI/2),1);ctx.fill();}};$.fn.corners=function(options){var options=$.extend({radio:10,outColor:'#FFF',inColor:'#CDCDCD',borderSize:0,borderColor:'#000000'},options?options:{});return this.each(function(){if(options.borderSize>options.radio){options.radio=options.borderSize;}
if($(this).css('backgroundColor')!='transparent'){options.inColor=$(this).css('backgroundColor');}
if(options.borderSize==0){options.borderColor=$(this).css('border-left-color')||$(this).css('border-top-color')||$(this).css('border-bottom-color')||$(this).css('border-right-color');if(($(this).css('borderWidth')!='medium')||($(this).css('borderWidth')!='')){options.borderSize=($(this).outerWidth()-$(this).innerWidth())/2||($(this).outerHeight()-$(this).innerHeight())/2;}}
var id=$(this).attr('id');var cont=$(this).html();$(this).css({position:'relative',backgroundColor:options.inColor,borderStyle:'solid',borderWidth:options.borderSize+'px',borderColor:options.borderColor}).html('');$(this).append('<canvas id=\''+id+'_UpLeftCorner\' width='+options.radio+' height='+options.radio+'></canvas>');$(this).append('<canvas id=\''+id+'_UpRightCorner\' width='+options.radio+' height='+options.radio+'></canvas>');$(this).append('<canvas id=\''+id+'_DownLeftCorner\' width='+options.radio+' height='+options.radio+'></canvas>');$(this).append('<canvas id=\''+id+'_DownRightCorner\' width='+options.radio+' height='+options.radio+'></canvas>');$(this).append('<div id=\''+id+'_main\'>'+cont+'</div>');$('#'+id+'_main').css({position:'relative',zIndex:1});$('#'+id+'_UpLeftCorner, #'+id+'_UpRightCorner, #'+id+'_DownLeftCorner, #'+id+'_DownRightCorner').css({position:'absolute',zIndex:0,width:options.radio+'px',height:options.radio+'px',backgroundColor:options.inColor});if(options.borderSize!=0){var B=-(options.borderSize);$('#'+id+'_UpLeftCorner').css({top:B+'px',left:B+'px'});$('#'+id+'_UpRightCorner').css({top:B+'px',right:B+'px'});$('#'+id+'_DownLeftCorner').css({bottom:B+'px',left:B+'px'});$('#'+id+'_DownRightCorner').css({bottom:B+'px',right:B+'px'});}else{$('#'+id+'_UpLeftCorner').css({top:'0px',left:'0px'});$('#'+id+'_UpRightCorner').css({top:'0px',right:'0px'});$('#'+id+'_DownLeftCorner').css({bottom:'0px',left:'0px'});$('#'+id+'_DownRightCorner').css({bottom:'0px',right:'0px'});options.borderColor=options.inColor;}
$(this).drawCorners(id,options.radio,options.inColor,options.outColor,options.borderSize,options.borderColor);});};})(jQuery)