
var lang = '';
var pos;
var nBilder;
var cPics = [	0,0,0,0,0,0,0,0,0	];
var numCpics;
var standard	=	'Transformer di Roboter - Westberlin';	

var slideStart = new Boolean();
var slideStop = new Boolean();
var scrollOut = new Boolean();
var done = new Boolean();

var loops = 0;
var refresh = 100;
var xStart = -160;
var xVal = 0;
var fak = 5;			

// Abstand der Wetter-Grafik von oben
var xFinal = 0;

// delay = Zeit (in Sek.), nach der das Wetterbild hereinscrollt
var delay = 3;

// remove = Zeit (in Sek.), nach der das Wetterbild rausscrollt
var remove = 9000;
	
// standard = Text der ständig in der Statuszeile angezeigt wird



// 10 Arrays mit den thumb-pics (Mitte)
c_1		=	[	"<img src='./images/thumbs/thumb_01.gif' border='0'>",
				"<img src='./images/thumbs/thumb_02.gif' border='0'>",
				"<img src='./images/thumbs/thumb_03.gif' border='0'>"
			];
c_2		=	[	"<img src='./images/thumbs/thumb_04.gif' border='0'>",
				"<img src='./images/thumbs/thumb_05.gif' border='0'>",
				"<img src='./images/thumbs/thumb_06.gif' border='0'>"
			];
c_3		=	[	"<img src='./images/thumbs/thumb_07.gif' border='0'>",
				"<img src='./images/thumbs/thumb_08.gif' border='0'>",
				"<img src='./images/thumbs/thumb_09.gif' border='0'>"
			];
c_4		=	[	"<img src='./images/thumbs/thumb_10.gif' border='0'>",
				"<img src='./images/thumbs/thumb_11.gif' border='0'>",
				"<img src='./images/thumbs/thumb_12.gif' border='0'>"
			];
c_5		=	[	"<img src='./images/thumbs/thumb_13.gif' border='0'>",
				"<img src='./images/thumbs/thumb_14.gif' border='0'>",
				"<img src='./images/thumbs/thumb_15.gif' border='0'>"
			];
c_6		=	[	"<img src='./images/thumbs/thumb_16.gif' border='0'>",
				"<img src='./images/thumbs/thumb_17.gif' border='0'>",
				"<img src='./images/thumbs/thumb_18.gif' border='0'>"
			];
c_7		=	[	"<img src='./images/thumbs/thumb_19.gif' border='0'>",
				"<img src='./images/thumbs/thumb_20.gif' border='0'>",
				"<img src='./images/thumbs/thumb_21.gif' border='0'>"
			];
c_8		=	[	"<img src='./images/thumbs/thumb_22.gif' border='0'>",
				"<img src='./images/thumbs/thumb_23.gif' border='0'>",
				"<img src='./images/thumbs/thumb_24.gif' border='0'>"
			];
c_9		=	[	"<img src='./images/thumbs/thumb_25.gif' border='0'>",
				"<img src='./images/thumbs/thumb_26.gif' border='0'>",
				"<img src='./images/thumbs/thumb_27.gif' border='0'>"
			];

//---------------------------------------------------

numCpics = c_1.length-1;

// Array enthält die Bezeichnungen für die Links 
// (von oben nach unten und links nach rechts)

var linkText		=	[	""
						];

contentRechts	=	[	""
					];
		
					
			
				
