// ---
// Copyright (c) 2010 Francesco Cottone, http://www.kesiev.com/
// ---

	var iphopad={
		_buttonsize:50,
		_buttonsize2:100,
		_buttonsize3:150,
		_gapx:0,
		_gapy:0,
		_width:0,
		_height:0,
		_center:{},
		_cross:{up:false,down:false,left:false,right:false},
		_buttons:{a:false,b:false,c:false},
		_transl:(Math.PI*0.125),
		_brad:(Math.PI*0.25),
		_positions:[
			{up:false,down:false,left:false,right:true},
			{up:false,down:true,left:false,right:true},
			{up:false,down:true,left:false,right:false},
			{up:false,down:true,left:true,right:false},
			{up:false,down:false,left:true,right:false},
			{up:true,down:false,left:true,right:false},
			{up:true,down:false,left:false,right:false},
			{up:true,down:false,left:false,right:true}
		],
		_swap:false,
		_listen:function(e) {
			var nc={up:false,down:false,left:false,right:false};
			var nb={a:false,b:false,c:false};
			for (var i=0;i<e.touches.length;i++) {
				rp={x:e.touches[i].pageX-iphopad._gapx,y:e.touches[i].pageY-iphopad._gapy};
				if (rp.x<iphopad._height)
					nc=iphopad._positions[Math.floor(trigo.getAngle(iphopad._center,rp,iphopad._transl)/iphopad._brad)];
				else if (rp.x>iphopad._width-iphopad._buttonsize)
						nb.a=true;
					else if (rp.x>iphopad._width-iphopad._buttonsize2)
						nb.b=true;
					else if (rp.x>iphopad._width-iphopad._buttonsize3)
						nb.c=true;
				
			}
			this._swap=!this._swap;
			for (var i in this._cross) {
				if (nc[i]!=iphopad._cross[i])
					if (nc[i]) gbox._keydown({fake:true,keyCode:gbox._keymap[i]});
					else gbox._keyup({fake:true,keyCode:gbox._keymap[i]});
			}
			for (var i in this._buttons) {
				if (nb[i]!=iphopad._buttons[i])
					if (nb[i]) gbox._keydown({fake:true,keyCode:gbox._keymap[i]});
					else gbox._keyup({fake:true,keyCode:gbox._keymap[i]});
			}
			
			iphopad._cross=nc;
			iphopad._buttons=nb;
		},
		_fakelisten:function(e) {
			iphopad._listen({
				touches:[
					{
						pageX:e.clientX,
						pageY:e.clientY
					}
				]
			});
		},
		getDeviceConfig:function() {
			if (navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/Android/i))
				return {touch:true,width:320};			
			else if (navigator.userAgent.match(/iPad/i))
				return {touch:true,width:768};
			else
				return {zoom:2};
		},
		initialize:function(data) {
			var oElement=document.createElement("div");
			oElement.style.margin="auto";
			oElement.style.padding="0px";
			oElement.style.height=data.h+"px";
			oElement.style.width="100%";
			oElement.style.backgroundImage="url("+data.bg+")";
			oElement.style.backgroundRepeat="repeat-x";
			
			var tpad=document.createElement("div");
			tpad.style.cssFloat="left";
			tpad.style.padding="0px";
			tpad.style.margin="0px";
			tpad.style.height=data.h+"px";
			tpad.style.width=data.h+"px";
			tpad.style.backgroundImage="url("+data.dpad+")";
			tpad.style.backgroundRepeat="no-repeat";

			var bpad=document.createElement("div");
			bpad.style.cssFloat="right";
			bpad.style.padding="0px";
			bpad.style.margin="0px";
			bpad.style.height=data.h+"px";
			bpad.style.width=iphopad._buttonsize3+"px";
			bpad.style.backgroundImage="url("+data.buttons+")";
			bpad.style.backgroundRepeat="no-repeat";
			
			oElement.appendChild(tpad);
			oElement.appendChild(bpad);
			gbox._box.appendChild(oElement);

			oElement.ontouchstart=function(evt) { evt.preventDefault();evt.stopPropagation(); iphopad._listen(evt) };
			oElement.ontouchend=function(evt) { evt.preventDefault();evt.stopPropagation();iphopad._listen(evt) };
			oElement.ontouchmove=function(evt) { evt.preventDefault();evt.stopPropagation();iphopad._listen(evt) };
			//oElement.onmousemove=function(evt) { iphopad._fakelisten(evt) };
			var sizes=gbox._domgetabsposition(oElement);
			this._gapx=sizes.x;
			this._gapy=sizes.y;
			this._width=sizes.w;
			this._height=sizes.h;
			this._center={x:Math.floor(this._height/2),y:Math.floor(this._height/2)};			
		}
		
	}