var Pic = new Array();
Pic[0] = '../../img/fotos/tp_1_106_80.jpg';
Pic[1] = '../../img/fotos/tp_2_106_80.jpg';
Pic[2] = '../../img/fotos/tp_3_106_80.jpg';
Pic[3] = '../../img/fotos/tp_4_106_80.jpg';
Pic[4] = '../../img/fotos/tp_5_106_80.jpg';

var BPic = new Array();
BPic[0] = 'img/indicator.gif';
BPic[1] = 'img/icon_up.gif';
BPic[2] = 'img/icon_down.gif';
BPic[3] = 'img/noten_1.jpg';

var BpreLoad = new Array();
var n = 0;
for (n=0;n<BPic.length;n++) {
	BpreLoad[n] = new Image();
	BpreLoad[n].src = BPic[n];
}

var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
var i = 0;
for (i = 0; i < p; i++){
     preLoad[i] = new Image();
     preLoad[i].src = Pic[i];
}
function runBGSlideShow(){
		//Effect.Fade('l_p1', {duration:1});
		$('l_p1').style.backgroundImage = 'url("'+Pic[j]+'")';
		//Effect.Appear('l_p1', {duration:2});
		//Effect.Fade('l_p2', {duration:1});
		$('l_p2').style.backgroundImage = 'url("'+Pic[(j+1)%p]+'")';
		//Effect.Appear('l_p2', {duration:2});
		//Effect.Fade('l_p3', {duration:1});
		$('l_p3').style.backgroundImage = 'url("'+Pic[(j+2)%p]+'")';
		//Effect.Appear('l_p3', {duration:2});
		//Effect.Fade('l_p4', {duration:1});
		$('l_p4').style.backgroundImage = 'url("'+Pic[(j+3)%p]+'")';
		//Effect.Appear('l_p4', {duration:2});
		j = j + 1;
		if (j > (p-1)) j=0;
		t = setTimeout('runBGSlideShow()', 2000);
}

function switchImage(whichImage,imageNumber){
   	document.images[whichImage].src = BpreLoad[imageNumber].src;
}

function showLayer(lid) {
	hideAllLayer();
	$(lid).style.visibility = "visible";
	var to;
	to = setTimeout('hideAllLayer()', 15000)
	//return true;
}

function hideLayer(lid) {
	$(lid).style.visibility = "hidden";
	//return true;
}

function hideAllLayer() {
	$("nav_002_panel").style.visibility = "hidden";
	$("nav_003_panel").style.visibility = "hidden";
	$("nav_004_panel").style.visibility = "hidden";
}

function loadImg(lid, sUrl, iw, ih) {
	var sHtml = "<div id='divInd' style='position:absolute;left:0px;top:0px;width:"+iw+"px;height:"+ih+"px;z-index:3;background-color:#FFFFFF;text-align:center;border:none;'>";
	sHtml = sHtml + "<span style='position:absolute;left:"+((iw-100)/2+15)+"px;top:"+((ih-20)/2)+"px;vertical-align:middle;z-index:4;'>";
	sHtml = sHtml + "<img src='../../img/indicator.gif' width='16' height='16' alt='' />";
	sHtml = sHtml + "</span>";
	sHtml = sHtml + "<span style='position:absolute;left:"+(((iw-100)/2)+35)+"px;top:"+((ih-20)/2)+"px;vertical-align:middle;z-index:4;'>";
	sHtml = sHtml + "<b class='fIndText'>Loading...</b>";
	sHtml = sHtml + "</span>";
	sHtml = sHtml + "</div>";
	$(lid).innerHTML = sHtml;	
	setOpacity("divInd", 4);
	var url = sUrl;
	var pars = '';
	new Ajax.Updater(lid, url, {method: 'get', parameters: pars});
}

