<!-- Start hide from old browsers
//Funktion for seperatFenster
function openWindow() {
	window.open("omoyashousai.html", "newWindow", "width=600,height=400,scrollbars=yes,resizable=yes,status=no");
	}


// Set window- and layer-related variables
var dWidLyr  = 850;	//erhoeht von 450; hier krieg ich horizontal scroll weg 
var dHgtLyr  = 0;	//erhöht von 0; veraendert vertPos slide&txt
var curSlide = 0;
var zIdx 	 = -1;
var isVis 	 = false;

// Set browser-determined global variables.
var sWidPos;
var sHgtPos;
var hideName;
var showName;


var NN 		 = (document.layers ? true : false);
	if(NN)
	{	var sWidPos  = ( outerWidth / 2) - (dWidLyr / 2);
		var sHgtPos  = ( outerHeight / 2) - (dHgtLyr / 2);
		var hideName = 'hide';
		var showName = 'show';
	}

var is_IE = (document.all ? true : false);
	{	var sWidPos  = ( screen.availWidth / 2 ) - (dWidLyr / 2);
		var sHgtPos  = ( screen.availHeight / 2) - (dHgtLyr / 2);
		var hideName = 'hidden';
		var showName = 'visible';
	}

var is_Standard = (document.getElementById ? true : false);
	{	var sWidPos  = ( screen.availWidth / 2 ) - (dWidLyr / 2);
		var sHgtPos  = ( screen.availHeight / 2) - (dHgtLyr / 2);
		var hideName = 'hidden';
		var showName = 'visible';
	}


//Set image-related variables
var img = new Array();
var imgOut = new Array();
var imgOver = new Array();
var layerList = new Array();	//does not seem to be in use???!!!
var imgPath = 'images/';

// Set tour-related variables
var showSpeed = 4000;
var tourOn = false;

// Define a function to generate layers
function genLayer(sName, sLeft, sTop, sWdh, sHgt, sVis, copy)
	{
	if (NN) {
		document.writeln('<LAYER NAME="' + sName + '" LEFT=' + sLeft + ' TOP=' + sTop +	' WIDTH=' + sWdh + ' HEIGHT=' + sHgt + ' VISIBILITY="' + sVis + '"' +	' z-Index=' + (++zIdx) + '>' + copy + '<\/LAYER>');
		}
	else if (is_IE || is_Standard)
		{
		document.writeln('<DIV ID="' + sName + '" STYLE="position:absolute; overflow:visible; left:' + sLeft + 'px; top:' + sTop + 'px; width:' + sWdh + 'px; height:' + sHgt + 'px;' + ' visibility:' + sVis + '; z-Index=' + (++zIdx) + '">' + copy + '<\/DIV>'
			);
		}


	}


// Define an object constructor for each slide
function slide(imgStr, scientific, copy) {
	this.name    = imgStr;
	this.copy    = copy;
	this.structure =
		'<TABLE  BORDER="0"  WIDTH="700" CELLPADDING="5"><TR><TD WIDTH=55% VALIGN=TOP>' + '<IMG SRC=' + imgPath + imgStr + '.jpg><\/TD>' + '<TD WIDTH=45% VALIGN=TOP> <H2>' + scientific + '<\/H2>' + copy + '<\/TD><\/TR><\/TABLE>';

	// Preload corresponding images while we're at it
	imagePreLoad(imgStr);
	return this;
	}

// Define a function to preload the images
function imagePreLoad(imgStr) {
	// Images for the slides
	img[img.length]	= new Image();
	img[img.length - 1].src = imgPath + imgStr + '.jpg';

	// Primary images for the slide menu
	imgOut[imgOut.length] = new Image();
	imgOut[imgOut.length - 1].src = imgPath + imgStr + 'out.png';

	// Rollover images for the slide menu
	imgOver[imgOver.length] = new Image();
	imgOver[imgOver.length - 1].src = imgPath + imgStr + 'over.png';
	}

