var oldBild = '';

function addRow(bild){
	var image = bild + ".jpg";
	if(oldBild == bild){
		document.getElementById('lastRow').style.display = 'none';
		document.getElementById('lastRow').removeChild(document.getElementById('insertCol'));
		oldBild = '';
	}else if(oldBild == ''){
		var spalte = document.createElement('td');
		spalte.id = 'insertCol';
		spalte.style.textAlign = 'center';
		spalte.innerHTML ='Mit einem Klick auf die Grafik, sehen sie ein Video der Bahn.<p><img src="../short_img/' + image + '" onclick="startvideo(\'' + bild + '\');" /><br/>&nbsp;</p>';
		document.getElementById('lastRow').appendChild(spalte);
		document.getElementById('lastRow').style.display = 'block';
		oldBild = bild;
	}else if(oldBild != '' && oldBild != bild){
		document.getElementById('insertCol').innerHTML ='Mit einem Klick auf die Grafik, sehen sie ein Video der Bahn.<p><img src="../short_img/' + image + '" onclick="startvideo(\'' + bild + '\');" /><br/>&nbsp;</p>';
		oldBild = bild;
	}
	
}

function startvideo(film){
	switch(film){
		case 'bahn1' : var url = 'http://www.baumschule-ammann.de/';
		break;
		case 'bahn2' : var url = 'http://www.naturkraft-silva.de/';
		break;
		case 'bahn3' : var url = 'http://www.boffi-konstanz.com/';
		break;
		case 'bahn4' : var url = 'http://www.schelle-singen.de/';
		break;
		case 'bahn5' : var url = 'http://www.bora-sauna.de/';
		break;
		case 'bahn6' : var url = 'http://www.naturheilverfahren-kornmayer.de';
		break;
		case 'bahn7' : var url = 'http://www.golf.wetter.com/';
		break;
		case 'bahn8' : var url = 'http://www.immobilien-im-hegau.de/';
		break;
		case 'bahn9' : var url = 'http://www.horn-consulting-services.com/';
		break;
		case 'bahn10' : var url = 'http://www.mettnau.com/';
		break;
		case 'bahn11' : var url = 'http://www.heikorn.de/';
		break;
		case 'bahn12' : var url = 'http://www.singencongress.de/';
		break;
		case 'bahn13' : var url = 'http://www.seehotel-adler.de/';
		break;
		case 'bahn14' : var url = 'http://www.steidle.de/';
		break;
		case 'bahn15' : var url = 'http://www.ley-gmbh.de/';
		break;
		case 'bahn16' : var url = 'http://www.steisslingen.de/';
		break;
		case 'bahn17' : var url = 'http://www.golfclubrestaurant-hole19.de/';
		break;
		case 'bahn18' : var url = 'http://www.fuchs-haustechnik.de/';
		break;
		
	}
	var filmlayer = document.createElement('div');
	var film = film + ".swf";
	filmlayer.id = 'Filmlayer';
	filmlayer.style.width = '720px';
	filmlayer.style.height = 'auto';
	filmlayer.style.border = '1px solid black';
	filmlayer.style.top = '400px';
	filmlayer.style.left = '250px';
	filmlayer.style.position = 'absolute';
	filmlayer.style.zIndex = '2';
	filmlayer.innerHTML = '<p class="close" align="right"><span class="closelink" onclick="closeDiv();">schließen</span>&nbsp;&nbsp;</p>'
											+ '<object style="z-index:0;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="720" height="580" id="Bahn1" align="middle">'
											+ '<param name="allowScriptAccess" value="sameDomain" />'
											+ '<param name="wmode" value="opaque" />'
											+ '<param name="allowFullScreen" value="false" />'
											+ '<param name="movie" value="http://www.golfclub-steisslingen.com/tmp/platzflash/' + film + '" /><param name="quality" value="high" /><param name="bgcolor" value="#999999" />	<embed style="z-index:0;" wmode="opaque" src="http://www.golfclub-steisslingen.com/tmp/platzflash/' + film + '" quality="high" bgcolor="#999999" width="720" height="580" name="Bahn1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'
											+ '</object><div onclick="popup(\'' + url + '\');" class="ghostDiv">&nbsp;</div>';
	document.body.appendChild(filmlayer);
}

function closeDiv(){
	document.body.removeChild(document.getElementById('Filmlayer'));
}

function popup (url) {
 fenster = window.open(url,"Popupfenster", "width=550,height=400,resizable=yes,toolbar=1");
 fenster.focus();
 return false;
}

