/*
 * jQuery transparent corner plugin
 *
 * version 0.1 (10/10/2007)
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Most corner styles taken from Dave Methvin and Mike Alsup's jQuery.corner version 1.7 (1/26/2007).
 *http://methvin.com/jquery/jq-corner.html
 */

/**
 * The transparentCorners() method provides a simple way of styling DOM elements.
 *
 * transparentCorners() takes a map of options argument: jQuery( selector ).transparentCorners( { option: arg, option2: arg2, etc } )
 *
 * cornerSize: The size of the corners, in pixels. Defaults to 10.
 *
 * corners: The style of corners all corners not otherwise specified. Defaults to "round". 
 * top: The style of the two top corners, unless specified individually as well. Defaults to the value set by corners.
 * topLeft: The style of the top left corner. Defaults to the value specified by top.
 * topRight:The style of the top right corner. Defaults to the value specified by top.
 * bottom:The style of the two bottom corners, unless specified individually as well. efaults to the value set by corners.
 * bottomLeft:The style of the bottom left corner. Defaults to the value specified by bottom.
 * bottomRight: The style of the bottom right corner. Defaults to the value specified by bottom.
 *
 * resetCorners: If true, any existing corners will be completely re-created. If false, only the colors of the corners will be updated.
 *
 * Valid corner styles:
 * round, cool, sharp, bite, slide, jut, curl, tear, wicked, long, sculpt, dog, dog2, dog3, fray, notch, bevel
 *
 * @example $('.adorn').transparentCorners();
 * @desc Create round, 10px corners 
 *
 * @example $('.adorn').transparentCorners( { cornerSize: 25 } );
 * @desc Create round, 25px corners 
 *
 * @example $('.adorn').transparentCorners( { top: "none", bottom: "notch" } );
 * @desc Create notched, 10px corners on bottom only
 *
 * @example $('.adorn').transparentCorners( { corners: "none", topRight: "dog", cornerSize: 25 });
 * @desc Create dogeared, 25px corner on the top-right corner only
 *
 * @name transparentCorners
 * @type jQuery
 * @param Options options Options which control the corner style
 * @cat Plugins/transparentCorners
 * @return jQuery
 * @author Joseph Andrusyszyn (joseph.andrusyszyn@gmail.com)
 */
(function() {
var getCornerStripWidth = function( i, fx, cornerSize ) {
var retval = 0;
switch(fx.toLowerCase()) {
case 'round': retval = Math.round(cornerSize*(1-Math.cos(Math.asin(i/cornerSize)))); break;
case 'cool':retval = Math.round(cornerSize*(1+Math.cos(Math.asin(i/cornerSize)))); break;
case 'sharp': retval = cornerSize - i; break;
case 'bite':retval = Math.round(cornerSize*(Math.cos(Math.asin((cornerSize-i-1)/cornerSize)))); break;
case 'slide': retval = Math.round(cornerSize*(Math.atan2(i,cornerSize/i))); break;
case 'jut': retval = Math.round(cornerSize*(Math.atan2(cornerSize,(cornerSize-i-1)))); break;
case 'curl':retval = Math.round(cornerSize*(Math.atan(i))); break;
case 'tear':retval = Math.round(cornerSize*(Math.cos(i))); break;
case 'tear2': retval = Math.round(cornerSize*(Math.sin(i))); break;
case 'wicked':retval = Math.round(cornerSize*(Math.tan(i))); break;
case 'long':retval = Math.round(cornerSize*(Math.sqrt(i))); break;
case 'sculpt':retval = Math.round(cornerSize*(Math.log((cornerSize-i-1),cornerSize))); break;
case 'dog': retval = (i&1) ? (i+1) : cornerSize; break;
case 'dog2':retval = (i&2) ? (i+1) : cornerSize; break;
case 'dog3':retval = (i&3) ? (i+1) : cornerSize; break;
case 'fray':retval = (i%2)*cornerSize; break;
case 'notch': retval = cornerSize; break;
case 'bevel': retval = i+1; break;
case 'roman': retval = cornerSize - i * i; break;
case 'longcurl':retval = Math.round( cornerSize * Math.log(i) ); break;
case 'plates':retval = ( i - cornerSize / 2 ) * ( i - cornerSize / 2 ); break;
case 'scrapbook': retval = (i&1) ? 0 : i; break;
}
return Math.max( retval, 0 );
};

jQuery.fn.transparentCorners = function( settings ) {

settings = jQuery.extend( { corners: "round", cornerSize: 10, resetCorners: false }, settings );

var cornerSize = settings.cornerSize;
var resetCorners = settings.resetCorners;

var topLeftFX = settings.topLeft || settings.top || settings.corners || "none";
var topRightFX = settings.topRight || settings.top || settings.corners || "none";
var hasTop = topLeftFX != "none" || topRightFX != "none";

var bottomLeftFX = settings.bottomLeft || settings.bottom || settings.corners || "none";
var bottomRightFX = settings.bottomRight || settings.bottom || settings.corners || "none";
var hasBottom = bottomLeftFX != "none" || bottomRightFX != "none";

return this.each( function( index ) {
var addCorners = false;
if( jQuery(this).parent(".transparentCornersContainer").size() == 0 ) {
jQuery(this).wrap( "<div class=\"transparentCornersContainer\"></div>" );
var getCss = new Array( "width", "float", "margin" );
for( var css in getCss ) {
jQuery(this).parent().css( getCss[css], jQuery(this).css(getCss[css]) );
}
jQuery(this).css("float", "none");
jQuery(this).css("width", "auto");
jQuery(this).css("margin", "0");
addCorners = true;
} else {
if( resetCorners ) {
jQuery(this).parent(".transparentCornersContainer").children(".transparentCornersStrip").remove();
addCorners = true;
}
}
if( addCorners ) {
for( var i = 0; i < cornerSize; i++ ) {
if( hasTop ) {
jQuery(this).parent().prepend( "<div class=\"transparentCornersStrip\" style=\""
 + " margin-left: " + getCornerStripWidth( i, topLeftFX, cornerSize ) + "px;"
 + " margin-right: " + getCornerStripWidth( i, topRightFX, cornerSize ) + "px;"
 + " height: 1px; overflow: hidden;\"></div>");
}
if( hasBottom ) {
jQuery(this).parent().append( "<div class=\"transparentCornersStrip\" style=\""
 + " margin-left: " + getCornerStripWidth( i, bottomLeftFX, cornerSize ) + "px;"
 + " margin-right: " + getCornerStripWidth( i, bottomRightFX, cornerSize ) + "px;"
 + " height: 1px; overflow: hidden;\"></div>");
}
}
}
jQuery(this).parent(".transparentCornersContainer").children(".transparentCornersStrip").css( "background-color", jQuery(this).css("background-color") );
 });
};
})();