// JavaScript Document
function addEvent(elm, evType, fn, useCapture){
	if (elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture)
		return true
	} else if (elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn)
		return r
	} else {
		elm['on' + evType] = fn
	}
}
function rmEvent(elm, evType, fn, useCapture){
	if (elm.removeEventListener){
		elm.removeEventListener(evType, fn, useCapture);
		return true;
	} else if (elm.attachEvent) {
		var r = elm.detachEvent('on' + evType,fn);
		return r
	} else {
		elm['on' + evType] = fn;
	}
}

function controlup(e){
	if(estat_execucio == 1){
		pararMoure(e);		
	}	
}
function mourePunter(e){
	estat_execucio = 1;  
	addEvent(document,"mousemove",moviment,true);
}
function pararMoure(e){
  estat_execucio = 0;
  rmEvent(document,"mousemove",moviment,true);
}

function moviment(e){
	//Busquem posició del mouse
	if (e.pageX){
		posx = e.pageX;
	}else if (e.clientX) 	{
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
	}
	
	pos_left_pagina = document.getElementById('pagina').offsetLeft + 255 - 25;
	posx = posx-pos_left_pagina;
	
	nave = document.getElementById('nave');
	xnave = nave.offsetWidth;
	
	navex = nave.offsetLeft;
	posx = posx - navex;
	
	
	punter = document.getElementById('punter');

  pos_punter = posx;
    
  xfin = xnave - 20;
  if(posx<0) pos_punter = 0;
  if(posx>xfin) pos_punter = xfin;
  punter.style.left = pos_punter+'px';
  	
	mou = document.getElementById('mou');
	xmou  = mou.offsetWidth;
	
	dif = pos_punter / xfin;
	dif = (xmou-xfin) * dif;
	
	dif = Math.ceil(dif);
	mou.style.left = "-"+dif+"px"; 
}