// Galerie-Farben
farbe_100 = new Array();
farbe_15 = new Array();

farbe_100[0] = "#FFFFFF";
farbe_15[0] = "#F7F7F7";

farbe_100[1] = "#ED7D23";
farbe_15[1] = "#FCECDE";

farbe_100[2] = "#23ADED";
farbe_15[2] = "#DEF3FC";

farbe_100[3] = "#B2ED23";
farbe_15[3] = "#F4FCDE";

farbe_100[4] = "#EDE623";
farbe_15[4] = "#FCFBDE";

// Variablen auf 0 setzen
laden_ende = 0;
laden_wert = 0;
laden_weiterleitung = 0;
html_version = 0;
version_wechsel = 0;
letzte_kategorie = 1;
letztes_motiv = 0;
oben_aufenthalt = true;


// Einstieg
function einstieg(seiten_version) {
	document.getElementById("visitenkarte").style.display = "none";

	if (seiten_version == "html") {
		version();
	}

	document.getElementById("oben").style.left = "50%";
	document.getElementById("unten").style.left = "50%";
}

// Browser-Fehlermeldungen 
function flash_fehler() {
	if (document.getElementById("flash_fehler").innerHTML == "") {
		document.getElementById("flash_fehler").innerHTML = '<strong>hinweis:</strong><br>um die flash-version dieses internetauftritts<br>betrachten zu können, benötigen sie das<br><a href="http://www.macromedia.com/go/getflashplayer_de" target="_blank"><img src="pictures/visitenkarte/get_flash_player.gif" alt="flash player herunterladen"></a> kostenlose <strong>flash plugin</strong> (version 6 oder höher).';
	}
}


