//This simple jQuery plugin is for collapsing and expanding sections of content.
(function() {

    jQuery.fn.roundedcorners = function(settings) {

        var applyTo = this;     //The jquery objects that contain our items.
        var elements = ["CornerWrap","TopLeft","TopRight","BottomLeft","BottomRight"];

		// define defaults and override with options, if available
        // by extending the default settings, we don't modify the argument
        settings = jQuery.extend({
			elementToAdd: 'div',
			cornersToAdd: '1234'
        }, settings);

		var	cornersToAdd = settings.cornersToAdd.split('');
		var corners = "";

		for (i=0;i<cornersToAdd.length;i++){
			
			//alert (cornersToAdd[i]);
			
			//style = 'style="'+(elements[cornersToAdd[i]].toLowerCase().replace('_', ' :0; ')+'" :0; position: absolute; overflow: hidden; display: block;"';
			//alert (style);
			
			cornersToAdd[i]='<'+settings.elementToAdd+' class="Corner'+elements[cornersToAdd[i]]+'"></'+settings.elementToAdd+'>';
			corners = corners+cornersToAdd[i];
			
		}

		var wrapElement = '<'+settings.elementToAdd+' class="'+elements[0]+'"></'+settings.elementToAdd+'>';
		//Loop through the jquery objects (these are the elements that contain our items to collapse).
		var html = '<'+settings.elementToAdd+' class="Corner"></'+settings.elementToAdd+'>';
		jQuery(this).wrapInner(wrapElement).append(corners);
		
    };
  
})(jQuery);