﻿// Content Box and Rounded Corner Creation Function
// This function prevents unnecessary markup in the HTML
// allowing the source code to be cleaner
(function($) 
{
	$.fn.createRoundedCorners = function(type)
	{
		$(type).each(function()
		{
			var t_arr = $(this).attr('class').split(' ');
			var boxType = t_arr.slice(-1);
			var classes = '';			
			
			for (var i = 1; i < t_arr.length - 1; i++)
			{
				classes += t_arr[i] + ' ';
			}
			
			var isBtn = '';
			
			for (i = 0; i < t_arr.length; i++)
			{
				if (t_arr[i] == 'btn')
				{				
					var width = $(this).outerWidth();
					isBtn = '-btn';						// Mark this as a button
				}
			}
						
			if (width && $(this).attr('id') == '')
			{
				widthStart = '<div class="buttonwidthbar" style="width: ' + width + 'px;">';
				widthEnd = '</div>';
			}
			else
			{
				widthStart = '';
				widthEnd = '';
			}
			
			var id = '';
			
			if ($(this).attr('id') != '')
			{
				id = 'id="' + $(this).attr('id') + '"';
				$(this).removeAttr('id');
			}
			

			var HTML = $(this).html();
						
			$(this).removeClass().addClass('rc_box-' + boxType + ' ' + classes);
			$(this).html(widthStart + '<div class="' + boxType + '" ' + id + '><div class="content"><div class="contentPadding clearfix"><div class="rc_top"></div>' + HTML + '</div></div><div class="rc_bottom"><div>&nbsp;</div></div></div>' + widthEnd);			
		});
	};
})(jQuery);
