/* Copyright (c) 2005 Tim Taylor Consulting (see LICENSE.txt) */

/* FIXME: assumes position styles are specified in 'px' */

ToolMan._coordinatesFactory =
{
	create : function(x, y)
	{
		// FIXME: Safari won't parse 'throw' and aborts trying to do anything with this file
		//if (isNaN(x) || isNaN(y)) throw "invalid x,y: " + x + "," + y
		return new _ToolManCoordinate(this, x, y)
	},

	origin : function() {
		return this.create(0, 0)
	},

	/*
	 * FIXME: Safari 1.2, returns (0,0) on absolutely positioned elements
	 */
	topLeftPosition : function(element)
	{
		var left = parseInt(ToolMan.css().readStyle(element, "left"))
		var left = isNaN(left) ? 0 : left
		var top = parseInt(ToolMan.css().readStyle(element, "top"))
		var top = isNaN(top) ? 0 : top

		return this.create(left, top)
	},

	bottomRightPosition : function(element) 
	{
		return this.topLeftPosition(element).plus(this._size(element))
	},

	topLeftOffset : function(element)
	{
		var offset = this._offset(element) 

		var parent = element.offsetParent
		while (parent) {
			offset = offset.plus(this._offset(parent))
			parent = parent.offsetParent
		}
		return offset
	},

	bottomRightOffset : function(element) {
		return this.topLeftOffset(element).plus(
				this.create(element.offsetWidth, element.offsetHeight))
	},

	scrollOffset : function()
	{
		if (window.pageXOffset) 
		{
			return this.create(window.pageXOffset, window.pageYOffset)
		}
		else if (document.documentElement)
		{
			return this.create(
					document.body.scrollLeft + document.documentElement.scrollLeft, 
					document.body.scrollTop + document.documentElement.scrollTop)
		}
		else if (document.body.scrollLeft >= 0)
		{
			return this.create(document.body.scrollLeft, document.body.scrollTop)
		} 
		else
		{
			return this.create(0, 0)
		}
	},

	clientSize : function() {
		if (window.innerHeight >= 0) {
			return this.create(window.innerWidth, window.innerHeight)
		} else if (document.documentElement) {
			return this.create(document.documentElement.clientWidth,
					document.documentElement.clientHeight)
		} else if (document.body.clientHeight >= 0) {
			return this.create(document.body.clientWidth,
					document.body.clientHeight)
		} else {
			return this.create(0, 0)
		}
	},

	/**
	 * mouse coordinate relative to the window (technically the
	 * browser client area) i.e. the part showing your page
	 *
	 * NOTE: in Safari the coordinate is relative to the document
	 */
	mousePosition : function(event) 
	{
		event = ToolMan.events().fix(event)
		return this.create(event.clientX, event.clientY)
	},

	/**
	 * mouse coordinate relative to the document
	 */
	mouseOffset : function(event) 
	{
		event = ToolMan.events().fix(event)
		if (event.pageX >= 0 || event.pageX < 0)
		{
			return this.create(event.pageX, event.pageY)
		}
		else if (event.clientX >= 0 || event.clientX < 0) 
		{
			return this.mousePosition(event).plus(this.scrollOffset())
		}
	},

	_size : function(element)
	{
	/* TODO: move to a Dimension class */
		return this.create(element.offsetWidth, element.offsetHeight)
	},

	_offset : function(element) {
		return this.create(element.offsetLeft, element.offsetTop)
	}
}

function _ToolManCoordinate(factory, x, y)
{
	this.factory = factory
	this.x = isNaN(x) ? 0 : x
	this.y = isNaN(y) ? 0 : y
	
}

_ToolManCoordinate.prototype = 
{
	toString : function() 
	{
		return "(" + this.x + "," + this.y + ")"
	},

	plus : function(that)
	{
		
		return this.factory.create(this.x + that.x, this.y + that.y)
	},

	minus : function(that) 
	{
		return this.factory.create(this.x - that.x, this.y - that.y)
	},

	min : function(that) 
	{
		return this.factory.create(
				Math.min(this.x , that.x), Math.min(this.y , that.y))
	},

	max : function(that)
	{
		return this.factory.create(
				Math.max(this.x , that.x), Math.max(this.y , that.y))
	},

	constrainTo : function (one, two)
	{
		var min = one.min(two)
		var max = one.max(two)

		return this.max(min).min(max)
	},

	distance : function (that) {
		return Math.sqrt(Math.pow(this.x - that.x, 2) + Math.pow(this.y - that.y, 2))
	},

	reposition : function(element)
	{
		/* deplacement du crseur c'est ici qu'il faut que je place les limites hautes et basses pour bloquer le curseur*/
		var limiteD= -50;
		var limiteG=1100;
		var pas=-10; // variable qui descend le tableau de xx px
		var newY=-2;
		
		if(document.getElementById("refdrag").value==0)
		{	
			document.getElementById("tableauspectacles").style["top"] = 5+ "px";
		 document.getElementById("refdrag").value=1;
		}
		/*si le champ refdrag est a zeo c'est qu'on viens d'arriver sur la page
		je le passe a 1*/
// je modifie je deplace le curseur horizontalement
		if(this.x <= limiteD)
		{
			document.getElementById("refdrag").value =1;
			this.x=-50;
		}
		else if(this.x>limiteG)
		{
			document.getElementById("refdrag").value =2;// 2 pour indiquer qu'on est dans le bas
			this.x=1100;
		//document.getElementById("res1").innerHTML='';	
		//		

		}

		//je deplace le cuseur
		element.style["top"] = this.y + "px";
		element.style["left"] = this.x + "px";		
		if(document.getElementById("refdrag").value == 1)
		{
			newY=(5/2)*((parseInt(this.x) + parseInt(pas))*(-1));
			
			document.getElementById("tableauspectacles").style.top = newY + "px";
		//je recalcul le y du tableau
		}
		else if(document.getElementById("refdrag").value == 2)
		{
			element.style["left"] = limiteD + "px";// je remonte le curseur
			document.getElementById("refdrag").value = 0; // je repasse le champ a 0
			//je recalcul y du tableau
			newY=(5/2)*((parseInt(this.x) + parseInt(pas))*(-1));			
			document.getElementById("tableauspectacles").style.top= newY + "px";
			
		}
		//j'affiche le mode d'emploi du poulain
		if(newY>=30 || !newY)
		{
			document.getElementById("res1").style.display='block';
			document.getElementById("res1").innerHTML=' Deplacer le poulain pour faire defiler le texte ' ;	
		}
		else
		{
			document.getElementById("res1").style.display='none';
			document.getElementById("res1").innerHTML='';	
		}
		
//document.getElementById("res1").innerHTML=' y du tab  '+ newY;
	}
}