var browser = navigator.userAgent;
$(document).ready(function(){
	$('#bola_arranca').easydrag();	
});	
	

function move(maximo){	
	if( document.getElementById )
	{
		 window.onscroll = function(){
		 obj = document.getElementById('bola_arranca');
			 if((browser.lastIndexOf("Safari") != -1)		 
				||(browser.lastIndexOf("Opera") != -1 )){
					var top = 150;
					}else{
					var top = 150;		
			 }
		 
			 var moveTop = ((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop);
		
			//Si el maximo es 500 por ejemplo, no funcionaría el movimiento ya que se saldría del contenedor
			 if(moveTop < maximo)
			 {		
				 obj.style.top = moveTop + top + 'px';
			 }		
		}
	}
}