$(document).ready(function(){
	$('.show_popup').click(function(){
		var params = $(this).attr('rel').split(":");
		var id = params[0];
		var width = (params.length > 1) ? params[1] : 500;
		var height = (params.length > 2) ? params[2] : 500;
		
		var structure = $('<div class="dom_window"><div class="border_top2"><div class="left"></div><div class="right"></div><div class="center"></div></div><div class="window2"><div class="bg_left"><div class="top_left"><div class="bottom_left"><div class="bg_right"><div class="top_right"><div class="bottom_right"><div class="top_center"><div class="bottom_center"><div align="justify" class="content"><div class="clear"></div><div class="close_dom_window">Закрыть</div><div class="clear"></div></div></div></div></div></div></div></div></div></div></div><div class="clear"></div><div class="border_bottom2"><div class="left"></div><div class="right"></div><div class="center"></div></div></div>');
		$.getJSON('http://heroesofnewerth.ru/api/get_raw_article/'+id+'/=?', function(data){
			$(structure).find('.bottom_center > .content').prepend(data.text);
			$(structure).find('.bottom_center > .content').prepend($('<h1>'+data.title+'</h1>'));
			$(structure).find('.close_dom_window').closeDOMWindow({eventType:'click'}); 
			$('#popup_window').html(structure);

			$.openDOMWindow({  
				width:width,
				height:height,
				windowSourceID:'#popup_window',
				windowBGColor:'transparent',
				modal:true,
				overlayOpacity:'50'
			});
		});
		return false;
	});
	
	$(".close_dom_window").closeDOMWindow({eventType:'click'}); 
});