function mostrar_opc(id_tabla)
{
	jQuery(".tabla_precios").css('display','none');
	jQuery("#"+id_tabla).css('display','block');

	jQuery(".tipo_on").addClass('tipo_off');
	jQuery(".tipo_on").removeClass('tipo_on');

	jQuery("#enlace_"+id_tabla).addClass('tipo_on');
	jQuery("#enlace_"+id_tabla).removeClass('tipo_off');
}

function getPositionY (element) 
{ 
	var positionY = 0; 
	while (element != null) 
	{ 
		positionY += element.offsetTop; 
		element = element.offsetParent; 
	} 
	return positionY; 
} 

function getPositionX (element) 
{ 
	var positionX = 0; 
	while (element != null) 
	{ 
		positionX += element.offsetLeft; 
		element = element.offsetParent; 
	} 
	return positionX; 
} 

function mostrarDetalle(datos, capa, sentido)
{						
	document.getElementById('descripcion').innerHTML = datos;
	document.getElementById('descripcion').style.display = 'block';	
	
	document.getElementById('descripcion').style.top = parseFloat(getPositionY(capa)-100) + 'px';

	if	(sentido == 'd')
		document.getElementById('descripcion').style.left = parseFloat(getPositionX(capa) + 100) + 'px'
	else
		document.getElementById('descripcion').style.left = parseFloat(getPositionX(capa) - 310) + 'px';
}

function mostrarDetalle2(datos, capa, sentido)
{						
	document.getElementById('descripcion').innerHTML = datos;
	document.getElementById('descripcion').style.display = 'block';	
	
	document.getElementById('descripcion').style.top = parseFloat(getPositionY(capa)-50) + 'px';

	if	(sentido == 'd')
		document.getElementById('descripcion').style.left = parseFloat(getPositionX(capa) + 50) + 'px'
	else
		document.getElementById('descripcion').style.left = parseFloat(getPositionX(capa) - 310) + 'px';
}

function ocultarDetalle()
{
	document.getElementById('descripcion').style.display = 'none';
	document.getElementById('descripcion').innerHTML = '';
}
