// Bannerslide ////////////////////////////////////////////////////////////////////////////////////
// to opening BODY tag:		style="overflow-x:hidden"
// under opening BODY tag:	<script type="text/javascript">InitBannerslide();</script>

img_places = 2;
data = new Array();
data[0] = new Array("images/gastgeber/wbSchreiberHarro2.gif",	"http://www.schreiber-langeoog.de/",	"_blank", "Ferienhaus Oostertuun");
data[1] = new Array("images/gastgeber/wbHeutelbeck.gif",		"http://www.heutelbeck.de/",			"_blank", "Ferien am Meer");
data[2] = new Array("images/gastgeber/wbMeedenwind.gif",		"http://www.haus-meedenwind.de/",		"_blank", "Haus Meedenwind");
data[3] = new Array("images/gastgeber/wbHube.gif",				"http://www.langeoogweb.de/hube/",		"_blank", "Buddelei Birkenhof Prickenhof");
data[4] = new Array("images/gastgeber/wbStreitboerger.jpg",		"http://www.luvunlee.de/",				"_blank", "Luv un Lee");
data[5] = new Array("images/gastgeber/wbNorderriff.gif",        "http://www.haus-norderriff.de/",       "_blank", "Haus Norderriff");
data[6] = new Array("images/gastgeber/sgagena.gif",				"http://www.agena-gmbh.de",				"_blank", "Gerrit & Simone");
data[7] = new Array("images/gastgeber/wbKipp.gif",				"http://www.kipps-hus.de/",				"_blank", "Kipp");
data[8] = new Array("images/gastgeber/wbThisson.jpg",			"http://www.seeurlaub-fewo.de/",		"_blank", "seeurlaub-fewo");
data[9] = new Array("images/gastgeber/wbGastmann.jpg",			"http://www.haus-gastmann.de/",			"_blank", "Haus-Gastmann");
data[10] = new Array("images/gastgeber/wbHofer.gif",			"http://www.cafe-sonnenhof.de/",		"_blank", "Sonnenhof");
data[11] = new Array("images/gastgeber/wbAchtert.jpg", "http://www.langeooger-strandhotel.de/?utm_source=langeoogweb&utm_medium=banner&utm_campaign=hotel", "_blank", "Strandhotel Achtert Diek");


// random permutation of indices
var index, store;
indices = new Array(data.length);
for (var i = 0; i < data.length; i++) {
	indices[i] = i;
}
for (var i = data.length; i>0 ; i--) {
	index = Math.floor(i * Math.random());
	store = indices[index];
	indices [index] = indices[i-1];
	indices[i-1] = store;
}
//alert(indices);

display_top = 5;
display_left = 350;
display_right = 0;

img_width = 234;
img_height = 60;
img_spacer = 12;

display_border = 0;
border_type = "solid";
border_colour = "#000000";
space_color = "#848CAC";

speed_play =  1; //1
speed_fast = 10;

time_play = 20;
time_fast = 15;
time_pause = 0;
time_times = 0;
time_autostop = 0;  //0

moveFlag = 0;
moveFlag_catch = 0;
moveFlag_end = 0;
moveFlag_fastStop = 0;	

display_width = (img_places * img_width) + (img_places * img_spacer);
nowdivpos = new Array();
next_right = "";
nextpic = 0;

function fResize()
{
	window.location.reload();
}

function StopPlayControl(aSignal)
{
	switch (aSignal)
	{
		case "on":
			document.getElementById('btnStop').style.display = "block";
			document.getElementById('btnStart').style.display = "none";
			start_play();
			break;

		case "off":
			if (moveFlag == 1)
			{
				document.getElementById('btnStop').style.display = "none";
				document.getElementById('btnStart').style.display = "none";
				moveFlag_fastStop = 1;
			}
			break;

		case "next":
			document.getElementById('btnStop').style.display = "none";
			document.getElementById('btnStart').style.display = "none";
			stop_move();
			move_right();
			moveFlag_fastStop=1;
			break;

		case "reset":
			document.getElementById('btnStop').style.display = "none";
			document.getElementById('btnStart').style.display = "block";
			break;
	}
}

