// Retorna un cuadro de dialogo o frame estilizado en base a un dialogo enviado
function toDialog(innerContent, widthPx, heightPx, divId, title)
{
	newWidth = parseInt(widthPx) - 30;
	
	newHeight = parseInt(heightPx) - 30;
	
	titleDiv = "";
	
	if(title != "")
	{
		titleDiv = "<div class='titleDialog'> <div class='titleLeft'></div>  <div class='titleCenter'>" + title + "</div>  <div class='titleRight'></div> </div>";
	}
	
	newDiv = "<div class='dialogBox' id='" + divId + "' style='width:" + widthPx + "px; height:" + heightPx + "px; margin-top:20px; margin-bottom:20px;'> \n " +
			 "	<div class='tlDialog'></div> <div class='topDialog' style='width:" + newWidth + "px;'>  " + titleDiv +"  </div> <div class='trDialog'></div> \n " +
			 "	<div class='lineJump'></div> \n " +
			 "	<div class='leftDialog' style='height:" + newHeight + "px;'></div> \n " +
			 "	<div class='Dialog' style='height:" + newHeight + "px; width:" + newWidth + "px;'> \n " + innerContent + " \n</div> \n" +
			 "	<div class='rightDialog' style='height:" + newHeight + "px;'></div> \n " +
			 "	<div class='lineJump'></div> \n " +
			 "	<div class='blDialog'></div> <div class='bottomDialog' style='width:" + newWidth + "px;'></div> <div class='brDialog'></div> \n " +
			 "</div>";
	return newDiv;
}
