var stop = false;
 var inp  = false;
 var foox;
 var fooy;
 var gesx;
 var gesy;
 Event.observe('foo','click', function(event) {
 		if (stop == false) {
 			stop=true;
 			$('fk').style.top='60';
 			$('fk').style.left='120';
  			$('foo').className='pass';
			$('bar').className='act';
			new Draggable('fk');
 			Element.show('fk');
			Effect.Fade('tipp');
  	    } else {
  	    	stop=false;	
 			$('bar').className='pass';
			$('foo').className='act';
 		}
		    
 		});
 Event.observe('bar','click', function(event) {
 		if (inp==false) {
 			var barx = Event.pointerX(event) - 265;	
			var bary = Event.pointerY(event)  ;
			var header;
			Effect.Pulsate('fk');
			header = $('ihead');
 			gesx = foox + barx;
 			gesy = fooy + bary;
 			header.innerHTML=' Datenerfassung für ' + gesx +'/'+ gesy;
 			Effect.SlideDown('inp');
 			new Draggable('inp');
 			inp = true;
 		}	
 });
 Event.observe('abbruch','click', function(event) {
 		inp=false;
 		Element.hide('fk');
 		stop=false;
 		Effect.Fade('inp');	
 });

Event.observe('save','click', function(event) {
	new Ajax.Updater('debug', './ajaxer.php', {
				onLoading:function(request) {
				//	Effect.Fade('bar');
					Effect.SlideUp('inp');
					Element.hide('fk');
					inp=false;
					stop=false;
 					$('bar').className='pass';
					$('foo').className='act';

 				},
				onComplete:function(request) {
					Element.show('anzeiger');
					Element.show('tipp');
					
				},
				parameters:
					'name=' + encodeURIComponent($F('name')) +
					'&lat=' + $F('lat')	+
					'&long=' + $F('long') +
					'&x=' + gesx + '&y=' + gesy, 
				evalScripts:true, 
				asynchronous:true
			});
})

 Event.observe('foo','mousemove', function(event) {
  				var x = Event.pointerX(event);
  				var y = Event.pointerY(event);	
  			//	Element.show('anzeiger');
			//	Element.show('tipp');
				//  links ist aktiv (Grobraster)
				if (stop==false) {
					foox = 20*x;
					fooy = 20*y;
					x = -20*x +125;
					y = -20*y +82;
					$('bar').style.backgroundPosition = x + ' ' + y;
					Element.show('anzeiger');
					$('anzeiger').innerHTML=foox + '<br> '+fooy;
  				
  				}
});
 Event.observe('bar','mousemove', function(event) {
 				if (stop == false) return null;
  				var barx = Event.pointerX(event)-265
  				var bary = Event.pointerY(event);
  				var x = barx + foox;
  				var y = bary + fooy;
				if (bary<180 && bary>0 && barx>0 &&barx<250 && !inp){
					$('fk').style.top  = bary-36;
 					$('fk').style.left = barx-36;
 				}
				$('anzeiger').innerHTML= x + '<br>' + y;
 });