// Define an array to store all of the slide objects
var slideShow  = new Array(
			new slide('loghouse', 'ログハウス', '大都会の喧騒から抜け出し、心身ともにくつろぎ、リフレッシュできる住空間。丸太は、直径３０ｃｍもあるどっしりとした手造りのカナダ風です。'),
			new slide('ima', '居間', '１階は広いオープンスペース。家の中にも樹が！これは吹き抜けを通して立っており、観葉植物の棲みか。脇に立てかけられた”はしご”の意味がおわかり？樹の周りでワインを楽しんでもよし、王様気分で寛いでもよし・・・'),
			new slide('kitchen', 'キッチン', 'ログの中に完全に溶け込んだキッチン。主婦の動きがよく計算された高機能性。もちろん男性もお試しあれ！ぱちぱちと燃える暖炉は、居間につながります。'),
			new slide('shinshitsu', '寝室', 'こじんまりとした寝室は、家の東側。自然の木で造った特製ウォーターベッドは、ドイツの厳しい冬にはなによりの心地よい温かさ。夏の日のセーリングの夢でも見ながら、朝日の昇るまでゆっくりとおやすみなさい・・・'),
			new slide('fukinukenoue', '吹き抜けの上', '大きなベランダのある南側。高い天井と大きな窓。明るい太陽の下で本を広げると、つい時を忘れて読みふけってしまいます。'),
			new slide('sunroom', 'サンルーム', 'さんさんと降り注ぐ太陽の下、一番元気がいいのは緑の植物達。ここは本当に北ドイツか?！と目を疑ってしまうのです。そして、位置は２階のはずなのに目の前には芝生の緑があるのです！'),
			new slide('pianoshitsu', 'ピアノ室', 'ここの主は１００歳になる重厚なベヒシュタイン。でも、中身は完全に若返ったプリンセス。何度もサロン・コンサートが催されました。脇には小さい生徒用のアップライトもあります。'),
			new slide('ofuro', 'お風呂', 'この家の最大傑作！日本人にとって一番ありがたいのは、”肩まで浸かれる広いお風呂”・・・ドイツ、チューリンゲン地方のシーファー（黒い色のスレート）で造りました。小さな滝があったり、緑の光が見えたり遊び心たっぷりです。'),
			new slide('billy', 'ビリー', '庭に胡桃の食べかけがころがっています。隣の家の庭から、ビリー君とその家族の誰かが運んできたのでしょう。春になると庭のあちこちから隠し忘れた（？）くるみが現れるのです。そして大きな樫の木のまわりで追いかけっこが始まります。ところで、リスの雨宿りの姿をご存知ですか？')
			);


// Capitalize the first letter of the word passed
// Makes for better looking copy
function camelCap(str) {
	return str.substring(0, 1).toUpperCase() + str.substring(1);
	}

