// JavaScript Document

function obtener_alto(){
	var alto_menu = document.getElementById('menu').offsetHeight;//obtenemos el alto del div menu
	var alto = document.getElementById('pagina').offsetHeight;//obtenemos el alto del div pagina
	document.getElementById('menu').style.height = alto+"px"; // asignamos el alto al div menu
	var alto_banners = alto - alto_menu; //calculamos el alto que tendra el div banners


	if (alto_banners > 909){ //si el alto es más de la suma de 3 banners (2 para banners y uno para el pie)
		var espacio = alto_banners / 3; //dividimos el espacio en 3 partes iguales
		espacio = parseInt(espacio);	//le quitamos los decimales 
		var padding_img = espacio - 303; // obtenemos el padding de las imágenes
		var padding_a = espacio - 20; // obtenemos el padding del enlace
		document.getElementById("banners").innerHTML = '<div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/nuestros-distribuidores.html"><img src="http://www.diproject.com/img/banner_gr1.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/trabaja-con-nosotros.html"><img src="http://www.diproject.com/img/banner_gr2.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_a+'px"></div>';
	}
	if (alto_banners > 606 && alto_banners < 909){//si el alto es más de la suma de 2 banners (uno para banners y uno para el pie) y menos que 3
		var espacio = alto_banners / 2;//dividimos el espacio en 2 partes iguales
		espacio = parseInt(espacio);//le quitamos los decimales 
		var padding_img = espacio - 303; // obtenemos el padding de las imágenes
		var padding_a = espacio - 20; // obtenemos el padding del enlace
		document.getElementById("banners").innerHTML = '<div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/nuestros-distribuidores.html"><img src="http://www.diproject.com/img/banner_gr1.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_a+'px"></div>';
	}
	if (alto_banners > 400 && alto_banners < 606){//si el alto es más de la suma de 3 banners pequeños (2 para banners y uno para el pie) y menos que 2 grandes
		var espacio = alto_banners / 3;//dividimos el espacio en 3 partes iguales
		espacio = parseInt(espacio);//le quitamos los decimales 
		var padding_img = espacio - 70;	// obtenemos el padding de las imágenes
		var padding_a = espacio - 20;	// obtenemos el padding del enlace		
		document.getElementById("banners").innerHTML = '<div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/nuestros-distribuidores.html"><img src="http://www.diproject.com/img/banner1.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/trabaja-con-nosotros.html"><img src="http://www.diproject.com/img/banner2.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_a+'px"></div>';					
	}
	if (alto_banners > 200 && alto_banners < 400 ){//si el alto es más de la suma de 2 banners pequeños (1 para banners y uno para el pie) y menos que 3 pequeños
		var espacio = alto_banners / 2;//dividimos el espacio en 2 partes iguales
		espacio = parseInt(espacio);//le quitamos los decimales 
		var padding_img = espacio - 70;	// obtenemos el padding de las imágenes
		var padding_a = espacio - 20;	// obtenemos el padding del enlace			
		document.getElementById("banners").innerHTML = '<div style="float:left; display:block; padding-top:'+padding_img+'px"><a href="http://www.diproject.com/nuestros-distribuidores.html"><img src="http://www.diproject.com/img/banner1.jpg"  border="0"></a></div><div style="float:left; display:block; padding-top:'+padding_a+'px"></div>';			
	}		
	if (alto_banners < 200 ){//si el alto es más de la suma de 1 banners pequeños solo ponemos el enlace
		var espacio = alto_banners; // todo el espacio es para uno
		espacio = parseInt(espacio);//le quitamos los decimales 
		var padding_a = espacio - 20;	// obtenemos el padding del enlace			
		document.getElementById("banners").innerHTML = '<div style="float:left; display:block; padding-top:'+padding_a+'px"></div>';			
	}
	//document.getElementById('banners').style.paddingTop = alto_banners+"px"; //asignamos el alto al div banners
}