function setLanguage(sprache)
{
	lang = sprache;
	
	if(lang == 'eng' || lang == 'ger')
	{
	linkText	=	[	" ",
					"news",
					" ",
					" ",
					"contact",
					"media",
					"bio&disco",
					"live dates!!",
					" ",
					"gallery",
					"family&friends",
					"press",
					" ",
					" ",
					" ",
					"shop",
				];
	}
	if(lang == 'fra')
	{
	linkText	=	[	" ",
					"nouvelles",
					" ",
					" ",
					"contact",
					"média",
					"bio&disco",
					"live dates!!",
					" ",
					"galérie",
					"famille&amis",
					"la presse",
					" ",
					" ",
					" ",
					"boutique",
				];
	}
	if(lang == 'rus')
	{
	linkText	=	[	" ",
					"íåâñ",
					" ",
					" ",
					"êîíòàêò",
					"ìåäèà",
					"áèî&äèñêî",
					"ëèôå äàòåñ!!",
					" ",
					"ãàëåðèå",
					"ôàìèëè&ôðèåíäñ",
					"èíòåð",
					" ",
					" ",
					" ",
					"êoísum",
				];
	}

					
	// Array enthält die Links zu den HTML-Seiten im rechten iFrame
			
	if(lang == 'eng')
	{			
		contentRechts	=	[	" ",
								"./layerRechts/news_eng.html",
								" ",
								" ",
								"./layerRechts/contact_eng.html",
								"./layerRechts/media_eng.html",
								"./layerRechts/bio_eng.html",
								"./layerRechts/live_eng.html",
								" ",
								"./layerRechts/gallery_eng.html",
								"./layerRechts/family_eng.html",
								"./layerRechts/press_eng.html",
								" ",
								" ",
								" ",
								"./layerRechts/shop_eng.html",
							];
		// Variablen, aus denen der Wettertext zusammengesetzt wird
		wText	=	'Westberlin | 3° C ! ';
		aText	=	'';	
	}

	if(lang == 'ger')
	{												
		contentRechts	=	[	" ",
								"./layerRechts/news_ger.html",
								" ",
								" ",
								"./layerRechts/contact_ger.html",
								"./layerRechts/media_ger.html",
								"./layerRechts/bio_ger.html",
								"./layerRechts/live_ger.html",
								" ",
								"./layerRechts/gallery_ger.html",
								"./layerRechts/family_ger.html",
								"./layerRechts/press_ger.html",
								" ",
								" ",
								" ",
								"./layerRechts/shop_ger.html",
							];
		// Variablen, aus denen der Wettertext zusammengesetzt wird
		wText	=	'Ackerstrasse | frostig bei 3° C !';
		aText	=	'';		
	}
	if(lang == 'fra')
	{												
		contentRechts	=	[	" ",
								"./layerRechts/news_fra.html",
								" ",
								" ",
								"./layerRechts/contact_fra.html",
								"./layerRechts/media_fra.html",
								"./layerRechts/bio_fra.html",
								"./layerRechts/live_fra.html",
								" ",
								"./layerRechts/gallery_fra.html",
								"./layerRechts/family_fra.html",
								"./layerRechts/press_fra.html",
								" ",
								" ",
								" ",
								"./layerRechts/shop_fra.html",
							];
		// Variablen, aus denen der Wettertext zusammengesetzt wird
		wText	=	'Berlin ouest | 3° C Vous voulez la depression?';
		aText	=	'';
	}
	if(lang == 'rus')
	{												
		contentRechts	=	[	" ",
								"./layerRechts/news_rus.html",
								" ",
								" ",
								"./layerRechts/contact_rus.html",
								"./layerRechts/media_rus.html",
								"./layerRechts/bio_rus.html",
								"./layerRechts/live_rus.html",
								" ",
								"./layerRechts/gallery_rus.html",
								"./layerRechts/family_rus.html",
								"./layerRechts/press_rus.html",
								" ",
								" ",
								" ",
								"./layerRechts/shop_rus.html",
							];
		// Variablen, aus denen der Wettertext zusammengesetzt wird
		wText	=	'Íîâîñèáèðñê | -63 C° Väterchen Frost';
		aText	=	'ïîãîäå: &#1083;&#1077;&#1076;&#1103;&#1085;&#1072;&#1103;&#1089;&#1090;&#1091;&#1078;&#1072;';
	}
}

// Array mit den Bildernamen unterer Bereich der Seite (HI End)(Html-Tags) - relativer Pfad

