// JavaScript Document

/**************************************************************************
**  function centrarWeb()                                                **
** Centra horizontalmente el cuerpo del site                             **
**************************************************************************/
function centrarYMostrarWeb(){
	document.getElementById('contenedor_principal').style.display = 'block';
	
	var totalWidth = document.body.offsetWidth;
	var webWidth = document.getElementById('contenedor_principal').offsetWidth;
	
	var marginLeft = (totalWidth - webWidth)/2;
	
	document.getElementById('contenedor_principal').style.marginLeft = marginLeft + 'px';
}

/**************************************************************************
**  function centrarYMostrarPopUp(id)                                    **
** Centra horizontalmente un popup                                       **
**************************************************************************/
function centrarYMostrarPopUp(id){
	document.getElementById(id).style.display = 'block';
	
	var totalWidth = document.body.offsetWidth;
	var popupWidth = document.getElementById(id).offsetWidth;
	
	var marginLeft = (totalWidth - popupWidth)/2;
	
	document.getElementById(id).style.marginLeft = marginLeft + 'px';
	document.getElementById(id).style.display = 'none';
	jQuery("#popup_behind").fadeIn("slow");
    jQuery("#"+id).fadeIn("slow");
}

/**************************************************************************
**  function centrarLogos()                                              **
** Centra verticalmente los logos de las marcas                        **
**************************************************************************/
function centrarLogos(){
	jQuery('.marca_box').each(function(index, element) {
		var id_marca_box = element.id;
        var id_marca = id_marca_box.split('marca_box_');
		id_logo = 'logo_' + id_marca[1];
		
		var marcaBoxHeight = document.getElementById(id_marca_box).offsetHeight;
		var logoHeight = document.getElementById(id_logo).offsetHeight;
	
		var marginTop = (marcaBoxHeight - logoHeight)/2;
	
		document.getElementById(id_logo).style.marginTop = marginTop + 'px';
		
    });	
}
/**************************************************************************
**  function redimensionarCajaProductos()                                              **
**************************************************************************/
function redimensionarCajaProductos(){
	var alturaMenus = document.getElementById('menu_izda_productos').offsetHeight;
	var alturaCajaProductos = document.getElementById('caja_productos_cuerpo').offsetHeight;
	
	if((alturaCajaProductos + 41) < alturaMenus){
		document.getElementById('caja_productos_cuerpo').style.height = (alturaMenus - 41) + 'px';
		document.getElementById('productos_container').style.height = (alturaMenus - 41) + 'px';
	}
}