var lamerbrowser, brversion = 0;

function startup()
{
	browsertest();
	fillup();
	preload();
}

function browsertest()
{// Macht Laufleiste schneller für lahme Browser / Reihenfolge beibehalten
	if      (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){brversion = new Number(RegExp.$1); lamerbrowser = 30} //lamerbrowser=30:normal =20:faster =40:slower
	else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){brversion = new Number(RegExp.$1); lamerbrowser = 30}
	else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){brversion = new Number(RegExp.$1); lamerbrowser = 30}
	else if (/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)){brversion = new Number(RegExp.$1); lamerbrowser = 30}
	else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){brversion = new Number(RegExp.$1); lamerbrowser = 20}
	else lamerbrowser = 30; // Wert unbestimmt abhängig vom jeweiligen Browser
}

function preload()
{// Preload im Hintergrund
	for (i = 0; i < BildArray.length; i++){
	BildObj = new Image();
	BildObj.src = BildArray[i];}
}

function drawmosaik()
{// Mosaikansicht
	document.write('<DIV ID="Bildermosaik" style="visibility:hidden"><DIV class="sc_menu"><ul class="sc_menu">');
	for (i = 1; i < Anzahl+1; i++){document.write('<li><a><img src="tn_'+BildArray[i-1]+'" WIDTH=122 HEIGHT=91 longdesc='+BildArray[i-1]+' onclick=enlarge(this)></a></li>');}
	document.write('</ul></DIV></DIV>');
}

// ***************************
// ***** BEGIN - Slideransicht
// ***************************
var sliderwidth = (document.title == "Easter Egg") ? sliderwidth = 847 : sliderwidth = 695;
var sliderheight = 143; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var actualwidth = '';
var cross_slide, lefttime;
	
for (i = 0; i < BildArray.length; i++)
{// Array für slider füllen
leftrightslide[i] = '<img src="tn_'+BildArray[i]+'" width="190" height="143" longdesc="'+BildArray[i]+'" onclick="enlarge(this)" class="thumbn">';
}

leftrightslide = '<nobr>' + leftrightslide.join("___") + "___" + '</nobr>'; // Größe Zwischenraum d. Bilder definieren z.B. Leerzeichen oder _
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">' + leftrightslide + '</span>');

document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden">');
document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + '" onMouseover=sliderchange() onMouseout="copyspeed=slidespeed">');
document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
document.write('</div></div>');
document.write('</td></table>');

function fillup()
{
	cross_slide=document.getElementById("test2");
	cross_slide2=document.getElementById("test3");
	cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
	actualwidth=document.getElementById("temp").offsetWidth;
	cross_slide2.style.left=actualwidth;
	lefttime=setInterval("slideleft()", lamerbrowser);
}

function slideleft()
{
	if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
		cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
	else
		cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth;

	if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
		cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
	else
		cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth;
}

function slideright()
{
	if (parseInt(cross_slide.style.left)<(actualwidth+8))
		cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed;
	else
		cross_slide.style.left=parseInt(cross_slide2.style.left)-actualwidth;

	if (parseInt(cross_slide2.style.left)<(actualwidth+8))
		cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed;
	else
		cross_slide2.style.left=parseInt(cross_slide.style.left)-actualwidth;
}

function sliderchange(e)
{
	var posx = 0;
	if (!e) var e = window.event;
	posx = e.clientX;
	var leftpos = document.getElementById("Master").offsetLeft;
	if (posx < leftpos + 270){
	clearInterval(lefttime);
	lefttime=setInterval("slideleft()",30);
	}
	else if (posx > leftpos + 670){
	clearInterval(lefttime);
	lefttime=setInterval("slideright()",30);
	}
	else copyspeed=0;
}
// *************************
// ***** END - Slideransicht
// *************************

function mosaik_on()
{// Umschalter für Ansichten auf Mosaik
	document.getElementById("Bilder").style.visibility = "hidden";
	document.getElementById("Bildermosaik").style.visibility = "visible";
	document.getElementById("SchalterS").style.visibility = "hidden";
	document.getElementById("SchalterM").style.visibility = "visible";
}

function slider_on()
{// Umschalter für Ansichten auf Slider
	document.getElementById("Bildermosaik").style.visibility = "hidden";
	document.getElementById("Bilder").style.visibility = "visible";
	document.getElementById("SchalterM").style.visibility = "hidden";
	document.getElementById("SchalterS").style.visibility = "visible";
}