bilder	=	[	" './images/bild_02.jpg' ",
				" './images/bild_02.jpg' ",
				" './images/bild_04.jpg' ",
	      " './images/bild_05.jpg' ",
				" './images/bild_06.jpg' ",
				" './images/bild_07.jpg' ",
				" './images/bild_08.jpg' ",
				" './images/bild_09.jpg' ",
				" './images/bild_10.jpg' ",
				" './images/bild_11.jpg' ",
				" './images/bild_15.jpg' ",
				" './images/bild_17.jpg' ",
				" './images/bild_18.jpg' ",
				" './images/bild_19.jpg' ",
				" './images/bild_20.jpg' ",
				" './images/bild_21.jpg' ",
				" './images/bild_24.jpg' ",
				" './images/bild_25.jpg' ",
				
			];

// Anzahl der Bilder			
nBilder = bilder.length-1;

// Zufallswert
pos = Math.abs( Math.round( Math.random() * nBilder ) );
	
// bildWechsel tauscht den Inhalt der beiden Bereiche "bilder" und "info" aus 

function startAction()

{	
	document.all.wetter.style.top = xStart;
	document.all.wetterText.style.top = xStart;
	// HTML-Tag für Bildbereich	
	if(pos > nBilder)
	{
		pos = nBilder;
	}
	
	bildTag	=	"<img src="
				+ bilder[pos] +
				" width='800' height='447' border='0'>";
	
	// 'bildTag' wird dem Bereich (div) "bilder" zugewiesen
	
	document.all.bildA.innerHTML = bildTag;
	document.all.bildB.innerHTML = "<img src='./images/logo.jpg' border='0'>";
	document.all.textFeld.innerHTML = "<iframe id='infoFrame'></iframe>";
	document.all.raster.innerHTML = "<img src='./images/raster.gif' border='0'>";
	// document.all.endeSeite.innerHTML = "<img src='./images/endeSeite.gif' border='0'>";
	
	// Beim Start werden die Seiten für "news" in die iLayer geladen
	document.all.infoFrame.src = contentRechts[1];
	
	// Zufalls-Wettertext wird generiert (aus 'wText' und 'aText'; siehe Oben)
	
	document.all.wetterText.innerHTML = "<table border='0' cellpadding='none' cellspacing='none'><tr><td class='tKleinS'>"
										 + wText +
										 "</td></tr><tr><td class='tKleinW'>&nbsp;</td></tr><tr><td class='tKleinW'>"
										 + aText +
										 "</td></tr></table>";
										 
	//---------------------------------------------------------------	
	// Inhalt für das mittlere Bildfeld								
	// es werden zufallsbilder aus den thumb-arrays ausgewählt
	
	
	for(i=0;i<cPics.length-1;i++)
	{
		cPics[i] = Math.abs( Math.round( Math.random() * numCpics ) );	
	}

	document.all.b_1.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_1[cPics[0]]+'</tr></table>';
	document.all.b_2.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_2[cPics[1]]+'</tr></table>';
	document.all.b_3.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_3[cPics[2]]+'</tr></table>';
	document.all.b_4.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_4[cPics[3]]+'</tr></table>';
	document.all.b_5.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_5[cPics[4]]+'</tr></table>';
	document.all.b_6.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_6[cPics[5]]+'</tr></table>';
	document.all.b_7.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_7[cPics[6]]+'</tr></table>';	
	document.all.b_8.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_8[cPics[7]]+'</tr></table>';
	document.all.b_9.innerHTML = '<table cellpadding="0" cellspacing="0"><td class="pics"></td>'+c_9[cPics[8]]+'</tr></table>';
	
	//---------------------------------------------------------------
	
	window.status = standard;
	return true;
}

function setWeather()
{ 
	document.all.wetter.innerHTML	=	"<img src='./images/wetter.gif' border='0'>";
}

