/*
Funktion Stadion Banner in div 680*60
mit drei bilder div 220*60
Ein wechsel dauert 1 sec
*/

var bannInterval = false;
   
function next_pos(divID_in1,divID_in2,divID_in3,divID_out1,divID_out2,divID_out3,pxlY) {
	document.getElementById(divID_in1).style.top=-60+pxlY+'px';
	document.getElementById(divID_in1).style.left=4+'px';
	document.getElementById(divID_in2).style.top=-60+pxlY+'px';
	document.getElementById(divID_in2).style.left=228+'px';
	document.getElementById(divID_in3).style.top=-60+pxlY+'px';
	document.getElementById(divID_in3).style.left=452+'px';
	if (!(divID_out1=='' || divID_out1==undefined)) {
		document.getElementById(divID_out1).style.top=pxlY+'px';	
		document.getElementById(divID_out1).style.left=4+'px';
	}
	if (!(divID_out2=='' || divID_out2==undefined)) {
		document.getElementById(divID_out2).style.top=pxlY+'px';		
		document.getElementById(divID_out2).style.left=228+'px';
	}
	if (!(divID_out3=='' || divID_out3==undefined)) {
		document.getElementById(divID_out3).style.top=pxlY+'px';		
		document.getElementById(divID_out3).style.left=452+'px';
	}
	return;
}

 function animation(divID_in1,divID_in2,divID_in3,divID_out1,divID_out2,divID_out3) {
        var interT=20;
        var startX=0;
        var startY=0;
        var loopZeit=600;
        var pxlX=startX;
        var pxlY=startY;
        var zeit=0;
		var divInterval = setInterval(function (){
        if (zeit>loopZeit) {
                   //zeit = 0;                        // Wiederholung?
                   return;
        }
        next_pos(divID_in1,divID_in2,divID_in3,divID_out1,divID_out2,divID_out3,pxlY);
        zeit+=interT;
        pxlY=zeit/10;
        }, interT);
}

function start_banner(bz) {

         document.getElementById('img_banner1').style.top=0+'px';
         document.getElementById('img_banner1').style.left=4+'px';
         document.getElementById('img_banner2').style.top=0+'px';
         document.getElementById('img_banner2').style.left=228+'px';
         document.getElementById('img_banner3').style.top=0+'px';
         document.getElementById('img_banner3').style.left=452+'px';
		animateBanner(bz);
}

function animateBanner(bz) {
	var i=4;
	var j,k;
	divID_in = new Array(3);
	divID_out = new Array(3);
	for (k=1;k<4;k++) {
		document.getElementById('img_bannerx'+k).innerHTML=document.getElementById('img_banner'+k).innerHTML;
		divID_out[k]='img_bannerx'+k;
	};
	bz=parseInt(bz);
	clearInterval(bannInterval);
    bannInterval = setInterval( function () {
		d='';
		for (j=1;j<4;j++) {
			if (i>bz) {	
				i=1;
			}
			divID_in[j]='img_banner'+i;
			i++;
		}
		for (k=1;k<(bz+1);k++) {
			document.getElementById('img_banner'+k).style.top=-70+'px';
		}
		animation(divID_in[1],divID_in[2],divID_in[3],divID_out[1],divID_out[2],divID_out[3]);
		setTimeout( function () {
			for (k=1;k<4;k++) {
				document.getElementById('img_bannerx'+k).innerHTML=document.getElementById(divID_in[k]).innerHTML;
				divID_out[k]='img_bannerx'+k;
			}	
		},1000);			
	},20000);
}