// Globale Variablen
var klickbar = 1;
var maxlength;
var itemslength;
var newwert;
// Hooks
onloadHooks.push(function(){
	tx_igtermine_pi2_onload();
});

// Load-Funktionen
function tx_igtermine_pi2_onload(){
	setTerminEvents();
	
	// Maxlength berechnen
	var items = $$('.item');
	itemslength = items.length;
	maxlength = itemslength*290;
	var padding = (items.length-1)*7;
	maxlength = maxlength+padding;
	// Drei Blöcke abziehen
	var count = itemslength-3;
	// Mit Blockbreite multiplizieren
	itemslength = count*290;
	// Padding/Margin addieren
	itemslength = itemslength + (count*7);
	
	$('termin_slide').setStyle('width', maxlength); 
	$('termin_swicht_left').setStyle('opacity', 0);
	$('termin_swicht_right').setStyle('opacity', 1);
	
	// Falls nur drei Elemente vorhanden sind - keine Klickpfeile
	if(items.length <= 3) {
		$('termin_swicht_right').setStyle('opacity', 0);
	}
	
	/* Letztes Element bekommt kein Margin*/
	var count = 1;
	var count2 = items.length;
	items.each(function(item, i) {
		if(count == count2) {
			$(item).setStyle('margin-right', 0);
		}
		count++;
	});
	
}


function setTerminEvents() {
	
	$('termin_swicht_right').addEvents({
			'click': function(event){
				var leftwert = $('termin_slide').getStyle('left');
				if(klickbar == 1)
				{
					slideTermin('rechts')				
					
				}
				
			}		
	
	});
	
	$('termin_swicht_left').addEvents({
			'click': function(event){
				var leftwert = $('termin_slide').getStyle('left');
				if(klickbar == 1)
				{
					klickbar = 0;
					slideTermin('links')				
					
				}
				
			}		
	
	});
	
	
}

function slideTermin(richtung) {
	
	var SlideEffekt = new Fx.Tween('termin_slide', {
        duration: 800,
        transition: 'back:inOut'
  });
  
  SlideEffekt.addEvent('complete', function(){
  	checkForClickItem();
  });
  
  
  var aktwert = parseInt($('termin_slide').getStyle('left'));
  
  
  if(richtung == 'rechts') newwert = aktwert+(-297);
  if(richtung == 'links') newwert = aktwert+297;
  
  	
  SlideEffekt.start('left', aktwert, newwert);
	
	
}


function checkForClickItem() {
	
	var fade = 0;
	
	if(newwert < 0 && $('termin_swicht_left').getStyle('opacity') == 0) {
		fadeArrow("termin_swicht_left", "in");
		fade = 1;
	}else if(newwert == 0) {
		fadeArrow("termin_swicht_left", "out");
		fade = 1;
	}
	
	if(newwert == itemslength*-1) {
		fadeArrow("termin_swicht_right", "out");
		fade = 1;
	}else if(newwert > itemslength*-1 && $('termin_swicht_right').getStyle('opacity') == 0 ) 
	{
		fadeArrow("termin_swicht_right", "in");
		fade = 1;
	}
	
	if(fade == 0) {	
		klickbar = 1;
	}
	
	
	
	
}


function fadeArrow(item, inout) {
	
	var FadeEffekt = new Fx.Tween(item, {
        duration: 400
  });
  
  FadeEffekt.addEvent('complete', function(){
  	klickbar = 1;
  });
  
  if(inout == 'in') {
  	FadeEffekt.start('opacity', 0, 1);
  }else {
  	FadeEffekt.start('opacity', 1, 0);
  }
  

}