$(function(){
	
	// Создаем рамку вокруг элемента. Пример: <div ramka="/img/ramka1.png" r="20"></div>
	$('[ramka]').each(function(){
		$(this).find('[ramka]').each(function(){ // рамка в рамке
			var html = $('<div>').append($(this).clone()).remove().html();
			var ramka = getRamka($(this));
			$(this).replaceWith(ramka[0] + html + ramka[1]);
		});
		var html = $('<div>').append($(this).clone()).remove().html();
		var ramka = getRamka($(this));
		$(this).replaceWith(ramka[0] + html + ramka[1]);
	});
	
});

// РАМКА (СКРУГЛЕННЫЕ УГЛЫ) ВОКРУГ ЭЛЕМЕНТА
function getRamka(obj) // путь к картинке рамки, толщина рамки, радиус рамки
{
	var url = obj.attr('ramka');
	var r = obj.attr('r') || 10;
	var dot = '/inc/advanced/ramka/dot.php';
	var height100 = obj.hasClass('height100') ? 'class="height100"' : '';
	var ramka = new Array(2);
	ramka[0]  = '<table '+height100+'>';
	ramka[0] += 	'<tr>';
	ramka[0] += 		'<td style="font-size:0; background:url('+url+') top left"><img src="/img/none.gif" width="'+r+'" height="'+r+'"></td>';
	ramka[0] += 		'<td style="font-size:0; background:url('+dot+'?src='+url+'&r='+r+'&line=1) top repeat-x" width="100%">&nbsp;</td>';
	ramka[0] += 		'<td style="font-size:0; background:url('+url+') top right"><img src="/img/none.gif" width="'+r+'" height="'+r+'"></td>';
	ramka[0] += 	'</tr>';
	ramka[0] += 	'<tr>';
	ramka[0] += 		'<td style="background:url('+dot+'?src='+url+'&r='+r+'&line=4) left repeat-y"></td>';
	ramka[0] += 		'<td>';
	ramka[1]  = 		'</td>';
	ramka[1] += 		'<td style="background:url('+dot+'?src='+url+'&r='+r+'&line=2) right repeat-y"></td>';
	ramka[1] += 	'</tr>';
	ramka[1] += 	'<tr>';
	ramka[1] += 		'<td style="font-size:0; background:url('+url+') bottom left"><img src="/img/none.gif" width="'+r+'" height="'+r+'"></td>';
	ramka[1] += 		'<td style="font-size:0; background:url('+dot+'?src='+url+'&r='+r+'&line=3) bottom repeat-x">&nbsp;</td>';
	ramka[1] += 		'<td style="font-size:0; background:url('+url+') bottom right"><img src="/img/none.gif" width="'+r+'" height="'+r+'"></td>';
	ramka[1] += 	'</tr>';
	ramka[1] += '</table>';
	return ramka;
}