function previewBahn(nummer){
	var zeile = document.getElementById('lastRow');
	if(nummer < 1){nummer = 18;}
	if(nummer > 18){nummer = 1;}
	var bild = "bahn" + nummer;
	var next = nummer + 1;
	var prev = nummer - 1;
	var image = bild + ".jpg";
	var film = bild + "klein.swf";  
	switch(bild){
		case 'bahn1' : var url = 'http://www.baumschule-ammann.de/';
		break;
		case 'bahn2' : var url = 'http://www.naturkraft-silva.de/';
		break;
		case 'bahn3' : var url = 'http://www.boffi-konstanz.com/';
		break;
		case 'bahn4' : var url = 'http://www.schelle-singen.de/';
		break;
		case 'bahn5' : var url = 'http://www.bora-sauna.de/';
		break;
		case 'bahn6' : var url = 'http://www.naturheilverfahren-kornmayer.de';
		break;
		case 'bahn7' : var url = 'http://www.golf.wetter.com/';
		break;
		case 'bahn8' : var url = 'http://www.immobilien-im-hegau.de/';
		break;
		case 'bahn9' : var url = 'http://www.horn-consulting-services.com/';
		break;
		case 'bahn10' : var url = 'http://www.mettnau.com/';
		break;
		case 'bahn11' : var url = 'http://www.heikorn.de/';
		break;
		case 'bahn12' : var url = 'http://www.singencongress.de/';
		break;
		case 'bahn13' : var url = 'http://www.seehotel-adler.de/';
		break;
		case 'bahn14' : var url = 'http://www.steidle.de/';
		break;
		case 'bahn15' : var url = 'http://www.ley-gmbh.de/';
		break;
		case 'bahn16' : var url = 'http://www.steisslingen.de/';
		break;
		case 'bahn17' : var url = 'http://www.golfclubrestaurant-hole19.de/';
		break;
		case 'bahn18' : var url = 'http://www.fuchs-haustechnik.de/';
		break;
	}
	
	var text = '<td  style="padding-bottom: 70px;">';
	for(var a = 1;a < 19;a++){
		text += '<button class="bahnbutton" onclick="previewBahn(' + a + ');">' + a + '</button>';
	}
	var film	=  ' <p align="left"><img src="../short_img/' + image + '" style="vertical-align:top;margin-right:5px;">'
							+ '<object style="z-index:0;vertical-align:middel" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="375" height="321" id="Bahn1" align="middle">'
							+ '<param name="allowScriptAccess" value="sameDomain" />'
							+ '<param name="wmode" value="opaque" />'
							+ '<param name="allowFullScreen" value="false" />'
							+ '<param name="movie" value="http://www.golfclub-steisslingen.com/tmp/shortvideo/' + film + '" /><param name="quality" value="high" /><param name="bgcolor" value="#FDEDCB" />	<embed style="z-index:0;vertical-align:middel" wmode="opaque" src="http://www.golfclub-steisslingen.com/tmp/shortvideo/' + film + '" quality="high" bgcolor="#FDEDCB" width="375" height="321" name="Bahn1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'
							+ '</object><div onclick="popup(\'' + url + '\');" id="ghostDivklein">&nbsp;</div>'
							+ '<div id="divFilmButton"><button onclick="startvideo(\'' + bild + '\');">Video im Gro&szlig;format</button>'
							+ '<p>&nbsp;</p></div>'
							+ '<p style="paddin-bottom:350px;">&nbsp;'
							+ '<div id="divBildButtons" style="padding-bottom: 20px;"><button onclick="previewBahn(' + prev + ')">Prev Tee</button>'
							+ '<button onclick="setUeber();">&Uuml;bersicht</button>'
							+ '<button onclick="previewBahn(' + next + ')">Next Tee</button>'
							+ '</div><p width="730" style="margin-top:-80px;">3D Darstellung und Videos<br/><a href="http://www.tdgolfpromotion.com" target="_blank">www.tdgolfpromotion.com</a>&nbsp&&nbsp;<a href="http://www.geo-scan.de" target="_blank">www.geo-scan.de &copy;</p></p></td>';
	zeile.innerHTML = text + film; 
	document.getElementById('text').style.display = 'none';
	document.getElementById('strich').style.display = 'none';
}

function setUeber(){
	var zeile = document.getElementById('lastRow');
	var text = '<p>';
	for(var a = 1;a < 19;a++){
		text += '<button class="bahnbutton" onclick="previewBahn(' + a + ');">' + a + '</button>';
	}
	var link = '<p>3D Darstellung und Videos <a href="http://www.tdgolfpromotion.com" target="_blank">www.tdgolfpromotion.com</a>&nbsp&&nbsp;<a href="http://www.geo-scan.de" target="_blank">www.geo-scan.de &copy;</a></p>'
	zeile.innerHTML = '<td id="lastRow" height="20" align="center" valign="middle"><img id="test" style="cursor:default;" src="../platzimg/3D_Uebersicht_short.jpg" alt="18 - Loch Platz"  usemap="#Golfplatz"></td>' + link + text + '<tr>'  
                  + '<td align="left" valign="middle"><span class="subtitle"><img src="../gfx/gfx_lay/blank.gif" alt="" width="100%" height="15"></span></td>'
                  + '</tr>'
                  + '<tr id="strich">'
                  + ' <td align="left" valign="middle"><img src="../gfx/gfx_lay/trennlinie.gif" alt="" width="739" height="3"></td>'
                  + '</tr>';
	document.getElementById('text').style.display = 'block';

}

function aendern(mouse){
	if(document.getElementById('test')){
		if(mouse == 'over'){
			document.getElementById('test').style.cursor = 'pointer';
		}else{
			document.getElementById('test').style.cursor = 'default';
		}
	}
}