function loadContent(lid, sUrl, iw, ih) {
	var sHtml = "<div id='divIndnav' style='position:absolute;left:0px;top:0px;width:"+iw+"px;height:"+ih+"px;z-index:3;background-color:#FFFFFF;text-align:center;border:none;'>";
	sHtml = sHtml + "<span style='position:absolute;left:"+((iw-100)/2+15)+"px;top:"+((ih-20)/2)+"px;vertical-align:middle;z-index:4;'>";
	sHtml = sHtml + "<img src='../../img/indicator.gif' width='20' height='20' alt='' />";
	sHtml = sHtml + "</span>";
	sHtml = sHtml + "<span style='position:absolute;left:"+(((iw-100)/2)+35)+"px;top:"+((ih-20)/2)+"px;vertical-align:middle;z-index:4;'>";
	sHtml = sHtml + "<b class='fIndText'>Loading...</b>";
	sHtml = sHtml + "</span>";
	sHtml = sHtml + "</div>";
	$(lid).innerHTML = sHtml;	
	setOpacity('divIndnav', 4);
	var url = sUrl;
	var pars = '';
	new Ajax.Updater(lid, url, {method: 'get', parameters: pars});
}
function setOpacity(oid, value) {
	if (window.XMLHttpRequest) {
		$(oid).style.opacity = value/10;
	} else {
		$(oid).style.filter = 'alpha(opacity=' + value*10 + ')';
	}
}