function InitBannerslide()
{
	nextpic = 0;
	document.write("<div style=\"position:absolute; left:338px; top:0px;\"><img src=\"images/werbung.jpg\" width=\"7\" height=\"71\" border=\"0\" alt=\"Werbebanner\"></div>");
	document.write("<div id=\"btnStop\"  class=\"btnStopStart\" style=\"display:block;\"><a href=\"javascript:StopPlayControl('off');\" class=\"banner\" onFocus=\"if (this.blur) this.blur();\">&nbsp;stop&nbsp;</div>");
	document.write("<div id=\"btnStart\" class=\"btnStopStart\" style=\"display:none;\"><a href=\"javascript:StopPlayControl('on');\"  class=\"banner\" onFocus=\"if (this.blur) this.blur();\">&nbsp;start&nbsp;</div>");
	
	document.write("<div id=\"display\" style=\"overflow:hidden; position:absolute; left:" + display_left + "px; top:" + display_top + "px; width:" + (display_width + display_border * 2) + "px; height:" + (img_height + display_border * 2) + "px; border:" + display_border + "px " + border_type + " " + border_colour + "; background-color:" + space_color + "\">");
	document.write("<div  id=\"center_div\" style=\"position:absolute; left:0px; top:0px; width:" + display_width + "px; height:" + img_height + "px; clip:rect(0," + display_width + "," + img_height + ",0)\" onmouseover=\"if (moveFlag_fastStop==0) stop_move();\" onmouseout=\"if (document.getElementById('btnStop').style.display=='block') start_play();\">");
	
	for (i=0; i<img_places + 1; i++)
	{
		document.write("<div id=\"div_"+[i]+"\" style=\"position:absolute\">");
		document.write("<a class='Standard' id=\"loc"+[i]+"\" href=\"#\" onclick=\"if (this.target == '_blank') newwin(this.location); else self.location = this.location; return false\"><img src=\"\" id=\"pic_"+[i]+"\" width="+img_width+" height="+img_height+" alt=\"\" border=\"0\"></a></div>");
	}
	document.write("</div>");
	document.write("</div>");

	el_center = document.getElementById("center_div");
	el_pos = -document.getElementById("pic_0").width - img_spacer; 
	for (i=0; i < img_places+1; i++)
	{
		el_pos += document.getElementById("pic_0").width + img_spacer;
		document.getElementById("div_" + [i]).style.left = el_pos;
		document.getElementById("loc" + [i]).location = data[indices[nextpic]][1];
		document.getElementById("loc" + [i]).target = data[indices[nextpic]][2];
		document.getElementById("pic_" + [i]).alt = data[indices[nextpic]][3];
		document.getElementById("pic_" + [i]).src = data[indices[nextpic++]][0];
	}
	speed = speed_play;
	
	// Autostart
	//next_right = setTimeout("move_right()", time_pause);
	
	// ohne Autostart
	moveFlag = 0;
	moveFlag_fastStop = 0;
	StopPlayControl("reset");
}

function move_right()
{
	if (moveFlag_end == 0 || moveFlag_fastStop == 0) 
	{	
		moveFlag = 1;
		moveFlag_end = 0;
		for (i = 0; i < img_places+1; i++)
		{
			nowdivpos[i] = parseInt(document.getElementById("div_" + [i]).style.left);
			nowdivpos[i] -= speed;
			
			var dist_left = nowdivpos[i] + document.getElementById("pic_0").width + img_spacer; 	
			if (dist_left <= 0)
			{
				time_times += 1;
				if (time_times == time_autostop)
				{
					StopPlayControl('off');
				}
				
				moveFlag_catch = 0;
				moveFlag_end = 1;
				document.getElementById("div_"+[i]).style.left = parseInt(el_center.style.width);  
				if (nextpic > data.length-1) 
				{
					nextpic = 0;
				}
				document.getElementById("loc" + [i]).location = data[indices[nextpic]][1];
				document.getElementById("loc" + [i]).target = data[indices[nextpic]][2];
				document.getElementById("pic_" + [i]).src = data[indices[nextpic]][0];
				document.getElementById("pic_" + [i]).alt = data[indices[nextpic++]][3];
			}
			else
			{
				if(dist_left < speed_fast) moveFlag_catch = 1;
				document.getElementById("div_"+[i]).style.left = nowdivpos[i];
			}
		}
		moveFlag = moveFlag + moveFlag_catch + 2*moveFlag_end + 3*moveFlag_fastStop;
		//key-values: 1 play, 2 play_catch, 3 pause, 4 fast, 5 fast_catch, 6 stop
		
		switch (moveFlag)
		{
			case 3:
				next_right = setTimeout("move_right()", time_pause);
				break;
			case 4:
				speed = speed_fast;
				next_right = setTimeout("move_right()", time_fast);
				break;
			case 5:
				speed = speed_play;
				next_right = setTimeout("move_right()", time_play);
				break;
			case 6:
				clearTimeout(next_right);
				moveFlag = 0;
				moveFlag_fastStop = 0;
				StopPlayControl("reset")	//reset start-button, for StopPlayControl see scripts/main.asp 
				break;
			default:
				next_right = setTimeout("move_right()", time_play);
				break;
		}
	}
	else 
	{
		moveFlag = 0;
		moveFlag_fastStop = 0;
		StopPlayControl("reset");
	}
}

function start_play()
{
	if (moveFlag == 0 && moveFlag_fastStop == 0) 
	{
		clearTimeout(next_right);
		speed = speed_play;
		move_right();
	}
}

function stop_move()
{
	if (moveFlag != 0)
	{
		clearTimeout(next_right);
		moveFlag = 0;
		moveFlag_fastStop = 0;
	}
}

function newwin(loc)
{
	if (loc == "") 
	{
		return;
	}
	window.open(loc);
}
// Bannerslide ------------------------------------------------------------------------------------