// Navigation
function navigation (kategorie, bereich, motiv, top) {
	unten.document.getElementById("unten_breite").style.visibility = "hidden";

	if (bereich == "oben") {
		if (!oben_aufenthalt) {
			document.getElementById("unten_iframe").src = "unten.php";
			document.getElementById("oben_version").style.top = "auto";
		}

		if (kategorie < 4) {
			document.getElementById("oben_" + kategorie).style.color = "#afafaf";
			document.getElementById("oben_" + kategorie).style.textDecoration = "underline";
		}

		document.getElementById("zusatz_oben").style.backgroundColor = farbe_15[0];
		document.getElementById("zusatz_unten").style.backgroundColor = farbe_15[0];

		document.getElementById("text_1").style.top = "-10000px";
		document.getElementById("text_2").style.top = "-10000px";
		document.getElementById("text_3").style.top = "-10000px";
		document.getElementById("text_4").style.top = "-10000px";
		document.getElementById("text_" + kategorie).style.top = "0px";

		if (kategorie == "4") {
			document.getElementById("impressum").style.visibility = "hidden";
		}
		else if (document.getElementById("impressum").style.visibility == "hidden") {
			document.getElementById("impressum").style.visibility = "visible";
		}

		document.getElementById("text").style.top = "65px";
		document.getElementById("ueberschrift").style.top = "-10000px";
		document.getElementById("detail").style.top = "-10000px";
		document.getElementById("musik_img").src = "pictures/layout/zusatz/musik_0.gif";

		document.getElementById("beschreibung").style.visibility = "hidden";

		document.getElementById("unten_kategorie").style.left = "-10000px";
		document.getElementById("unten_keine_kategorie_1").style.left = "auto";
		document.getElementById("unten_keine_kategorie_2").style.left = "auto";

		document.getElementById("unten_pfeil_links").style.display = "none";
		document.getElementById("unten_pfeil_rechts").style.display = "none";
		document.getElementById("unten_sortierung").style.display = "none";

		oben_aufenthalt = true;
	}
	else {
		if (document.getElementById("impressum").style.visibility == "hidden") {
			document.getElementById("impressum").style.visibility = "visible";
		}

		if (document.getElementById("oben_version").style.top != "-10000px") {
			document.getElementById("oben_version").style.top = "-10000px";
		}

		if (bereich == "links" || top == 1) {

			if (!top) {
				top = 0;
			} 

			if (!motiv) {
				motiv = 0;
			} 

		document.getElementById("unten_iframe").src = "unten.php?kategorie=" + kategorie + "&top=" + top + "&aktiv=" + motiv;
		}

		if (motiv != letztes_motiv) {		
			document.getElementById("beschreibung_iframe").src = "beschreibung.php?kategorie=" + kategorie + "&motiv=" + motiv;
		}

		document.getElementById("zusatz_oben").style.backgroundColor = farbe_15[kategorie];
		document.getElementById("zusatz_unten").style.backgroundColor = farbe_15[kategorie];

		document.getElementById("text").style.top = "-10000px";
		document.getElementById("detail").style.top = "59px";
		document.getElementById("ueberschrift").style.top = "0px";
		document.getElementById("musik_img").src = "pictures/layout/zusatz/musik_" + kategorie + ".gif";

		document.getElementById("beschreibung").style.visibility = "visible";
		document.getElementById("beschreibung_1").style.color = farbe_100[kategorie];

		document.getElementById("unten_kategorie").style.left = "auto";
		document.getElementById("unten_keine_kategorie_1").style.left = "-10000px";
		document.getElementById("unten_keine_kategorie_2").style.left = "-10000px";

		document.getElementById("unten_pfeil_links").style.display = "block";
		document.getElementById("unten_pfeil_rechts").style.display = "block";
		
		document.getElementById("unten_sortierung").style.display = "block";
		document.getElementById("unten_sortierung_1").href = "unten.php?kategorie=" + kategorie + "&sortierung=datum";
		document.getElementById("unten_sortierung_2").href = "unten.php?kategorie=" + kategorie + "&sortierung=bewertung";
		document.getElementById("unten_sortierung_3").href = "unten.php?kategorie=" + kategorie + "&sortierung=kunde";
		
	}

	if (letzte_kategorie) {
		if (document.getElementById("oben_" + letzte_kategorie) && letzte_kategorie != kategorie) {
			document.getElementById("oben_" + letzte_kategorie).style.color = "#C7C7C7";
			document.getElementById("oben_" + letzte_kategorie).style.textDecoration = "none";
		}
		document.getElementById("ueberschrift_" + letzte_kategorie).style.left = "-10000px";
		document.getElementById("links_bg_" + letzte_kategorie).style.display = "none";
		document.getElementById("links_a_" + letzte_kategorie).style.borderColor = "#E4E4E4";
		document.getElementById("links_p_" + letzte_kategorie).style.backgroundColor = farbe_100[0];
		document.getElementById("links_strong_" + letzte_kategorie).style.visibility = "visible";
		document.getElementById("links_img_" + letzte_kategorie).style.visibility = "visible";
		document.getElementById("links_h2_" + letzte_kategorie).style.display = "inline";
		document.getElementById("links_h1_" + letzte_kategorie).style.left = "-10000px";
	}

	if (bereich != "oben") {
		document.getElementById("ueberschrift_" + kategorie).style.left = "auto";
		document.getElementById("links_bg_" + kategorie).style.display = "block";
		document.getElementById("links_a_" + kategorie).style.borderColor = "#D6D6D6";
		document.getElementById("links_p_" + kategorie).style.backgroundColor = farbe_100[kategorie];
		document.getElementById("links_strong_" + kategorie).style.visibility = "hidden";
		document.getElementById("links_img_" + kategorie).style.visibility = "hidden";
		document.getElementById("links_h2_" + kategorie).style.display = "none";
		document.getElementById("links_h1_" + kategorie).style.left = "auto";
	}

	if (bereich == "unten") {
		if (motiv != letztes_motiv) {
			if (flashInst >= 6 && !html_version) {
				setFlashVariables("detail_flash", "unten_motiv=" + motiv);
			}
			else {
				document.getElementById("detail_img").src = "pictures/detail/" + motiv + ".jpg";
			}
		}

		if (letztes_motiv) {
			if (unten.document.getElementById("unten_" + letztes_motiv)) {
				unten.document.getElementById("unten_em_" + letztes_motiv).style.visibility = "hidden";
				unten.document.getElementById("unten_" + letztes_motiv).style.border = "none";
				unten.document.getElementById("unten_" + letztes_motiv).style.padding = "3px";
				unten.document.getElementById("unten_" + letztes_motiv).style.background = "none";
				unten.document.getElementById("unten_img_" + letztes_motiv).style.borderColor = "#D6D6D6";
				unten.document.getElementById("unten_strong_" + letztes_motiv).style.background = "none";
				unten.document.getElementById("unten_img_" + letztes_motiv).src = "pictures/unten/" +  letztes_motiv + ".jpg";
			}
		}

		unten.document.getElementById("unten_" + motiv).style.border = "1px solid " + farbe_100[kategorie];
		unten.document.getElementById("unten_" + motiv).style.padding = "2px";
		unten.document.getElementById("unten_" + motiv).style.backgroundColor = "#FFFFFF";
		unten.document.getElementById("unten_img_" + motiv).style.borderColor = "#FFFFFF";
		unten.document.getElementById("unten_strong_" + motiv).style.backgroundColor = farbe_100[kategorie];
		unten.document.getElementById("unten_img_" + motiv).src = "pictures/layout/unten/aktiv_" + kategorie + ".gif";
		
		if (!top) { 
			unten.document.getElementById("unten_em_" + motiv).style.visibility = "visible";
		}

		letztes_motiv = motiv;
		oben_aufenthalt = false;
	}

	letzte_kategorie = kategorie;

	unten.document.getElementById("unten_breite").style.visibility = "visible";
}


