var sl_ia = "#111111";
var sl_ac = "#21323A";
var domain = "http://www.sureai.de/";
var ImagePath = domain +"hp/img/content/home/";
var SymbolPath = domain +"hp/img/content/sl_icons/";
var SL_Symbol_Blank = domain +"hp/img/content/sl_icons/sl_blank01.png";

var mSI; //MaxSliderItems
var mST = 157; //MaxSliderTime NEED TO REACH

var Counter = 1;var CounterTimerForward;var CounterTimerBackward;

var ix = 0; // SLIDER INDEX
var v = new Array(14); // Array to hold all information

	var HTTP = null;
	if(window.XMLHttpRequest){
		HTTP = new XMLHttpRequest();
	}else if(window.ActiveXObject){
		try{
			HTTP = new ActiveXObject("Msxml2.HTTP");
		}catch (ex){
			try{
				HTTP = new ActiveXObject("Microsoft.HTTP");
			}catch (ex){
			}
		}
	}

	function DatenAusgeben(){
		if(HTTP.readyState === 4){
			//alert(HTTP.responseText);
			// Find RequestPosition	Func
			function findRequestPos(start,end){
				var php_responseString = new String(php_responseString = HTTP.responseText);
				var posStart = 0; var posEnd = 0;

				posStart = php_responseString.indexOf(start);
				str_length = (start).length;
				posStart = posStart + str_length;
				posEnd = php_responseString.indexOf(end);

				return php_responseString.substring(posStart, posEnd);
			}

			//OPTIONS
			mSI = findRequestPos("|max|start|","|max|end|");
			mSI = parseInt(mSI,0);

			var resArea = new String();
			var x = new Array(12);
			for(var i=1;i <= mSI; i++){

				//INFO
				resArea = findRequestPos("<"+i+"|start>","<"+i+"|end>");
				x = resArea.split("%%");

				v[i] = new Array();
				v[i][0] = x[0];//SL_Title01
				v[i][1] = x[1];//SL_Text01
				
				v[i][2] = x[2];//SL_ButtonBig01
				v[i][3] = x[3];//SL_ButtonBig01URL
				v[i][4] = x[4];//SL_ButtonSub01a
				v[i][5] = x[5];//SL_ButtonSub01aURL
				v[i][6] = x[6];//SL_ButtonSub01b
				v[i][7] = x[7];//SL_ButtonSub01bURL

				v[i][8] = ImagePath + x[8];//SL_MainImage01
				v[i][9] = ImagePath + x[9];//SL_BackgroundImage01
				v[i][10] = SymbolPath + x[10];//SL_Symbol01

				v[i][11] = x[11];//SL_TrailerImage01
				v[i][12] = x[12];//SL_TrailerURL01
				v[i][13] = 475;//T01_height
				v[i][14] = 800;//T01_width
			}

			// <--- START PRELOAD IMAGES ---> //
			MI_arr = new Array(mSI);//Front pic arr
			BI_arr = new Array(mSI);//Background pic arr
			function ImagePreLoad_Function(){
				for(i = 1;i <= mSI; i++){
					MI_arr[i] = new Image();
					MI_arr[i].src = v[i][8];
					BI_arr[i] = new Image();
					BI_arr[i].src = v[i][9];
				}
			}
			ImagePreLoad_Function();

			// SET COUNTER TO FULL
			Counter = 157;

		}else{
			mSI = 1;
		}
	}

	if ((lang === null) || (lang === "")){
		lang = "nothing";
	}
	
	HTTP.open("GET", "hp/includes/hp_slider.php?info=info&lang="+lang , true);
	HTTP.onreadystatechange = DatenAusgeben;
	HTTP.send(null);


	// FUNCTIONS
	function DoBackCounting(){
		if(Counter > 1){
			var CounterBackSpeed;
			CounterBackSpeed = Counter / 10;
			Counter = Counter - CounterBackSpeed;
			document.getElementById('SliderProgressBar').style.width = (Counter)+"px";
		}else{
			document.getElementById('SliderProgressBar').style.visibility = 'hidden';
			document.getElementById('SliderProgressBarContainer').style.visibility = 'hidden';
			document.getElementById('SliderProgressBarEmpty').style.visibility = 'hidden';
			clearTimeout (CounterTimerBackward);
		}
	}

	
	// End timer when user did something else	
	function StopCounting(){
		clearTimeout (CounterTimerForward);
		CounterTimerBackward = setInterval ("DoBackCounting()", 1); // Timescale
	}
			
	// TRAILER START FUNCTIONS
	function looktrailer(){StopCounting();Shadowbox.open({content: v[ix][12],player:"swf",height:v[ix][13],width:v[ix][14]});}

	// CHANGE SLIDER STUFF
	function ChangeFunction(){
	
		// BACKGROUND IMAGE
		document.getElementById('MAINwarperBG').style.backgroundImage = "url(" + BI_arr[ix].src + ")";
		document.getElementById('MAINwarperBG').style.backgroundRepeat = "repeat-x";
			
		//BUTTONS
		document.getElementById('SL_Headline').innerHTML = v[ix][0];
		document.getElementById('SL_Text').innerHTML = v[ix][1];
		document.getElementById('SL_ButtonBig').innerHTML ="<a href=" + v[ix][3] + " class=text_linkdownload_style onfocus=this.blur() >" + v[ix][2] +"</a>";
				
		if(v[ix][6] !== undefined && v[ix][6] !== "" && v[ix][6] !== " "){
			document.getElementById('SL_ButtonSub').innerHTML ="<a href=" + v[ix][7] + " class=text_linkwhite_style onfocus=this.blur() >" + v[ix][6] +"</a>"+
			" | " + "<a href=" + v[ix][5] + " class=text_linkwhite_style onfocus=this.blur() >" + v[ix][4] +"</a>";
		}else{
			document.getElementById('SL_ButtonSub').innerHTML ="<a href=" + v[ix][5] + " class=text_linkwhite_style onfocus=this.blur() >" + v[ix][4] +"</a>";
		}

		//TRAILER
		if(v[ix][11] !== undefined && v[ix][11] !== "" && v[ix][11] !== " "){
			document.getElementById('trailer').style.visibility = 'visible';
			document.getElementById('trailer').style.backgroundImage = "url(" + v[ix][11] + ")";
		}else{
			document.getElementById('trailer').style.visibility = 'hidden';
		}

		// NAV BUTTONS BOTTOM
		document.getElementById('SliderPosBoxID0'+ix).innerHTML ="<a href=javascript:projectclick(ix="+ix+") onfocus=this.blur() >" +
		"<img src=" + v[ix][10] +" width=40 border=0 height=40 align=left/></a>";
		document.getElementById('SliderPosBoxID0'+ix).style.background = sl_ac;

		for(var i = 1; i < mSI +1; i++){
			if(i !== ix){
				document.getElementById('SliderPosBoxID0'+i).innerHTML ="<a href=javascript:projectclick(ix="+i+") onfocus=this.blur() >" +
				"<img src=" + SL_Symbol_Blank +" width=40 border=0 height=40 align=left/></a>";
				document.getElementById('SliderPosBoxID0'+i).style.background = sl_ia;
			}
		}
	}

	var FaderTimer;
	var FaderMoveIn = 0;
	var FaderMoveOut = 750;
	var ReadyToSwitch = 2;

	function DoFading(){
	if(ix > 0 && ix < mSI +1 ){
		if(FaderMoveOut > -30){
			document.getElementById('HPPicBox').style.width = FaderMoveOut + "px";
			FaderMoveOut = FaderMoveOut -30;
			ReadyToSwitch = 0;
		}

		if(FaderMoveIn < 780){
			document.getElementById('HPPicBox2').style.width = FaderMoveIn + "px";
			FaderMoveIn = FaderMoveIn +30;
			ReadyToSwitch = 0;
		}

		if(FaderMoveIn === 780 && FaderMoveOut === -30){

			ReadyToSwitch = 1;

			document.getElementById('HPPicBox2').style.width = 0 + "px";
			document.getElementById('HPPicBox2').style.backgroundImage = "url(" + MI_arr[ix].src + ")";
			FaderMoveOut = 750;

			document.getElementById('HPPicBox').style.width = 750 + "px";
			document.getElementById('HPPicBox').style.backgroundImage = "url(" + MI_arr[ix].src + ")";
			FaderMoveIn = 0;

			document.getElementById('trailer').style.visibility = 'visible';

			clearTimeout (FaderTimer);
			ChangeFunction();
		}
		}
	}


	function FaderFunction(){

		document.getElementById('SliderPosBoxID01').style.background = sl_ia;
		document.getElementById('SliderPosBoxID02').style.background = sl_ia;
		document.getElementById('SliderPosBoxID03').style.background = sl_ia;
		document.getElementById('SliderPosBoxID04').style.background = sl_ia;
		document.getElementById('SliderPosBoxID05').style.background = sl_ia;
		document.getElementById('trailer').style.visibility = 'hidden';

		
		if(ReadyToSwitch !== 2){
			FaderTimer = setInterval('DoFading()', 1); // Timescale
			document.getElementById('HPPicBox2').style.width = 0 + "px";
			document.getElementById('HPPicBox2').style.backgroundImage = "url(" + MI_arr[ix].src + ")";
		}else{
			// First Time MainPic loading // Do not show the fading animation the first time
			ReadyToSwitch = 1;
			document.getElementById('HPPicBox2').style.width = 0 + "px";
			document.getElementById('HPPicBox').style.backgroundImage = "url(" + MI_arr[ix].src + ")";
			ChangeFunction();
		}
		
	}

	// USER CLICKED
	function clickInterpreter(){
		if(ReadyToSwitch === 1){
			StopCounting();
			if(ix <= 0){
				ix = mSI;
			}else if(ix > mSI){
				ix = 1;
			}
			if(ix > 0 && ix < mSI +1 ){
				FaderFunction();
			}
		}
	}
	function prev(){
		if ( ix < 1 ){
			ix = 1;
			clickInterpreter();
		}else{
			ix = ix -1;
			clickInterpreter();
		}
	}
	function next(){
		if ( ix > mSI ){
			ix = 5;
			clickInterpreter();
		}else{
			ix = ix +1;
			clickInterpreter();
		}
	}
	function projectclick(){
		clickInterpreter();
	}

	function DoCounting(){
	
	if(Counter === null){
		Counter = 0;
	}
	
		Counter++;
		document.getElementById('SliderProgressBar').style.width =  (Counter)+"px";

		if(Counter > mST){
			Counter = 1;
			ix = ix +1;

			if(ix !== mSI +1){
				FaderFunction();
			}else{
				ix = 1;
				FaderFunction();
			}
		}
	}

	// Start timer when script is loading
	function StartCounting(){
		CounterTimerForward = setInterval ("DoCounting()", 60); // Timescale
	}

	// >START TIMER HERE< //
	StartCounting();