// 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);
	//addEvent(nave,"mouseup",pararMoure,true);
  //onmouseup="pararMoure(event)"	
}
function pararMoure(e){
  estat_execucio = 0;
  rmEvent(document,"mousemove",moviment,true);
  //rmEvent(nave,"mouseover",mourePunter,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;
	}
	
	posx = posx-338;
	
	nave = document.getElementById('nave');
	xnave = nave.offsetWidth;
	
	
	navex = nave.offsetLeft;
	posx = posx - navex;
	
	
	punter = document.getElementById('punter');
	
	pos_punter = posx;
	
	
	xaux = xnave-10;
	if(posx<0) pos_punter = 0;
  if(posx>xaux) pos_punter = xnave-10;
  
  punter.style.left = pos_punter+'px';
	
	
	mou = document.getElementById('mou');
	xmou  = mou.offsetWidth;
	
	
	dif = posx / xnave;
	dif = (xmou-xnave+10) * dif;
	
	dif = Math.ceil(dif);
	mou.style.left = "-"+dif+"px"; 
}

function getAmplePagina(){
	var ample=0;
	if (window.innerWidth){
	   //navegadores basados en mozilla
	   ample = window.innerWidth;
	   ample = parseInt(ample) - 22;
	}else{
	   if (document.body.clientWidth){
	      //Navegadores basados en IExplorer, es que no tengo innerheight
	       ample = document.body.clientWidth;
	   }else{
	       //otros navegadores
	       ample = 478;
	   }
	}
	return ample;
}