Event.observe(window,'load',contentSliderInit);

function contentSliderInit(){
	var sliderArr = $$('.switcher');
	sliderArr.first().style.background = 'silver';
	sliderArr.first().style.color = '#012967';
	
	var tmpTextArray = $$("div.tmpText");
	var tmpImageArray = $$("div.tmpImage");
	var tmpInfoTextArray = $$("div.tmpInfoText");

	ContenSlider.Config.setVariable('textOffsetStart',$('textWithInfotext').offsetLeft);
	ContenSlider.Config.setVariable('imageOffsetStart',$('contentSliderImage').offsetLeft);	
	ContenSlider.Config.setVariable('duration',5000);
	ContenSlider.Config.setVariable('wait',(ContenSlider.Config.getVariable('duration')) * 2);
	ContenSlider.Config.setVariable('waitfaktor',((ContenSlider.Config.getVariable('wait')/10)));
	ContenSlider.Config.setVariable('left',3400);		
	var indexer = ContenSlider.Config.getVariable('indexer');
	
	$("contentSliderText").innerHTML = tmpTextArray[indexer].innerHTML;
	$("contentSliderInfoText").innerHTML = tmpInfoTextArray[indexer].innerHTML;
	$("contentSliderImage").innerHTML = tmpImageArray[indexer].innerHTML;
	

	if(tmpTextArray.length == 1)
		return false;
	
	
	$("textWithInfotext_tmp").style.left = '5000px';
	$("contentSliderImage_tmp").style.left = '5000px';
	$("contentSliderText_tmp").innerHTML = tmpTextArray[indexer+1].innerHTML;
	$("contentSliderInfoText_tmp").innerHTML = tmpInfoTextArray[indexer+1].innerHTML;
	$("contentSliderImage_tmp").innerHTML = tmpImageArray[indexer+1].innerHTML;
	
	ContenSlider.Config.setVariable('indexer',indexer+1);

	fadeNext();
}

function fadeNext(){
	Animator.add($('textWithInfotext').style, 'left', {
		 from:$('textWithInfotext').offsetLeft, 
	     to:-ContenSlider.Config.getVariable('left'), 
	     postfix:'px',
	     duration:ContenSlider.Config.getVariable('duration'),
	     wait:ContenSlider.Config.getVariable('wait')
	    });	
	
	Animator.add($('contentSliderImage').style, 'left', {
		 from:$('contentSliderImage').offsetLeft, 
	     to:-ContenSlider.Config.getVariable('left'), 
	     postfix:'px',
	     duration:ContenSlider.Config.getVariable('duration'),
	     wait:ContenSlider.Config.getVariable('wait')+ContenSlider.Config.getVariable('waitfaktor')
	    });	

	Animator.add($('textWithInfotext_tmp').style, 'left', {
		 from:ContenSlider.Config.getVariable('left'), 
	     to:ContenSlider.Config.getVariable('textOffsetStart'), 
	     postfix:'px',
	     duration:ContenSlider.Config.getVariable('duration')-ContenSlider.Config.getVariable('waitfaktor'),
	     wait:ContenSlider.Config.getVariable('wait')+(ContenSlider.Config.getVariable('waitfaktor')*2)

	    });	
	Animator.add($('contentSliderImage_tmp').style, 'left', {
		 from:ContenSlider.Config.getVariable('left'), 
	     to:ContenSlider.Config.getVariable('imageOffsetStart'), 
	     postfix:'px',
	     duration:ContenSlider.Config.getVariable('duration')-ContenSlider.Config.getVariable('waitfaktor'),
	     wait:ContenSlider.Config.getVariable('wait')+(ContenSlider.Config.getVariable('waitfaktor')*3),
	     finishCallback:function(){ setNewContent(); fadeNext();}
	    });		
}

function setNewContent(){
	var tmpTextArray = $$("div.tmpText");
	var tmpImageArray = $$("div.tmpImage");
	var tmpInfoTextArray = $$("div.tmpInfoText");
	var indexer = ContenSlider.Config.getVariable('indexer');

	var sliderArr = $$('.switcher');
	sliderArr[indexer].style.background = 'silver';
	sliderArr[indexer].style.color = '#012967';

	if(indexer > 0){
		sliderArr[indexer-1].style.background = 'none';
		sliderArr[indexer-1].style.color = 'silver';
	}else{
		sliderArr[sliderArr.length-1].style.background = 'none';
		sliderArr[sliderArr.length-1].style.color = 'silver';
	}
	if(indexer < tmpTextArray.length-1){
		indexer++;
	}else{
		indexer = 0;
	}
	ContenSlider.Config.setVariable('indexer',indexer);

	$("contentSliderText").innerHTML = $("contentSliderText_tmp").innerHTML;
	$("contentSliderInfoText").innerHTML = $("contentSliderInfoText_tmp").innerHTML;
	$("contentSliderImage").innerHTML = $("contentSliderImage_tmp").innerHTML;
	$("textWithInfotext").style.left = $("textWithInfotext_tmp").style.left;
	$("contentSliderImage").style.left = $("contentSliderImage_tmp").style.left;
	
	
	$("contentSliderText_tmp").innerHTML = tmpTextArray[indexer].innerHTML;
	$("contentSliderInfoText_tmp").innerHTML = tmpInfoTextArray[indexer].innerHTML;
	$("contentSliderImage_tmp").innerHTML = tmpImageArray[indexer].innerHTML;
	$("textWithInfotext_tmp").style.left = "4000px";
	$("contentSliderImage_tmp").style.left = "4000px";
}

function loadSlider(num){
	var tmpTextArray = $$("div.tmpText");
	var tmpImageArray = $$("div.tmpImage");
	var tmpInfoTextArray = $$("div.tmpInfoText");

	$("contentSliderText").innerHTML = tmpTextArray[num-1].innerHTML;
	$("contentSliderInfoText").innerHTML = tmpInfoTextArray[num-1].innerHTML;
	$("contentSliderImage").innerHTML = tmpImageArray[num-1].innerHTML;


	var sliderArr = $$('.switcher');
	num--;
	for(var i=0; i<=sliderArr.length-1;i++){
		if(i != num){
			sliderArr[i].style.background = 'none';
			sliderArr[i].style.color = 'silver';
		}else{
			sliderArr[num].style.background = 'silver';
			sliderArr[num].style.color = '#012967';
			ContenSlider.Config.setVariable('indexer',num);
		}
	}
}

var ContenSlider = {};
ContenSlider.Config = (function(){
	var constants = {
			textOffsetStart: 0,
			imageOffsetStart: 0,
			duration: 0,
			wait: 0,
			waitfaktor: 0,
			left: 0,
			indexer: 0
	};
	return{
		getVariable: function(key){
			if(typeof constants[key] !== 'undefined'){
				return constants[key];
			}else{
				return false;
			}
		},
		setVariable: function(key, value){
			constants[key] = value;
		}
	};
})();