// Scrollfunktion
scrollen_breite = 0;
scrollen_aktion = 0;
scrollen_richtung = 0;
zurueckgesetzt_links = 0;
zurueckgesetzt_rechts = 0;

function scrollen(kategorie) {
	links_abstand = unten.document.documentElement.scrollLeft;

	if (!laden_ende) {
		if (laden_wert < 99) {
			laden_wert = laden_wert + 0.4;
			document.getElementById("laden_bisher").style.width = Math.ceil(laden_wert) * 2 + "px";
			document.getElementById("laden_zahl").innerHTML = Math.ceil(laden_wert) + "%";
		}
		else {
			document.getElementById("laden_text").innerHTML = "internetauftritt geladen";
			document.getElementById("laden_text").style.color = "#afafaf";
			if (laden_weiterleitung < 80) {
				laden_weiterleitung = laden_weiterleitung + 1
			}
			else {
				if (document.getElementById("oben").style.left != "50%") {
					einstieg('flash');
				}
				laden_ende = 1;
			}
		}
	}

	if (scrollen_aktion) {
		if (links_abstand > 0 && links_abstand < scrollen_breite) {
			scrollen_pfeile(kategorie, 1, 1);
		}
		else {
			if (links_abstand <= 0) {
				scrollen_pfeile(kategorie, 1, 0);
			}
			if (links_abstand >= scrollen_breite) {
				scrollen_pfeile(kategorie, 0, 1);
			}
		}

		zurueckgesetzt_links = 0;
		zurueckgesetzt_rechts = 0;

		if (scrollen_richtung == "rechts") {
			tempo = 2;
			if (links_abstand < scrollen_breite) {
				document.getElementById("unten_pfeil_rechts").style.borderColor = farbe_100[kategorie];
			}
			else {
				document.getElementById("unten_pfeil_rechts").style.borderColor = "#ECECEC";
			}
		}
		else if (scrollen_richtung == "links") {
			tempo = -2;
			if (links_abstand > 0) {
				document.getElementById("unten_pfeil_links").style.borderColor = farbe_100[kategorie];
			}
			else {
				document.getElementById("unten_pfeil_links").style.borderColor = "#ECECEC";
			}
		}

		unten.window.scrollBy(tempo, 0);
	}
	else {
		if (scrollen_richtung == "rechts") {
			if (!zurueckgesetzt_rechts) {
				if (links_abstand < scrollen_breite) {
					document.getElementById("unten_pfeil_rechts").style.borderColor = "#D6D6D6";
				}
				zurueckgesetzt_rechts = 1;
			}
		}
		else if (scrollen_richtung == "links") {
			if (!zurueckgesetzt_links) {
				if (links_abstand > 0) {
					document.getElementById("unten_pfeil_links").style.borderColor = "#D6D6D6";
				}
				zurueckgesetzt_links = 1;
			}
		}
	}
}


function scrollen_pfeile(kategorie, rechts, links) {
	if (rechts) {
		document.getElementById("unten_pfeil_rechts").style.backgroundColor = farbe_100[kategorie];
		document.getElementById("unten_pfeil_rechts").style.borderColor = "#D6D6D6";
	}
	else {
		document.getElementById("unten_pfeil_rechts").style.backgroundColor = "#ECECEC";
		document.getElementById("unten_pfeil_rechts").style.borderColor = "#ECECEC";
	}

	if (links) {
		document.getElementById("unten_pfeil_links").style.backgroundColor = farbe_100[kategorie];
		document.getElementById("unten_pfeil_links").style.borderColor = "#D6D6D6";
	}
	else {
		document.getElementById("unten_pfeil_links").style.backgroundColor = "#ECECEC";
		document.getElementById("unten_pfeil_links").style.borderColor = "#ECECEC";
	}
}

// Motiv-Sortierung
function sortierung(aktiv) {
	document.getElementById("unten_sortierung_img_1").style.visibility = "hidden";
	document.getElementById("unten_sortierung_img_2").style.visibility = "hidden";
	document.getElementById("unten_sortierung_img_3").style.visibility = "hidden";
	document.getElementById("unten_sortierung_1").style.textDecoration = "none";
	document.getElementById("unten_sortierung_2").style.textDecoration = "none";
	document.getElementById("unten_sortierung_3").style.textDecoration = "none";

	document.getElementById("unten_sortierung_img_" + aktiv).style.visibility = "visible";
	document.getElementById("unten_sortierung_" + aktiv).style.textDecoration = "underline";
}


