
function carga()
{	
	posicion=0; elMovimiento=null;
	
	// IE
	if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
	// Otros	
	else navegador=1;
}

function evitaEventos(event)
{
	// Funcion que evita que se ejecuten eventos adicionales
	if(navegador==0)
	{
		window.event.cancelBubble=true;
		window.event.returnValue=false;
	}
	if(navegador==1) event.preventDefault();
}

function comienzoMovimiento(event, id)
{		
	elMovimiento=document.getElementById("divMapa");
		
	/* Si el elemento que se le hizo click es texto (nodeType=3) se toma como target
	el elemento padre */	
	if(elMovimiento.nodeType==3) elMovimiento=elMovimiento.parentNode;
	
	 // Obtengo la posicion del cursor
	if(navegador==0)
	 {
	 	cursorComienzoX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
		cursorComienzoY=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;

		document.attachEvent("onmousemove", enMovimiento);
		document.attachEvent("onmouseup", finMovimiento);
	}
	if(navegador==1)
	{    
		cursorComienzoX=event.clientX+window.scrollX;
		cursorComienzoY=event.clientY+window.scrollY;
		
		document.addEventListener("mousemove", enMovimiento, true); 
		document.addEventListener("mouseup", finMovimiento, true);
	}
	
	elComienzoX=parseInt(elMovimiento.style.left);
	elComienzoY=parseInt(elMovimiento.style.top);
	
	
	
	// Actualizo el posicion del elemento
	/*elMovimiento.style.zIndex=++posicion;*/

	evitaEventos(event);
}

function enMovimiento(event)
{  
	var xActual, yActual;
	///////////////////////////////////////////////////
	//             MODIFICAR ESTOOOO!!!!           ////
	///////////////////////////////////////////////////
	var divContenedor="divContenedor";
	///////////////////////////////////////////////////
  ///////////////////////////////////////////////////
 

	anchoCapa=parseInt(document.getElementById(divContenedor).style.width);
	altoCapa=parseInt(document.getElementById(divContenedor).style.height);

	elMovimientoDerecha=parseInt(elMovimiento.style.width);
	elMovimientoAbajo=parseInt(elMovimiento.style.height);

	if(navegador==0)
	{    
		xActual=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
		yActual=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
	}  
	if(navegador==1)
	{
		xActual=event.clientX+window.scrollX;
		yActual=event.clientY+window.scrollY;
	}


	if ((elComienzoX+xActual-cursorComienzoX<0)  && (elComienzoX+xActual-cursorComienzoX+elMovimientoDerecha>anchoCapa))
	{
		elMovimiento.style.left=(elComienzoX+xActual-cursorComienzoX)+"px";
	}

	if ((elComienzoY+yActual-cursorComienzoY<0) && (elComienzoY+yActual-cursorComienzoY+elMovimientoAbajo>altoCapa))
	{
		elMovimiento.style.top=(elComienzoY+yActual-cursorComienzoY)+"px";
	}

	evitaEventos(event);
	
	posicionPlanos();	
}

function finMovimiento(event)
{
	if(navegador==0)
	{    
		document.detachEvent("onmousemove", enMovimiento);
		document.detachEvent("onmouseup", finMovimiento);
	}
	if(navegador==1)
	{
		document.removeEventListener("mousemove", enMovimiento, true);
		document.removeEventListener("mouseup", finMovimiento, true); 
	}
}