function verScroll(lid, dir, spd) {
	loop = true;
	layer = "";
	direction = "up";
	speed = 10;
	scrolltimer = null;
	if (lid.indexOf('#')!=-1) {
		p = lid.indexOf('#');
		iParent = lid.substring(0, p);
		iChild = lid.substring(p+1);
	} else {
		iParent = "";
		iChild = lid;
	}
	var page;
	if (iParent=="") {
		page= $(iChild);	
	} else {
		if (document.all) {
			var temp = frames[iParent].document;
		} else {
			var temp = $(iParent).contentDocument;
		}
		page = temp.getElementById(iChild);
	}
	//layer = iChild;
	layer = lid;
	direction = dir;
	speed = spd;
	var y_pos = parseInt(page.style.top);
	var y_h = parseInt(page.style.height);
	if (loop == true) {
		if (document.all) {
			if (direction == "dn" && ((y_pos + y_h) > 460) && (y_h > 4000)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else if (direction == "dn" && ((y_pos + y_h) > 210) && (y_h > 2500) && (y_h <= 4000)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else if (direction == "dn" && ((y_pos + y_h) > 210) && (y_h > 1000) && (y_h <= 2500)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else if (direction == "dn" && ((y_pos + y_h) > 20) && (y_h <= 1000)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else {
				if (direction == "up" && y_pos < 0) {
					page.style.top = (y_pos + (speed)) + "px";
				} else {
					if (direction == "top") {
						page.style.top = 10 + "px";
      				}
   				}
			}
		} else {
			if (direction == "dn" && ((y_pos + y_h) > 210) && (y_h > 1000)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else if (direction == "dn" && ((y_pos + y_h) > 20) && (y_h <= 1000)) {
				page.style.top = (y_pos - (speed)) + "px";
			} else {
				if (direction == "up" && y_pos < 0 && (y_h <= 1000)) {
					page.style.top = (y_pos + (speed)) + "px";
				} else if (direction == "up" && (y_pos < (y_h - 940)) && (y_h > 1000) && (y_pos < 0)) {
					page.style.top = (y_pos + (speed)) + "px";
				} else {
					if (direction == "top") {
						page.style.top = 10 + "px";
      				}
   				}
			}
		}
		scrolltimer = setTimeout("verScroll(layer,direction,speed)", 1);
   	}
}
function stopScroll() {
	loop = false;
	clearTimeout(scrolltimer);
}
/** This is high-level function.
 * It must react to delta being more/less than zero.
 */
function handle(delta) {
	if ($('cInline')) {
		page = $('cInline');
	} else {
		if (document.all) {
			var temp = frames['ifContent'].document;
		} else {
			var temp = $('ifContent').contentDocument;
		}
		page = temp.getElementById('cInline');
	}
	var y_pos = parseInt(page.style.top);
	var y_h = parseInt(page.style.height);
	if (delta < 0) {
		//window.alert(delta);
		if (((y_pos + y_h) > 205) && (y_h > 1000)) {
			page.style.top = (y_pos + (delta * 10)) + "px";
		} else if (((y_pos + y_h) > 15) && (y_h <= 1000)) {
			page.style.top = (y_pos + (delta * 10)) + "px";
		} else {	
		}
	} else {
		//window.alert('up');
		if (y_pos < -5 && (y_h <= 1000)) {
			page.style.top = (y_pos + (delta * 10)) + "px";
		} else if ((y_pos < (y_h - 940)) && (y_h > 1000) && (y_pos < 0)) {
			page.style.top = (y_pos + (delta * 10)) + "px";
		} else {
		}
	}
}

/** Event handler for mouse wheel event.
 */
function wheel(event){
		//window.alert('mousewheel');
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                /** In Opera 9, delta differs in sign as compared to IE.
                 */
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -event.detail/3;
        }
        /** If delta is nonzero, handle it.
         * Basically, delta is now positive if wheel was scrolled up,
         * and negative, if wheel was scrolled down.
         */
        if (delta)
                handle(delta);
        /** Prevent default actions caused by mouse wheel.
         * That might be ugly, but we handle scrolls somehow
         * anyway, so don't bother here..
         */
        if (event.preventDefault)
                event.preventDefault();
	event.returnValue = false;
}

function gotoUrl(url, depth) {
	if (depth==1) {
		parent.location.href = url;
	} else {
		location.href = url;
	}
}

function getFoto(fn, w, h) {
	window.open('popup/'+fn+'.htm', '', 'width='+w+', height='+h+', toolbar=no, location=no, scrollbars=no, menubar=no, status=no, resizable=no, fullscreen=no, directories=no, titlebar=no');
}

function loadText(textId) {
	$('s_text').innerHTML = textPage[textId];
	//$('s_arrow').innerHTML = textPage[textId+1];
}

function loadThumb(id) {
	if (id==1) {
		textPage = "<span id='l_thumb' style='position:absolute; left:39px; top:0px; width:120px; height:170px; z-index:3; border:0px;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;flyer_1&quot;,605,841);'>";
		textPage = textPage + "<img name='bflyer_1' src='img/flyers/OHKonzert1104Flyer_klein.jpg' width='119' height='168' border='0' />";
		textPage = textPage + "</a></span>";
		textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:100px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(2);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	if (id==2) {
		textPage = "<span id='l_thumb' style='position:absolute; left:39px; top:0px; width:120px; height:170px; z-index:3; border:0px;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;flyer_2&quot;,605,836);'>";
		textPage = textPage + "<img name='bflyer_2' src='img/flyers/OHKonzert0605Flyer_klein.jpg' width='119' height='167' border='0' />";
		textPage = textPage + "</a></span>";
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(1);'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
		textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:100px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(3);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	if (id==3) {
		textPage = "<span id='l_thumb' style='position:absolute; left:39px; top:0px; width:120px; height:170px; z-index:3; border:0px;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;flyer_3&quot;,568,802);'>";
		textPage = textPage + "<img name='bflyer_3' src='img/flyers/OHKonzert1105Flyer_klein.jpg' width='111' height='160' border='0' />";
		textPage = textPage + "</a></span>";
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(2);'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
		textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:100px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(4);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	if (id==4) {
		textPage = "<span id='l_thumb' style='position:absolute; left:39px; top:0px; width:120px; height:170px; z-index:3; border:0px;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;flyer_4&quot;,580,800);'>";
		textPage = textPage + "<img name='bflyer_4' src='img/flyers/OHKonzert0406Flyer_klein.jpg' width='118' height='167' border='0' />";
		textPage = textPage + "</a></span>";
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:170px; width:100px; height:30px; z-index:3; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(3);'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	
	if (id==61) {
		textPage = "<span id='l_thumb_024' style='position:absolute; left:5px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_024&quot;,815,480);'>";
		textPage = textPage + "<img name='oh_024' src='img/fotos/OH_024_k.jpg' width='115' height='69' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_023' style='position:absolute; left:125px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_023&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_023' src='img/fotos/OH_023_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_022' style='position:absolute; left:245px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_022&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_022' src='img/fotos/OH_022_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_021' style='position:absolute; left:365px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_021&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_021' src='img/fotos/OH_021_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_020' style='position:absolute; left:5px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_020&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_020' src='img/fotos/OH_020_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_019' style='position:absolute; left:125px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_019&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_019' src='img/fotos/OH_019_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_018' style='position:absolute; left:245px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_018&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_018' src='img/fotos/OH_018_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_017' style='position:absolute; left:365px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_017&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_017' src='img/fotos/OH_017_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		//textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		//textPage = textPage + "<a class='fArrows' href='hPresseFotos.htm'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px' border='0px'></a>";
		//textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
		
		textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:240px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(62);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px' border='0px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	if (id==62) {
		textPage = "<span id='l_thumb_016' style='position:absolute; left:5px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_016&quot;,607,800);'>";
		textPage = textPage + "<img name='oh_016' src='img/fotos/OH_016_k.jpg' width='115' height='155' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_015' style='position:absolute; left:125px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_015&quot;,607,800);'>";
		textPage = textPage + "<img name='oh_015' src='img/fotos/OH_015_k.jpg' width='115' height='155' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_014' style='position:absolute; left:245px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_014&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_014' src='img/fotos/OH_014_k.jpg' width='115' height='86' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_013' style='position:absolute; left:365px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_013&quot;,617,376);'>";
		textPage = textPage + "<img name='oh_013' src='img/fotos/OH_013_k.jpg' width='115' height='71' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_012' style='position:absolute; left:5px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_012&quot;,780,471);'>";
		textPage = textPage + "<img name='oh_012' src='img/fotos/OH_012_k.jpg' width='115' height='71' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_011' style='position:absolute; left:125px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_011&quot;,815,600);'>";
		textPage = textPage + "<img name='oh_011' src='img/fotos/OH_011_k.jpg' width='115' height='87' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_010' style='position:absolute; left:245px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_010&quot;,815,532);'>";
		textPage = textPage + "<img name='oh_010' src='img/fotos/OH_010_k.jpg' width='115' height='76' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_009' style='position:absolute; left:365px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_009&quot;,810,666);'>";
		textPage = textPage + "<img name='oh_009' src='img/fotos/OH_009_k.jpg' width='115' height='96' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(61);'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px' border='0px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
		
		textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:240px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(63);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px' border='0px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
	}
	if (id==63) {
		textPage = "<span id='l_thumb_008' style='position:absolute; left:5px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_008&quot;,815,532);'>";
		textPage = textPage + "<img name='oh_008' src='img/fotos/OH_008_k.jpg' width='115' height='76' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_007' style='position:absolute; left:125px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_007&quot;,615,902);'>";
		textPage = textPage + "<img name='oh_007' src='img/fotos/OH_007_k.jpg' width='115' height='173' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_006' style='position:absolute; left:245px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_006&quot;,615,902);'>";
		textPage = textPage + "<img name='oh_006' src='img/fotos/OH_006_k.jpg' width='115' height='173' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_005' style='position:absolute; left:365px; top:5px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_005&quot;,815,532);'>";
		textPage = textPage + "<img name='oh_005' src='img/fotos/OH_005_k.jpg' width='115' height='76' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_004' style='position:absolute; left:5px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_004&quot;,815,532);'>";
		textPage = textPage + "<img name='oh_004' src='img/fotos/OH_004_k.jpg' width='115' height='76' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_003' style='position:absolute; left:125px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_003&quot;,815,532);'>";
		textPage = textPage + "<img name='oh_003' src='img/fotos/OH_003_k.jpg' width='115' height='76' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_002' style='position:absolute; left:245px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_002&quot;,810,675);'>";
		textPage = textPage + "<img name='oh_002' src='img/fotos/OH_002_k.jpg' width='115' height='98' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumb_001' style='position:absolute; left:365px; top:195px; width:120px; height:190px; z-index:5; border:0px; vertical-align:top;'>";
		textPage = textPage + "<a style='cursor:pointer;' href='javascript:getFoto(&quot;OH_001&quot;,804,455);'>";
		textPage = textPage + "<img name='oh_001' src='img/fotos/OH_001_k.jpg' width='115' height='66' border='0' />";
		textPage = textPage + "</a></span>";
		
		textPage = textPage + "<span id='l_thumbsnavl' style='position:absolute; left:0px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		textPage = textPage + "<div><table border='0' width='100%'><tr><td align='left'><b class='fMainText'>";
		textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(62);'><img src='img/bts/bDoppelpfeilLeft.gif' width='17px' height='7px' border='0px'></a>";
		textPage = textPage + "</b></td></tr></table></div>";
		textPage = textPage + "</span>";
		
		//textPage = textPage + "<span id='l_thumbsnavr' style='position:absolute; left:240px; top:380px; width:240px; height:10px; z-index:5; border:0px;'>";
		//textPage = textPage + "<div><table border='0' width='100%'><tr><td align='right'><b class='fMainText'>";
		//textPage = textPage + "<a class='fArrows' onClick='javascript:loadThumb(63);'><img src='img/bts/bDoppelpfeilRight.gif' width='17px' height='7px' border='0px'></a>";
		//textPage = textPage + "</b></td></tr></table></div>";
		//textPage = textPage + "</span>";
	}
	$('l_thumbs').innerHTML = textPage;
}

