/*********************************************** 
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit http://www.dynamicdrive.com/ for this script and 100s more. 
***********************************************/ 

var fadeimages=new Array() 
//SET IMAGE PATHS. Extend or contract array as needed 
fadeimages[0]=["fotos/hh_tour_1.jpg", "", ""]
fadeimages[1]=["fotos/hh_tour_2.jpg", "", ""] 
fadeimages[2]=["fotos/hh_tour_3.jpg", "", ""] 
fadeimages[3]=["fotos/hh_tour_4.jpg", "", ""] 
fadeimages[4]=["fotos/hh_tour_5.jpg", "", ""] 
fadeimages[5]=["fotos/hh_tour_6.jpg", "", ""]
fadeimages[6]=["fotos/hh_tour_7.jpg", "", ""] 
fadeimages[7]=["fotos/hh_tour_8.jpg", "", ""] 
fadeimages[8]=["fotos/hh_tour_9.jpg", "", ""] 
fadeimages[9]=["fotos/hh_tour_10.jpg", "", ""] 
fadeimages[10]=["fotos/hh_tour_11.jpg", "", ""] 
fadeimages[11]=["fotos/hh_tour_12.jpg", "", ""] 
fadeimages[12]=["fotos/hh_tour_13.jpg", "", ""] 
fadeimages[13]=["fotos/hh_tour_14.jpg", "", ""]
fadeimages[14]=["fotos/hh_tour_15.jpg", "", ""]
fadeimages[15]=["fotos/hh_tour_16.jpg", "", ""] 
fadeimages[16]=["fotos/hh_tour_17.jpg", "", ""]
fadeimages[17]=["fotos/hh_tour_18.jpg", "", ""]
fadeimages[18]=["fotos/hh_tour_19.jpg", "", ""]

var xmasimages=new Array() 
//SET IMAGE PATHS. Extend or contract array as needed 
xmasimages[0]=["fotos/weihnacht_1.jpg", "", ""] 
xmasimages[1]=["fotos/weihnacht_2.jpg", "", ""] 
xmasimages[2]=["fotos/weihnacht_3.jpg", "", ""] 
xmasimages[3]=["fotos/weihnacht_4.jpg", "", ""] 
xmasimages[4]=["fotos/weihnacht_5.jpg", "", ""]
xmasimages[5]=["fotos/weihnacht_6.jpg", "", ""]
xmasimages[6]=["fotos/weihnacht_7.jpg", "", ""]
xmasimages[7]=["fotos/weihnacht_8.jpg", "", ""]
xmasimages[8]=["fotos/hh_tour_1.jpg", "", ""]
xmasimages[9]=["fotos/hh_tour_13.jpg", "", ""]

var imprsimages=new Array() 
//SET IMAGE PATHS. Extend or contract array as needed 
imprsimages[0]=["fotos/impressum_1.jpg", "", ""]
imprsimages[1]=["fotos/impressum_2.jpg", "", ""]
imprsimages[2]=["fotos/impressum_3.jpg", "", ""]

var fadebgcolor="white" 

////NO need to edit beyond here///////////// 

var fadearray=new Array() //array to cache fadeshow instances 
var fadeclear=new Array() //array to cache corresponding clearinterval pointers 

var dom=(document.getElementById) //modern dom browsers 
var iebrowser=document.all 

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){ 
this.pausecheck=pause 
this.mouseovercheck=0 
this.delay=delay 
this.degree=10 //initial opacity degree (10%) 
this.curimageindex=0 
this.nextimageindex=1 
fadearray[fadearray.length]=this 
this.slideshowid=fadearray.length-1 
this.canvasbase="canvas"+this.slideshowid 
this.curcanvas=this.canvasbase+"_0" 
if (typeof displayorder!="undefined") 
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)  
this.theimages=theimages 
this.imageborder=parseInt(borderwidth) 
this.postimages=new Array() //preload images 
for (p=0;p<theimages.length;p++){ 
this.postimages[p]=new Image() 
this.postimages[p].src=theimages[p][0] 
} 

var fadewidth=fadewidth+this.imageborder*2 
var fadeheight=fadeheight+this.imageborder*2 

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox) 
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>') 
else 
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') 

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox 
this.startit() 
else{ 
this.curimageindex++ 
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) 
} 
} 

function fadepic(obj){ 
if (obj.degree<100){ 
obj.degree+=10 
if (obj.tempobj.filters&&obj.tempobj.filters[0]){ 
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+ 
obj.tempobj.filters[0].opacity=obj.degree 
else //else if IE5.5- 
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" 
} 
else if (obj.tempobj.style.MozOpacity) 
obj.tempobj.style.MozOpacity=obj.degree/101 
else if (obj.tempobj.style.KhtmlOpacity) 
obj.tempobj.style.KhtmlOpacity=obj.degree/100 
} 
else{ 
clearInterval(fadeclear[obj.slideshowid]) 
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" 
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) 
obj.populateslide(obj.tempobj, obj.nextimageindex) 
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0 
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay) 
} 
} 

fadeshow.prototype.populateslide=function(picobj, picindex){ 
var slideHTML="" 
if (this.theimages[picindex][1]!="") //if associated link exists for image 
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">' 
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">' 
if (this.theimages[picindex][1]!="") //if associated link exists for image 
slideHTML+='</a>' 
picobj.innerHTML=slideHTML 
} 


