//Este FX solo sirve cuando al anchura cambia de forma automática. Es decir cuando le damos achura proporcional y su contenedor varía al hacer resize.
/*
<div class="objeto_escala_altura_class fade_in_alpha_css" style=" position:relative; background-color:#C00; display:block;background-image:url(http://localhost/sitios/render.com.es/w-archivos-db/imagen/c_noticias_redaccion/25_1.png); background-size:cover; background-repeat:no-repeat; height:200px; width:100%;">
	Hola
</div>
*/






function function_escala_objeto_proporcional(){
	//alert ('Funcion function_escala_objeto_proporcional');
	var anchura_actual_principal_numerico=new Number(document.getElementById('principal_id').offsetWidth);
	if(anchura_actual_principal_numerico>achura_minima_escalador_inicial && achura_maxima_escalador_inicial>anchura_actual_principal_numerico){
		//alert (document.getElementsByClassName('objeto_escala_altura_class').length);
		//alert (anchura_actual_principal_numerico);
        for(contador_objeto_escala_altura_class=0;contador_objeto_escala_altura_class<document.getElementsByClassName('objeto_escala_altura_class').length;contador_objeto_escala_altura_class++){
			var nuevo_alto_objeto_proporcional=document.getElementsByClassName('objeto_escala_altura_class')[contador_objeto_escala_altura_class].offsetWidth*memo_proporcion_objetos_escala_proporcional_class[contador_objeto_escala_altura_class];
			//alert (nuevo_alto_objeto_proporcional);
			document.getElementsByClassName('objeto_escala_altura_class')[contador_objeto_escala_altura_class].style.height=nuevo_alto_objeto_proporcional+'px'
			//alert (nuevo_alto_objeto_proporcional);
		}
		//Esto es una excepcion por la cabecera fixed
	}
    
 }

var achura_escalador_inicial=new Number(1300);
var achura_minima_escalador_inicial=new Number(100);
var achura_maxima_escalador_inicial=new Number(4000);

var anchura_previa_body=new Number();
var style_width_previa_body=new String();
var anchura_previa_capsule_body=new Number();
var anchura_previa_principal=new Number();

var memo_ancho_objetos_escala_proporcional_class=new Array();
var memo_alto_objetos_escala_proporcional_class=new Array();
var memo_proporcion_objetos_escala_proporcional_class=new Array();
window.addEventListener("load", function(){
	
    //LEEMOS ANCHURA PREVIA
    //Antes de forzar la anchura memorizamos la anchura natural del diseño
    anchura_previa_body=document.getElementById('body_id').offsetWidth;
    style_width_previa_body=document.getElementById('body_id').style.width;
    //alert ('Anchura previa body_id:'+anchura_previa_body);
    if(document.getElementById('capsule_body_id')!=null){
        anchura_previa_capsule_body=document.getElementById('capsule_body_id').offsetWidth;
        //alert ('Anchura previa capsule_body_id:'+anchura_previa_capsule_body);
    }
    
    
    //FORZAR MEDIDAS
	//Ponemos las medidas del diseño inicial y se la damos a principal_id para que momentaneamente memorice los tamaños iniciales. Justo al final volvemos a colocar lo a 100% y cargamos el escalador.
	document.getElementById('body_id').style.width=achura_escalador_inicial+'px';
    //alert ('Anchura diseño inicial body_id:'+document.getElementById('body_id').style.width);
	if(document.getElementById('capsule_body_id')!=null){
        document.getElementById('capsule_body_id').style.width=achura_escalador_inicial+'px';
        //alert ('Anchura diseño inicial capsule_body_id:'+document.getElementById('capsule_body_id').style.width);
    }
	
    
    
    
	
	//MEMO ACHURA Y ALTURA DE objeto_escala_altura_class
	//Memorizamos la anchura y altura de todos los objetos
	for(contador_objeto_escala_altura_class=0;contador_objeto_escala_altura_class<document.getElementsByClassName('objeto_escala_altura_class').length;contador_objeto_escala_altura_class++){
		memo_ancho_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]=(document.getElementsByClassName('objeto_escala_altura_class')[contador_objeto_escala_altura_class].offsetWidth);
		memo_alto_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]=(document.getElementsByClassName('objeto_escala_altura_class')[contador_objeto_escala_altura_class].offsetHeight);
		memo_proporcion_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]=memo_alto_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]/memo_ancho_objetos_escala_proporcional_class[contador_objeto_escala_altura_class];
		//alert (memo_ancho_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]+" "+memo_alto_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]+" "+memo_proporcion_objetos_escala_proporcional_class[contador_objeto_escala_altura_class]);
	}
    
    
    //VOLVEMOS A ACHURA PREVIA
    //Volvemos a los valores inciales
    //Tenemos que ver de que manera lo solucionamos.
    //document.getElementById('body_id').style.width=anchura_previa_body+'px';
    document.getElementById('body_id').style.width=style_width_previa_body;
    
    //alert (document.getElementById('body_id').style.width);
	if(document.getElementById('capsule_body_id')!=null){
    	document.getElementById('capsule_body_id').style.width=anchura_previa_body+'px';
    }
  
    
	function_escala_objeto_proporcional();
	
});

	window.addEventListener("resize", function_escala_objeto_proporcional);