$(document).ready(function() {
	roundbox_init();
});

function roundbox_init() {
	$("div[name^='roundbox']").each(create_roundboxes);
}

function create_roundboxes(i) {
									
									
		var content = $(document.createElement('div'));
		var current = $(this);
				
		content.append(current.contents().clone(true));
		current.empty();
		
		//obter classes e limpar
		var classe = current.attr("name");
		content.addClass(classe);
				
		var rtop = $(document.createElement('b'));		
		rtop.addClass('rtop');
		rtop.addClass("background");
		
		var rbottom = $(document.createElement('b'));		
		rbottom.addClass('rbottom');
		rbottom.addClass("background");
		
		var r1 = $(document.createElement('b'));
		r1.addClass("r1");
		r1.addClass(classe);
		var r2 = $(document.createElement('b'));
		r2.addClass("r2");
		r2.addClass(classe);
		var r3 = $(document.createElement('b'));
		r3.addClass("r3");
		r3.addClass(classe);
		var r4 = $(document.createElement('b'));
		r4.addClass("r4");
		r4.addClass(classe);
			
		rtop.append(r1);
		rtop.append(r2);
		rtop.append(r3);
		rtop.append(r4);
		
		rbottom.append(r4.clone(true));
		rbottom.append(r3.clone(true));
		rbottom.append(r2.clone(true));
		rbottom.append(r1.clone(true));
		
		content.find("div[name^='roundbox']").each(create_roundboxes);
						 
		current.append(rtop);
		current.append(content);
		current.append(rbottom);
	}