$.initCurvePanels = function() {
	$('.curve_panel').each(function() {
		var panel = $(this);
		if (!panel.parent().hasClass('curvewrapper') && panel.css('display') != 'none') {
			var bgImage = panel.css('backgroundImage');
			var bgColor = panel.css('backgroundColor');
			var topMargin = panel.css('marginTop');
			var rightMargin = panel.css('marginRight');
			var bottomMargin = panel.css('marginBottom');
			var leftMargin = panel.css('marginLeft');
			var panelWidth = panel.css('width');
			
			var marginArray = new Array();
			for (var i=0;i<4;i++) {
				marginArray.push(new Array("5","3","2","1"));
			}
			var arrayOfClasses = $(this).attr('class').split(' '); 
			for (var x=0; x<=arrayOfClasses.length-1; x++) {
				switch(arrayOfClasses[x])
				{
					case 'straight_tl':
						for (var j=0; j<4; j++) {
							marginArray[0][j] = "0";
						}
			  			break;
			  		case 'straight_tr':
						for (var j=0; j<4; j++) {
							marginArray[1][j] = "0";
						}
			  			break;
			  		case 'straight_bl':
						for (var j=0; j<4; j++) {
							marginArray[2][j] = "0";
						}
			  			break;
		  			case 'straight_br':
						for (var j=0; j<4; j++) {
							marginArray[3][j] = "0";
						}
			  			break;
			  		case 'straight_top':
						for (var j=0; j<4; j++) {
							marginArray[0][j] = "0";
							marginArray[1][j] = "0";
						}
			  			break;
			  		case 'straight_bottom':
						for (var j=0; j<4; j++) {
							marginArray[2][j] = "0";
							marginArray[3][j] = "0";
						}
			  			break;
				}
	
			}
			
			bgImage = bgImage.replace(/"/g,'');
			
			var r1 = '<div class="r1" style="margin: 0px ' + marginArray[1][0] + 'px 0px ' + marginArray[0][0] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px 0px; height: 1px; overflow: hidden; border:0px none;"></div>';
			var r2 = '<div class="r2" style="margin: 0px ' + marginArray[1][1] + 'px 0px ' + marginArray[0][1] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px -1px; height: 1px; overflow: hidden; border:0px none;"></div>';
			var r3 = '<div class="r3" style="margin: 0px ' + marginArray[1][2] + 'px 0px ' + marginArray[0][2] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px -2px; height: 1px; overflow: hidden; border:0px none;"></div>';
			var r4 = '<div class="r4" style="margin: 0px ' + marginArray[1][3] + 'px 0px ' + marginArray[0][3] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px -3px; height: 2px; overflow: hidden; border:0px none;"></div>';
			var topWrapper = '<div class="rtop" style="margin-top:0px;margin-bottom:0px">' + r1 + r2 + r3 + r4 + '</div>';
	
			r1 = '<div class="r1" style="margin: 0px ' + marginArray[3][0] + 'px 0px ' + marginArray[2][0] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px 33px; height: 1px; overflow: hidden; border:0px none;"></div>';
			r2 = '<div class="r2" style="margin: 0px ' + marginArray[3][1] + 'px 0px ' + marginArray[2][1] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px 32px; height: 1px; overflow: hidden; border:0px none;"></div>';
			r3 = '<div class="r3" style="margin: 0px ' + marginArray[3][2] + 'px 0px ' + marginArray[2][2] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px 31px; height: 1px; overflow: hidden; border:0px none;"></div>';
			r4 = '<div class="r4" style="margin: 0px ' + marginArray[3][3] + 'px 0px ' + marginArray[2][3] + 'px; padding:0px; background: ' + bgColor + ' ' + bgImage + ' repeat-x 0px 30px; height: 2px; overflow: hidden; border:0px none;"></div>';
			var bottomWrapper = '<div class="rbottom" style="margin-top:0px;margin-bottom:0px">' + r4 + r3 + r2 + r1 + '</div>';
			
			panel.wrap("<div class='curvewrapper'></div>")
				.width('100%')
				.css({margin: 0})
				.parent()
				.css({marginTop: topMargin, marginRight: rightMargin, marginBottom: bottomMargin, marginLeft: leftMargin, width: panelWidth })
				.prepend(topWrapper)
				.append(bottomWrapper)
				;
			$(this).trigger("curveDone");
		}
	});
	$(document).trigger("curveDone");
};

/* IE 6 render bug fix */
if ($.browser.msie && $.browser.version < 7) {
	$('.curvewrapper').live("curveDone", function(e) {
		var t = $(this);
		// let the current layout render, then tickle it.
		setTimeout(function() { 
			t.css({padding: 1});
			setTimeout(function() {
				t.css({padding: 0});
			}, 1); 
		}, 1);
		e.stopPropagation();
		return false;
	});
}