var baseurl = 'http://bockwoldt.webmasterei.com/img/antriebsmap.php?bf=';
var mliste = new Array('http://www.sido-elektromotoren.de/de/bilder/abbildungen/getriebe/stirnradgetriebemotor_R.gif',
	'http://www.sido-elektromotoren.de/de/bilder/abbildungen/getriebe/stirnradgetriebemotor_RX.gif',
	'http://www.sido-elektromotoren.de/de/bilder/abbildungen/getriebe/flachgetriebemotor_F.gif',
	'http://www.sido-elektromotoren.de/de/bilder/abbildungen/getriebe/movimot.gif',
	'http://www.sido-elektromotoren.de/de/bilder/abbildungen/getriebe/reibscheiben-Verstell.gif')
var zeiger = 0;
var val;
p = new Image(630,390);p.src=baseurl+'0';
p0 = new Image(630,390);p0.src=baseurl+'0.82';
p1 = new Image(630,390);p1.src=baseurl+'1';
p2 = new Image(630,390);p2.src=baseurl+'1.2';
p3 = new Image(630,390);p3.src=baseurl+'1.5';
p4 = new Image(630,390);p4.src=baseurl+'1.8';
p5 = new Image(630,390);p5.src=baseurl+'2.2';
p6 = new Image(630,390);p6.src=baseurl+'2.7';
p7 = new Image(630,390);p7.src=baseurl+'3';
p8 = new Image(630,390);p8.src=baseurl+'3.3';
p9 = new Image(630,390);p9.src=baseurl+'3.9';
p10 = new Image(630,390);p10.src=baseurl+'4.7';
p11 = new Image(630,390);p11.src=baseurl+'5.6';
p12 = new Image(630,390);p12.src=baseurl+'6.8';
p13 = new Image(630,390);p13.src=baseurl+'7.2';
 
var ring = $('ring');
var ringdim = Element.getDimensions(ring);
var diadim = Element.getDimensions($('diagramm'));
var diaposi = 	Position.cumulativeOffset($('diagramm')); 	

var rules;


Event.observe(window, 'load', function () {
	rules = {
	'#diagramm' : function(el) {
		el.style.cursor = 'pointer';
   	    el.onclick = function(e) {
			var x = e.clientX-diaposi[0] +  ringdim.width/2 ;
			var y = e.clientY-diaposi[1]  - ringdim.height/2;
			$('ring').style.left = x +'px';
			$('ring').style.top =  y  + 'px';
		    new Ajax.Updater('katalog', './katalog.php', {
				parameters:'pos='+ x + ',' + y, 
				evalScripts:true, 
				asynchronous:false
			})
		}
	
	}
};
 	 new Draggable('ring', {
		onEnd:function(e) {	
			var x = Position.cumulativeOffset(ring)[0] -diaposi[0] + ringdim.width/2;
			var y = Position.cumulativeOffset(ring)[1] -diaposi[1] + ringdim.height/2;
			
			if (x<30)  {
			 	ring.style.left = diaposi[0]+30 + 'px';
				return;
			}
			if (x > diadim.width-20 ) {  
				ring.style.left = diaposi[0] + diadim.width-20 + 'px';
				return;
			}
			if (y<20) {
				ring.style.top = diaposi[1] + 20+'px';
				return;
			}	
			if (y > diadim.height-110 ) {  
				ring.style.top = diadim.height-110 + 'px';
				return;
			}
	
			new Ajax.Updater('katalog', './katalog.php', {
				parameters:'pos='+ x + ',' + y, 
				evalScripts:true, 
				asynchronous:false
			})
		},
		onDrag: function(e) {
					
		}
});
	
new Control.Slider('griff','slider', {
 	axis:'vertical',
 	range:$R(7.2,0.82),
    values:[0.82, 1, 1.2, 1.5, 1.8, 2.2, 2.7, 3, 3.3, 3.9, 4.7, 5.6, 6.8, 7.2],
    handleImage: 'knob.gif',
    onSlide:function(v) { 
    	val = "url(' + baseurl + v + ')";
        
    	$('bfak').innerHTML= 'Betriebsfaktor: ' + v;
       $('diagramm').style.backgroundImage = val;
   },
     onChange:function(v) {
        val = 'url('+baseurl+v+')';
        $('diagramm').style.backgroundImage = val;
    },
     sliderValue:1
    });
	 Behaviour.register(rules);
	 Behaviour.apply(rules);
 });




//setTimeout(changeMotor,5000);


function changeMotor() {
	var total = 4;
	Effect.Fade($('m'),{to:'0.2',duration:0.5});
	$('m').src = mliste[zeiger];
	zeiger++;
	zeiger%=total;
	Effect.Appear($('m'),{from:'0.2',delay:0.3,duration:0.5});
	setTimeout(changeMotor,'17000');
}