// This generates all layers (or styles) to display for the screen
function genScreen() {
	var introStr = '';//NORU
	var menuStr = '';
	var ausschaltenStr = '';//NORU
	var ausstattungsStr = '';//NORU
	var navStr = '';//NORU
	var copyStr = '';//von mir deklariert
	var valid401Str = '';
	var vcssStr = '';
	var xLinksStr ='';
	for (var i = 0; i < slideShow.length; i++) {
		// Create all of the slide layers
		genLayer('slide' + i, sWidPos, 290, dWidLyr, dHgtLyr, (i == 0 ? showName : hideName), slideShow[i].structure);

		// While iterating, build the HTML string for the menu layer
		menuStr += '<A HREF="" onMouseOver="hideStatus(); if(!tourOn) { setSlide(' + i + ');' + ' imageSwap(\'' + slideShow[i].name + '\', ' + i + ', true)}; return true;"' + ' onMouseOut="hideStatus(); if(!tourOn) { setSlide(' + i + ');' + ' imageSwap(\'' + slideShow[i].name + '\', ' + i + ', false)}; return true;"' + ' onClick="return false;"><IMG NAME="' + slideShow[i].name + '" SRC="' + imgPath + slideShow[i].name + 'out.png" BORDER="0"><\/A><BR>';
		}

//den HTML-String "introStr" kreieren
		introStr += '<H1>ベルリン近郊の一戸建てログハウスを貸します。<\/H1><P>住環境は最高！大きな樫の木のまわりでリスが遊んでいます。豊かな自然に囲まれ、手入れの行き届いた広い庭に建つ、築１4年のログハウスです。長期帰国のため、家具つきでお貸しします。日本風岩風呂、暖炉、グランドピアノ、ウォーターベッド、サンルーム・・・日本に縁のある音楽家にはうってつけでしょう。最寄の駅はPotsdam-Rehbruecke。ベルリンの中心まで電車(RE)または車(アウトバーンA115)で約２0分。<br\/>では、ごゆっくりスライドショーをご覧下さい。 　   （GoogleEarth検索:ドイツ 14558 log cabin）<\/P>';

//den HTML-String "ausstattungsStr" kreieren
		ausstattungsStr += '<P class="center"><em><a href=".\/omoyashousai.html">ログハウス（母屋）の詳細と賃貸契約内容<\/a><\/em><\/P>';

//den HTML-String "navStr" kreieren
		navStr += '<P class="center"><B><a href="http://www.blockhaus-rehbruecke.de\/shitaapato\/"> 下アパート <\/a><\/B><\/p>';

//den HTML-String "copyStr" kreieren
		copyStr += '<p><em>&copy; 智子 & Norbert Albrecht, 2011<br\/><br\/> お問い合わせ<a href="mailto:SatokoAlbrecht"AT"blockhaus-rehbruecke.de">メール、スパム対策の”AT"を適切に直して下さい！ <\/a><br\/>電話（山形市：０２３-６２２ ５５３３）<\/em><\/p>';

//den HTML-String "valid401" kreieren
//		valid401Str += '<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.kashi.blockhaus-rehbruecke.de%2F"> <img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" width="88" height="31" \/><\/a>';

//den HTML-String "vcssStr" kreieren
//		vcssStr += '<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.kashi.blockhaus-rehbruecke.de/"><img width="88" height="31" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"\/><\/a>';

//den HTML-String "xLinksStr" kreieren
//		xLinksStr += '<br\/><hr\/ width="300"><h3>エクスターナル・リンク<\/h3><a href="..\/links.html">推薦のエクスターナル・リンク<\/a><br\/><a href="http://www.EnjoyPiano.jp/">智子・アルブレヒトのピアノ教室、山形市<\/a>';



	// Create the automation layer (auto/off-button only)
	genLayer('automation', sWidPos - 102, 200, 100, 120, hideName,'<DIV ID="">' + '<A HREF="javascript: autoPilot();"  onMouseOver="hideStatus(); return true;">' + '<IMG SRC="images/automate.gif" BORDER="0"><\/A>' + '<\/DIV>');



	// Create the guide layer (with the arrows)
//	genLayer('guide', sWidPos - 110, 580, 550, 91, hideName,'<DIV ID="">' +	'<A HREF="javascript: if(!tourOn) { changeSlide(-1); }" onMouseOver="hideStatus(); return true;">' + '<IMG SRC="images/leftout.gif" BORDER="0"><\/A>' + + '<A HREF="javascript: if(!tourOn) { changeSlide(1); }" onMouseOver="hideStatus(); return true;">' + '<IMG SRC="images/rightout.gif" BORDER="1"><\/A><\/DIV>' );

	// Create the menu
	genLayer('menu', sWidPos - 130, 240, 500, 91, showName, '<DIV ID=""><TABLE BORDER="0" <TD><BR>' + menuStr + '<BR><\/TD><\/TABLE><\/DIV>' );


// Create Ueberschriftslayer
	genLayer('intro', sWidPos - 150, 0, 900, 190, showName, '<DIV ID=""><TABLE BORDER="0" width="900"><TR><TD>' + introStr + '<\/TD><\/TR><\/TABLE><\/DIV>' );

// Create Steuerzeichenlayer,VORSICHT MIT LINEBREAKS!!
	genLayer('navi', sWidPos -65, 615, 900, 250, showName, '<DIV ID=""><TABLE cellpadding="0" cellspacing="0" BORDER="0" width="860"><TR><TD WIDTH="40%">' + copyStr + '<\/TD><TD WIDTH="20%">' + ausstattungsStr + '<\/TD><\/TR><\/TABLE><\/DIV>' );

// Create rec401
//	genLayer('valid401', sWidPos + 460, 900, 240, 100, showName, '<DIV ID=""><TABLE cellpadding="0" cellspacing="0" BORDER="0" width="230"><TR><TD>' + valid401Str + '<\/TD><td>' + vcssStr + '<\/td><\/tr><\/TABLE><\/DIV>' );

// Create xLinks with horizontal ruler divider
//	genLayer('xLinks', sWidPos -135, 600, 340, 100, showName, '<DIV ID=""><TABLE cellpadding="0" cellspacing="0" BORDER="0" width="500"><TR><TD>' + xLinksStr + '<\/td><\/tr><\/TABLE><\/DIV>' );

	}