function changeContent(newC)
{
	if(newC == 15)
	{
		//showPic('merchandise/visormerch.jpg',806,650);
	
		newPic = '<img src="http://www.unyoga.com/tdr/images/merchandise/nuveau_visor.jpg" border="0" width="600px" height="484px"></body></html>';  
	    //newPic = '<img src="./images/merchandise/visormerch.jpg" border="0" width="484px" height="390px"></body></html>';   
		values = 'width=600,height=484,scrollbars=no,menubar=no,status=no,resizeable=no,top=250%,left=15%';
		
		newPicFrame = window.open('','',values);
		
		newCodeA = '<html><head><title>' + standard + '</title></head>';
		newCodeB = '<body leftmargin="0" topmargin="0">';
			
		newPicFrame.document.writeln(newCodeA);
		newPicFrame.document.writeln(newCodeB);
		newPicFrame.document.writeln(newPic);
	}
	document.all.infoFrame.src = contentRechts[newC];
}

function setRainbow()
{
	var restA = screen.height;	
	var restB = screen.availHeight;
	var restC = restA - restB;
	var restD = restA - restC - 801;

	restHoehe = "'" + restD + "px'"; 
	document.all.rainbow.innerHTML	=	"<table class='rain' border='0' height="
										+ restHoehe + 
										"><tr height='100%'><td>&nbsp;</td></tr></table>";
}

function startScrolling()
{
	var zeit = new Date();
	var secs = zeit.getMilliseconds();
	
	loops = loops + 0.1;

	if( loops >= delay && slideStart == false)
	{
		slideStart = true;
	}
	
	if(slideStart == true && slideStop == false)
	{
		xVal = xVal + fak;	
		document.all.wetter.style.top = xStart + xVal;
		document.all.wetterText.style.top = xStart + xVal;
		
		if(xVal >= ( xFinal + Math.abs(xStart) ) )
		{
			document.all.wetter.style.top = xFinal;
			document.all.wetterText.style.top = xFinal;
			slideStop = true;
			scrollOut = true;
			xVal = 0;
		}		
	}
	
	if(scrollOut == true && loops >= remove)
	{
		xVal = xVal + fak;
		if(xVal >= xStart)
		{
			document.all.wetter.style.top = xFinal - xVal;
			document.all.wetterText.style.top = xFinal - xVal;
		}
		else
		{
			document.all.wetter.style.top = xStart;
			document.all.wetterText.style.top = xStart;
			scrollOut = false;
			done = true;
		}
	}
	if(done == false)
	{
		window.setTimeout('startScrolling()',refresh);
	}
}

