function escala_contenedor(nueva_escala, vieja_escala, escala)	{
	return nueva_escala / vieja_escala * escala;
}

function escala_coord(coord, viejo_contenedor, nuevo_contenedor)	{
	if (coord == 0) return 0;
	else return coord / viejo_contenedor * nuevo_contenedor;
}

function escalarImagen(
	color_fondo,
	url,
	ancho_contenedor,
	alto_contenedor,
	ancho_imagen,
	alto_imagen,
	posX_imagen,
	posY_imagen,
	ancho_nuevo_contenedor,
	alto_nuevo_contenedor)	{
// nuevos valores
//var nuevo_ancho_imagen = ancho_nuevo_contenedor / ancho_contenedor * ancho_imagen;
var nuevo_ancho_imagen = escala_contenedor(ancho_nuevo_contenedor, ancho_contenedor, ancho_imagen);

//var nuevo_alto_imagen = alto_nuevo_contenedor / alto_contenedor * alto_imagen;
var nuevo_alto_imagen = escala_contenedor(alto_nuevo_contenedor, alto_contenedor, alto_imagen);

//var nuevo_posX = (posX_imagen == 0) ? 0 : posX_imagen / ancho_contenedor * ancho_nuevo_contenedor;
var nuevo_posX = escala_coord(posX_imagen, ancho_contenedor, ancho_nuevo_contenedor);

//var nuevo_posY = (posX_imagen == 0) ? 0 : posY_imagen / alto_contenedor * alto_nuevo_contenedor;
var nuevo_posY = escala_coord(posY_imagen, alto_contenedor, alto_nuevo_contenedor);

var escala = "<div style='position:relative;overflow:hidden;background-color:" + color_fondo;
	escala += ";width:" + ancho_nuevo_contenedor;
	escala += ";height:" + alto_nuevo_contenedor;
	escala += ";'><div id=miniedit style='position:absolute;top:" + nuevo_posY;
	escala += ";left:" + nuevo_posX;
	escala += ";width:" + nuevo_ancho_imagen;
	escala += ";height:" + nuevo_alto_imagen
	escala += ";' ><img src='" + url;
	escala += "' style='width:100%;height:100%;' \></div></div>";

	return escala;
}

function escala_size_texto(nuevo_ancho, viejo_ancho, size)	{
	return nuevo_ancho / viejo_ancho * size;
}

function escalarTexto(size_texto, color, face,
	color_fondo,
	texto,
	ancho_contenedor,
	alto_contenedor,
	ancho_texto,
	alto_texto,
	posX_texto,
	posY_texto,
	alinea,
	anchotxt,
	inclitxt,
	ancho_nuevo_contenedor,
	alto_nuevo_contenedor)	{
// nuevos valores
//var nuevo_size_texto = ancho_nuevo_contenedor / ancho_contenedor * size_texto;
var nuevo_size_texto = escala_size_texto(ancho_nuevo_contenedor, ancho_contenedor, size_texto);

//var nuevo_ancho_texto = ancho_nuevo_contenedor / ancho_contenedor * ancho_texto;
var nuevo_ancho_texto = escala_contenedor(ancho_nuevo_contenedor, ancho_contenedor, ancho_texto);

//var nuevo_alto_texto = alto_nuevo_contenedor / alto_contenedor * alto_texto;
var nuevo_alto_texto = escala_contenedor(alto_nuevo_contenedor, alto_contenedor, alto_texto);


//var nuevo_posX = (posX_texto == 0) ? 0 : posX_texto / ancho_contenedor * ancho_nuevo_contenedor;
var nuevo_posX = escala_coord(posX_texto, ancho_contenedor, ancho_nuevo_contenedor);

//var nuevo_posY = (posY_texto == 0) ? 0 : posY_texto / alto_contenedor * alto_nuevo_contenedor;
var nuevo_posY = escala_coord(posY_texto, alto_contenedor, alto_nuevo_contenedor);

var escala = "<div style='position:relative;overflow:hidden;background-color:" + color_fondo;
	escala += ";width:" + ancho_nuevo_contenedor;
	escala += ";height:" + alto_nuevo_contenedor;
	escala += ";'><div id=miniedit style='position:absolute;top:" + nuevo_posY;
	escala += ";left:" + nuevo_posX;
	escala += ";width:" + nuevo_ancho_texto;
	escala += ";height:" + nuevo_alto_texto;
	escala += ";font-size:" + nuevo_size_texto;
	escala += ";font-family:" + face;
	escala += ";font-weight:" + anchotxt;
	escala += ";font-style:" + inclitxt;
	escala += ";text-align:" + alinea;
	escala += ";color:" + color;
	escala += "' >"; 
	escala += texto;
	escala += "</div></div>";
	return escala;
}