fadeshow.prototype.rotateimage=function(){ 
if (this.pausecheck==1) //if pause onMouseover enabled, cache object 
var cacheobj=this 
if (this.mouseovercheck==1) 
setTimeout(function(){cacheobj.rotateimage()}, 100) 
else if (iebrowser&&dom||dom){ 
this.resetit() 
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) 
crossobj.style.zIndex++ 
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",100) // &Uuml;bergangszeit
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" 
} 
else{ 
var ns4imgobj=document.images['defaultslide'+this.slideshowid] 
ns4imgobj.src=this.postimages[this.curimageindex].src 
} 
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0 
} 

fadeshow.prototype.resetit=function(){ 
this.degree=10 
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) 
if (crossobj.filters&&crossobj.filters[0]){ 
if (typeof crossobj.filters[0].opacity=="number") //if IE6+ 
crossobj.filters(0).opacity=this.degree 
else //else if IE5.5- 
crossobj.style.filter="alpha(opacity="+this.degree+")" 
} 
else if (crossobj.style.MozOpacity) 
crossobj.style.MozOpacity=this.degree/101 
else if (crossobj.style.KhtmlOpacity) 
crossobj.style.KhtmlOpacity=obj.degree/100 
} 


fadeshow.prototype.startit=function(){ 
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) 
this.populateslide(crossobj, this.curimageindex) 
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER 
var cacheobj=this 
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid) 
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1} 
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0} 
} 
this.rotateimage() 
} 

/* ################################################################ */

function datum()
	{
	var heute=new Date();
	var jahr=heute.getYear();
	var monat=heute.getMonth();
	var tag=heute.getDate();
	var monatsname=new Array("Januar","Februar","M&auml;rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
	
	if (jahr<200)		// Sonst gibt Netscape Jahreszahl falsch an, statt 2003: 2003-1900="103"
		{
		jahr=jahr+1900;		// also 1900 aufaddieren
		}
	document.getElementById("zeit").innerHTML="Hamburg, "+tag+". "+monatsname[monat]+" "+jahr;		
	}


/* ################################################################ */

function change(a,b)		// rollover-Effekt der Navi-Links
	{
	document.images[a].src="grafiken/button_"+b+".jpg";	
	}
	

/* ################################################################ */

function open_hilfe(w_file) 
{
var info_win = window.open(w_file,"hilfe","width=500,height=300,left=50,top=50,menubar=no,scrollbars=yes,resizable=no,locationbar=yes");
};


/* ################################################################ */

function infofenster(page, name, w, h, scroll)
{
var win1 = 50;
var wint = 50;
winprops = 'height='+h+', width='+w+', top='+wint+',left='+win1+',scrollbars='+scroll+',resizable'
win = window.open(page, name, winprops).focus(); 
}


/* ################################################################ */
// Hamburg-Tipps auf wir.htm
var tipps = new Array("","Tickets für das Hamburg-Dungeon gibt’s ab sofort auch bei den Hamburg-Lotsen. Wartezeiten erübrigen sich, denn als Gäste der Hamburg-Lotsen erhalten Sie bevorzugten Einlass.","Als Gast des Hamburg-Lotsen stehen Sie im Miniatur-Wunderland nicht in der Warteschlange, sondern gehen von der Kasse direkt hinein (&uuml;bliche Wartezeiten bis zu zwei Stunden!).","Als Gast des Hamburg-Lotsen erhalten Sie im Hamburger Engelsaal (Das Theater der leichten Muse) zwei Tickets zum Preis von einem.","Als Gast des Hamburg-Lotsen gehen Sie bei Kapit&auml;n Pr&uuml;sse g&uuml;nstiger an Bord zur Hafenrundfahrt &ndash; oder darf&rsquo;s ne eigene Barkasse sein?","Mit unserem Partner GeoBound k&ouml;nnen sie sich auch per GPS durch Hamburg lotsen lassen.");	// Tipptext
var tipplink = new Array("","www.thedungeons.com/de/hamburg-dungeon/","www.miwula.de","www.engelsaal.de","www.kapit&auml;n-pr&uuml;sse.de","www.geobound.de","");	// Tipplink
var tippbanner = new Array("","hamburgdungeon","miniwunderland","engelsaal","pruesse","geobound","");	// Tippbanner
var Anzahl = 5;	// Anzahl Tipps
var Zufall = Math.random();	// zuf&auml;llige Auswahl
var Zufall = Math.round((Anzahl-1) * Zufall) + 1;

function anzeige()
	{
	window.setTimeout ('weiter()', 10000); // Zeit die ein Tipp stehenbleibt
	}
function weiter()
	{
	self.location.href="wir.htm";	// neu Laden = neuer Tipp
	}


/* ############################################################### */
// Horizontaler Bilderlauf bei Referenzen
function scroller()			//  Bilder soll scrollen in Box, funktioniert nur im IE nicht Firefox (wg Doctype)
	{
	var breite=document.getElementById("bilder_box").offsetWidth;	//offsetWidth wird nicht mit style-Befehl angesprochen
	var c=document.getElementById("bilder_box").style;
	var pos_li=parseInt(c.left);			// am Anfang = 0, ganz links in der Box
	if (pos_li>= - breite)				// Bilder sollen nach links scrollen in den negativen Bereich
		{
		c.left=pos_li -1;			// Scrollschrittgröße
		}
	else
		{
		c.left=100;					// sind Bilder ganz durchgelaufen startet er wieder neu
		}
	setTimeout ("scroller()",30);	// Scrollschrittgeschwindigkeit
	}