// Define a function to hide layers
function hideLayer(name) {
	refLayer(name).visibility = hideName;
	}

// Define a function to reveal layers
function showLayer(name) {
	refLayer(name).visibility = showName;
	}


// Define a central function to reference layers
function refLayer(name)
	{
		if (NN) { return document.layers[name]; }
		else if (is_Standard)
		{
		return document.getElementById(name).style;	//NORU semicolon rein
		}
		else if (is_IE) { return eval('document.all.' + name + '.style');
		}
		else
		{
		alert("Unknown Browser!\nPlease use Internet Explorer-, Netscape-, Opera or the Firefox-Browser!");
		}
	}


// Hide or show the guide
function menuManager() {
	if (isVis) {	hideLayer('menu'); }
	else { showLayer('menu'); }
	isVis = !isVis;
	}

// Function to change slides if the user navigates with the arrows
function changeSlide(offset) {
	// Hide the existing Layer
	hideLayer('slide' + curSlide);

	// Calculate the next layer index number
	curSlide = (curSlide + offset < 0 ? slideShow.length - 1 :
		(curSlide + offset == slideShow.length ? 0 : curSlide + offset));

	// Show the desired layer
	showLayer('slide' + curSlide);
	}

// Function to change the slide if user navigates with the menu
function setSlide(ref) {
	if (tourOn) { return; }
	hideLayer('slide' + curSlide);
	curSlide = ref;
	showLayer('slide' + curSlide);
	}

// Image rollover function
function imageSwap(imagePrefix, imageIndex, isOver) {
	if (isOver) { document[imagePrefix].src = imgOver[imageIndex].src; }
	else { document[imagePrefix].src = imgOut[imageIndex].src; }
	}

// Places an empty string in the status bar to avoid annoying URL displays
function hideStatus() { window.status = ''; }

// Start or stop the automated tour
function autoPilot() {
	// Stop the tour if it is running
	if (tourOn) {
		clearInterval(auto);
		imageSwap(slideShow[curSlide].name, curSlide, false);
		}
	// Otherwise begin the tour from the currently viewed slide
	else {
		auto = setInterval('automate()', showSpeed);
		imageSwap(slideShow[curSlide].name, curSlide, true);

		// Show the menu if it is not currrently visible
		showLayer('menu');
		visible = true;
		}
	tourOn = !tourOn;
	}

// Automate the slideshow
function automate() {
	// Incite the image rollver
	imageSwap(slideShow[curSlide].name, curSlide, false);

	// Incite the slide change
	changeSlide(1);

	// Incite the image rollver
	imageSwap(slideShow[curSlide].name, curSlide, true);
	}

//-->