// Musik aktivieren / deaktivieren
function musik() {
	if (document.getElementById("musik_img").style.visibility == "hidden") {
		setFlashVariables("detail_flash", "musik_einaus=ein");
		document.getElementById("musik_img").src = document.getElementById("musik_img").src;
		document.getElementById("musik_img").style.visibility = "visible";
	}
	else {
		setFlashVariables("detail_flash", "musik_einaus=aus");
		document.getElementById("musik_img").style.visibility = "hidden";
	}
}


// Versionswechsel
function version() {
	flashInst = getFlashVersion();
	if (flashInst >= 6) {
		if (!version_wechsel) {
			html_version = 0;
			document.getElementById("oben_version_text").innerHTML = "html-version";
			document.getElementById("oben_version").href = "html/";
			version_wechsel = 1;
		}
		else {
			html_version = 1;
			document.getElementById("oben_version_text").innerHTML = "flash-version";
			document.getElementById("oben_version").href = "flash/";
			version_wechsel = 0;	
		}
	}

	if (flashInst >= 6 && !html_version) {
		document.getElementById("musik_img").style.visibility = "visible";
		document.getElementById("musik").style.visibility = "visible";
		document.getElementById("detail_version").innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" width="450" height="300" id="detail_flash"><param name="movie" value="flash/detail.swf"><param name="FlashVars" value="movieid=detail_flash"><embed name="detail_flash" src="flash/detail.swf" FlashVars="movieid=detail_flash" width="450" height="300" quality="high" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>';
	}	
	else if (flashInst <= 6) {
		document.getElementById("oben_version").style.display = "none";
		html_version = 1;
	}

	if (html_version) {
		if (document.getElementById("visitenkarte").style.display != "none") {
			document.getElementById("visitenkarte_flash").style.backgroundColor = "#f7f7f7";
			document.getElementById("visitenkarte_flash").style.color = "#cccccc";
			document.getElementById("visitenkarte_flash").style.borderColor = "#ECECEC";
			document.getElementById("visitenkarte_flash").href = "javascript:flash_fehler()";
			document.getElementById("visitenkarte_flash").onclick = "";
		}
		document.getElementById("musik_img").style.visibility = "hidden";
		document.getElementById("musik").style.visibility = "hidden";
		document.getElementById("detail_version").innerHTML = '<img src="pictures/detail/leer.jpg" height="300" id="detail_img">';
	}
}


// Flashabfrage 
b = navigator.userAgent.toLowerCase();
if ( (b.indexOf('msie') != -1) && (b.indexOf('win') != -1) && (b.indexOf('opera') == -1) ) {
	document.writeln('<script language="VBscript">');
	document.writeln('Function detectActiveXControl(activeXControlName)');
	document.writeln('  on error resume next');
	document.writeln('  detectActiveXControl = False');
	document.writeln('  detectActiveXControl = IsObject(CreateObject(activeXControlName))');
	document.writeln('End Function');
	document.writeln('</scr' + 'ipt>');
}

function getFlashVersion(){
	var installedVersion = 0;
	if ( (b.indexOf('msie') != -1) && (b.indexOf('win') != -1) && (b.indexOf('opera') == -1) ) {
		for (var i=3; i<20; i++){
			if(detectActiveXControl("ShockwaveFlash.ShockwaveFlash."+i) == true) installedVersion = i;
		}
	} else {
		if (navigator.plugins["Shockwave Flash"]) {
			var pluginDesc = navigator.plugins["Shockwave Flash"].description;
			installedVersion = parseInt( pluginDesc.charAt( pluginDesc.indexOf(".")-1 ) );
		}
		if(b.indexOf("webtv") != -1) installedVersion = 3;  
	}
	return installedVersion;
}

// Browserabfrage
var ua        = navigator.userAgent.toLowerCase(); 
var is_pc_ie  = ( (ua.indexOf('msie') != -1 ) && ( ua.indexOf('win') != -1 ) && ( ua.indexOf('opera') == -1 ) && ( ua.indexOf('webtv') == -1 ) );


// Variablen-Übergabe an Flash
function setFlashVariables(movieid, flashquery){
	var i,values;
	if(is_pc_ie){
		var chunk = flashquery.split("&");
		for(i in chunk){
			values = chunk[i].split("=");
			document.detail_flash.SetVariable(values[0], values[1]);
		}
	}else{
		var divcontainer = "flash_setvariables_"+movieid;
		if(!document.getElementById(divcontainer)){
			var divholder = document.createElement("div");
			divholder.id = divcontainer;
			document.body.appendChild(divholder);
		}
		document.getElementById(divcontainer).innerHTML = "";
		var divinfo = "<embed src='/flash/java_flash.swf' FlashVars='lc="+movieid+"&fq="+escape(flashquery)+"' width='0' height='0' type='application/x-shockwave-flash'></embed>";
		document.getElementById(divcontainer).innerHTML = divinfo;
	}
}