function makemenu(menupoint, path)
{//flexibler Menügenerator --> Menüreihenfolge & Bilderlinks für alle Seiten hier ändern
	var m_point = new Array();
	var m_mouseover = new Array();
	var m_button = new Array();
	var m_link = new Array();
	var i = 0; var apos = "'";

	m_point[i++]= "Die Goldschmiede";					m_link[i] = path + "index.html";								m_button[i] = path + "Die_Goldschmiede_Nsecwhite.gif"; 	m_mouseover[i] = path + "Die_Goldschmiede_NRsecwhite.gif";
	m_point[i++]= "Ringe";								m_link[i] = path + "Ringe/ringe.html";							m_button[i] = path + "Ringe_Nsecwhite.gif"; 			m_mouseover[i] = path + "Ringe_NRsecwhite.gif";
	m_point[i++]= "Brillantringe";						m_link[i] = path + "Brillantringe/brillantringe.html";			m_button[i] = path + "Brillantringe_Nsecwhite.gif"; 	m_mouseover[i] = path + "Brillantringe_NRsecwhite.gif";
	m_point[i++]= "Perlringe";							m_link[i] = path + "Perlringe/perlringe.html"; 					m_button[i] = path + "Perlringe_Nsecwhite.gif"; 		m_mouseover[i] = path + "Perlringe_NRsecwhite.gif";
	m_point[i++]= "Trauringe";							m_link[i] = path + "Trauringe/trauringe.html";					m_button[i] = path + "Trauringe_Nsecwhite.gif"; 		m_mouseover[i] = path + "Trauringe_NRsecwhite.gif";
	m_point[i++]= "Schmuck";							m_link[i] = path + "Schmuck/schmuck.html"; 						m_button[i] = path + "Schmuck_Nsecwhite.gif"; 			m_mouseover[i] = path + "Schmuck_NRsecwhite.gif";
	m_point[i++]= "Ohrschmuck";							m_link[i] = path + "Ohrschmuck/ohrschmuck.html"; 				m_button[i] = path + "Ohrschmuck_Nsecwhite.gif"; 		m_mouseover[i] = path + "Ohrschmuck_NRsecwhite.gif"; 
	m_point[i++]= "Für Ihn";							m_link[i] = path + "Fur_Ihn/fur_ihn.html"; 						m_button[i] = path + "Fur_Ihn_Nsecwhite.gif"; 			m_mouseover[i] = path + "Fur_Ihn_NRsecwhite.gif";
	m_point[i++]= "Obstschale";							m_link[i] = path + "Obstschale/obstschale.html"; 				m_button[i] = path + "Obstschale_Nsecwhite.gif"; 		m_mouseover[i] = path + "Obstschale_NRsecwhite.gif"; 
	m_point[i++]= "Salz & Pfeffer";						m_link[i] = path + "Salz___Pfeffer/salz___pfeffer.html"; 		m_button[i] = path + "Salz___Pfeffer_Nsecwhite.gif";	m_mouseover[i] = path + "Salz___Pfeffer_NRsecwhite.gif";
	m_point[i++]= "Uhren";								m_link[i] = path + "Uhren/uhren.html"; 							m_button[i] = path + "Uhren_Nsecwhite.gif"; 			m_mouseover[i] = path + "Uhren_NRsecwhite.gif"; 
	m_point[i++]= "Personality";						m_link[i] = path + "Personality/personality.html"; 				m_button[i] = path + "Personality_Nsecwhite.gif";		m_mouseover[i] = path + "Personality_NRsecwhite.gif";
	m_point[i++]= "So finden Sie uns";					m_link[i] = path + "So_finden_Sie_uns/so_finden_sie_uns.html"; 	m_button[i] = path + "So_finden_Sie_uns_Nsecwhite.gif";	m_mouseover[i] = path + "So_finden_Sie_uns_NRsecwhite.gif";
	m_point[i++]= "Impressum";							m_link[i] = path + "Impressum/impressum.html"; 					m_button[i] = path + "Impressum_Nsecwhite.gif"; 		m_mouseover[i] = path + "Impressum_NRsecwhite.gif"; 
	m_point[i++]= 'Datenschutz" WIDTH=136 HEIGHT=15';	m_link[i] = path + "Impressum/datenschutz.html"; 				m_button[i] = path + "Datenschutz_Nsecwhite.gif"; 		m_mouseover[i] = path + "Datenschutz_NRsecwhite.gif";
	m_point[i++]= "";									m_link[i] = path + "Special/Easter.egg.html";				 	m_button[i] = path + "Blank.gif";						m_mouseover[i] = path + "Blank.gif";
	m_point[i++]= 'Ausstellungen" WIDTH=136 HEIGHT=16';	m_link[i] = path + "Ausstellungen/ausstellungen.html"; 			m_button[i] = path + "Ausstellungen_Nsecwhite.gif"; 	m_mouseover[i] = path + "Ausstellungen_NRsecwhite.gif"; 

	document.write('<DIV ID="Navigationsleiste"><TABLE ID="Navigationsleiste" CELLSPACING=0 CELLPADDING=1>');
	for (i = 1; i < m_point.length+1; i++){
	if (menupoint.test(m_button[i])) {m_button[i]=m_button[i].replace(/_N/, "_H"); m_mouseover[i]=m_mouseover[i].replace(/_NR/, "_HR");} // Setze dunkle Markierung für aktuellen Menüpunkt
	document.write('<TR><TD><A HREF="'+m_link[i]+'"><img name="button'+i+'" src="'+m_button[i]+'" onMouseOver="button'+i+'.src='+apos+m_mouseover[i]+apos+'" onMouseOut="button'+i+'.src='+apos+m_button[i]+apos+'" border=0 ALT="'+m_point[i-1]+'"></A></TD></TR>');}
	document.write('</TABLE></DIV>');
}

function makeswitch()
{// Umschalterbuttons für Ansichten Slider & Mosaik
	var apos = "'";
	document.write('<DIV ID="SchalterS"><a><IMG SRC="../A1B.gif"><IMG SRC="../Spacer.gif"><IMG name="SchalterS" SRC="../A2B.gif" onclick=mosaik_on() onMouseOver="SchalterS.src='+apos+'../A2R.gif'+apos+'" onMouseOut="SchalterS.src='+apos+'../A2B.gif'+apos+'" class=switch></a></DIV>');
	document.write('<DIV ID="SchalterM" style="visibility:hidden"><a><IMG name="SchalterM" SRC="../A1B.gif" onclick=slider_on() onMouseOver="SchalterM.src='+apos+'../A1R.gif'+apos+'" onMouseOut="SchalterM.src='+apos+'../A1B.gif'+apos+'" class=switch><IMG SRC="../Spacer.gif"><IMG SRC="../A2B.gif"></a></DIV>');
}
