/**
 * @author Administrador
 */
var navegador;

if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
else navegador = 1;
var iepos;
var mouseY=0;
var offsetY=0;
var boton;
var barra;
var info;
var pos;
var posFin;
var posIni;
var arrastrar = false;
document.onmousemove = function (e)
{
	var evento = window.event || e;
	if (arrastrar) 
	{
		mouseY = evento.clientY;
		pos = mouseY - offsetY;
		
		if(pos > posFin)
		pos = posFin;
		
		if(pos < posIni)
		pos = posIni;
		
		boton.style.top = pos+"px";
		if(navegador)
		info.style.top = -((info.offsetHeight / (barra.offsetHeight + boton.offsetHeight-25)) * (pos - barra.offsetTop))+"px";
		
		else
		info.style.top = -((info.scrollHeight / (350 + 18)-25) * (pos - barra.offsetTop))+"px";
	}
}

document.onmousedown = function (e)
 {
 	var evento = window.event || e;
	if(boton != (evento.srcElement || evento.target))
	boton = evento.srcElement || evento.target;

	if (boton.title == "boton") 
	{
		barra = boton.parentNode;
		var nodos = barra.parentNode.childNodes;
		for(var i = 0; i < nodos.length; i++)
		{
			if(nodos[i].title == "info")
			{
				info = nodos[i]
				break;
			}
		}
		
		if(!boton.style.top)
			boton.style.top = barra.offsetTop+"px";
		
		if(navegador)
		{
			posIni = barra.offsetTop;
			posFin = barra.offsetHeight + barra.offsetTop - boton.offsetHeight;
		}
		else
		{
			posIni = barra.offsetTop;
			posFin = 350 - 18;
		}
		//alert(posFin);
		arrastrar = true;

		var posN = boton.style.top.split("px");
		offsetY = evento.clientY - posN[0];
		
		document.onselectstart = function() { return false;}
		return false;
	}
	else boton = 0;
 }
 
document.onmouseup =  function (e)
 {
	arrastrar = false;
	info = null;
	document.onselectstart = null;
 }