function setLinks()
{
	platzH = ' ';
	headline = 'Transformer di Roboter&nbsp;'
	link1 = "<a id='start' href='#' class='purple' onMouseUp='changeContent(1);' onMouseOver='status=linkText[1]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[1] + "</a>";
	link2 = "";
	link3 = "";
	link4 = "<a href='#' class='purple' onMouseUp='changeContent(4);' onMouseOver='status=linkText[4]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[4] + "</a>";
	link5 = "<a href='#' class='purple' onMouseUp='changeContent(5);' onMouseOver='status=linkText[5]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[5] + "</a>";
	link6 = "<a href='#' class='purple' onMouseUp='changeContent(6);' onMouseOver='status=linkText[6]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[6] + "</a>";
	link7 = "<a href='#' class='purple' onMouseUp='changeContent(7);' onMouseOver='status=linkText[7]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[7] + "</a>";
	link8 = "";
	link9 = "<a href='#' class='purple' onMouseUp='changeContent(9);' onMouseOver='status=linkText[9]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[9] + "</a>";
	link10 = "<a href='#' class='purple' onMouseUp='changeContent(10);' onMouseOver='status=linkText[10]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[10] + "</a>";
	link11 = "<a href='#' class='purple' onMouseUp='changeContent(11);' onMouseOver='status=linkText[11]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[11] + "</a>";
	link12 = "";
	link13 = "";
	link14 = "";
	link15 = "<a href='#' class='purple' onMouseUp='changeContent(15);' onMouseOver='status=linkText[15]; return true;' onMouseOut='status=standard; return true;'>"+ linkText[15] + "</a>";
	
	// Bild oben links (schwarzer Hintergrund / weiße Schrift)
	
	document.all.links.innerHTML = "<table border='0' cellpadding='none' cellspacing='none'><tr><td class='navi'></td><td class='abstand'></td><td class='navi'>" + link1 + "</td></tr><tr><td class='navi'></td><td class='abstand'></td><td class='navi'></td></tr><tr><td class='navi'>" + link4 + "</td><td class='abstand'></td><td class='navi'>" + link5 + "</td></tr><tr><td class='navi'>" + link6 + "</td><td class='abstand'></td><td class='navi'>" + link7 + "</td></tr><tr><td class='navi'></td><td class='abstand'></td><td class='navi'>" + link9 + "</td></tr><tr><td class='navi'>" + link10 + "</td><td class='abstand'></td><td class='navi'>" + link11 + "</td></tr><tr><td class='navi'></td><td class='abstand'></td><td class='navi'></tr><tr><td class='navi'></td><td class='abstand'></td><td class='navi'>" + link15;
	
	// document.all.start.focus() = setzt den mit der id 'start' 
	// bezeichneten link (hier: link1 --> "news" ) auf 'aktiv' (= fett)
	document.all.start.focus();
}

function showPic(pName,pWidth,pHeight)
{
	newPic = '<img src="../images/' + pName + '" border="0" width="' + pWidth + 'px" height="' + pHeight + 'px"></body></html>';  
	
	values = 'width=' + pWidth + ',' + 'height=' + pHeight + ',scrollbars=no,menubar=no,status=no,resizeable=no,top=25%,left=15%';
	
	newPicFrame = window.open('','',values);
	
	newCodeA = '<html><head><title>' + standard + '</title></head>';
	newCodeB = '<body leftmargin="0" topmargin="0">';
		
	newPicFrame.document.writeln(newCodeA);
	newPicFrame.document.writeln(newCodeB);
	newPicFrame.document.writeln(newPic);
}

// neu von Jannis um den Tourflyer TDR OLLI BANJO beim Start der Seite zu launchen
/*function showPic2()
{
		
	
		//newPic = '<img src="./images/ddisco.jpg" border="0" width="310px" height="438px"></body></html>';  
	    newPic = '<img src="http://www.unyoga.com/tdr/images/ddisco.jpg" width="310px" height="438px"></body></html>';
		  
		values = 'width=310,height=438,scrollbars=no,menubar=no,status=no,resizeable=no,top=250%,left=15%';
		
		newPicFrame = window.open('','',values);
		
		newCodeA = '<html><head><title>' + standard + '</title></head>';
		newCodeB = '<body leftmargin="0" topmargin="0">';
			
		newPicFrame.document.writeln(newCodeA);
		newPicFrame.document.writeln(newCodeB);
		newPicFrame.document.writeln(newPic);
}
*/
// neu ende


function playMedia(mName)
{
	platte = navigator.platform;
	
	newMedia = '<object width="350" height="100" classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A"><param name="filename" value="media/' + mName + '"><EMBED SRC="media/"' + mName + '" TYPE="audio/mpeg" WIDTH="350" HEIGTH="100"></object></body></html>';  
		
	newMediaFrame = window.open('','','width=350,height=100,scrollbars=no,menubar=no,status=no,resizeable=no');
	
	newCodeA = '<html><head><title>' + mName + '</title>';
	newCodeB = '<body leftmargin="0" topmargin="0">';
	

	newMediaFrame.document.writeln(newCodeA);
	newMediaFrame.document.writeln(newCodeB);
	newMediaFrame.document.writeln(newMedia);	
}
//-----------------------------------------------------
