var windowWidth;
	var windowHeight;
	var resizeTimeout;
	var zeigeOptionDialog;
	var posTop = 115 //parseInt($("seitenkopf").style.height);
	var posBottom = 25 //parseInt($("seitenfuss").style.height);
	var gesetzt = false;
	
	function init()
	{
		zeigeOptionDialog = true;
		
		setWindowSize();
		
		if (windowHeight < 650){
			posTop = 115;
			posBottom = 25;
		}
		else {
			posTop = 115;
			posBottom = 25;
		}			
			
		addNavigation();
		addContentContainer();
		gesetzt = true;
	}
	
	function initStartseite()
	{
		/*
		setWindowSize();
		if (windowHeight < 650){
			posTop = 115;
			posBottom = 25;
		}
		else {
			posTop = 115;
			posBottom = 25;
		}			
			
		$("seitenkopf").style.height = posTop + "px";
		$("liste").style.marginTop = posTop + "px";
		*/
		addStartseiteEffect();
	}
	
	function onLoad()
	{
		addStartseiteEffect();
	}
	
	function addNavigation()
	{
		var el = $("navigation");
		el.style.top = posTop + "px";
		el.style.height = windowHeight - posTop - posBottom + "px";
		$("seitenkopf").style.height = posTop + "px";
		$("seitenfuss").style.height = posBottom + "px";
	}

	function addContentContainer()
	{
				
		var el = $("seitenInhaltContainer");
		var left = 240 
		var ie6 = $("ie6");
		
		if (ie6!=null){
			el.style.width = windowWidth - left + 40 + "px";
			el.style.height = windowHeight - posTop - posBottom + "px";
		}
	}  
	
	function addNavigationStartseiteEffect()
	{
		var list = $$('#linkListe a');
		list.each(function(element) {
			var fx = new Fx.Tween(element, {duration:200, wait:false});
			element.addEvent('mouseenter', function(){
				fx.start('background-color', '#888');
			});
			element.addEvent('mouseleave', function(){
				fx.start('background-color', '#ff8');
			});
		});
	}

	function addStartseiteEffect()
	{
		
		var element = $("verkaufsaktion");
		var fx = new Fx.Tween(element, {duration:400, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start('background-color', '#ff7300');
		});
		element.addEvent('mouseleave', function(){
			fx.start('background-color', '#000');
		});
	}

	function addVorschauEffect()
	{
		var list = $$('#seitenInhalt div.artikelContainer1');
		
		if (list==""){
			list = $$('#seitenInhalt div.artikelContainer2');
		}
		
		list.each(function(element) {
			var fx = new Fx.Tween(element, {duration:400, wait:false});
			element.addEvent('mouseenter', function(){
				fx.start('border-color', '#ff7300');
			});
			element.addEvent('mouseleave', function(){
				fx.start('border-color', '#fff');
			});
		});
	}

	function addOptionEffect()
	{
		var element = $("seitenKopf_option");
		var fx = new Fx.Tween(element, {duration:400, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start('background-color', '#ff7300');
		});
		element.addEvent('mouseleave', function(){
			fx.start('background-color', '#fff');
		});
	}

	function addVarianteEffect()
	{
		var list = $$('div.artikelVariante');
		list.each(function(element) {
			var fx = new Fx.Tween(element, {duration:400, wait:false});
			element.addEvent('mouseenter', function(){
				fx.start('border-color', '#ff7300');
			});
			element.addEvent('mouseleave', function(){
				fx.start('border-color', '#fff');
			});
		});
	}

	
	function addNavigationEffect()
	{
		var list = $$('#navigation li.link');
		list.each(function(element) {
			var fx = new Fx.Tween(element, {duration:200, wait:false});
			if (element.className!="aktiv") {		 
				element.addEvent('mouseenter', function(){
					fx.start('background-color', '#fff' );
				});
				element.addEvent('mouseleave', function(){
					fx.start('background-color', '#e4e4e4');
				});
			}	 
		});
		
		var list = $$('#navigationKopf a');
		list.each(function(element) {
			var fx = new Fx.Morph(element, {duration:200, wait:false});
			element.addEvent('mouseenter', function(){
				fx.start({
					'background-color': '#ff7300',
					'color': '#fff'
				});
			});
			element.addEvent('mouseleave', function(){
				fx.start({
					'background-color': '#000',
					'color': '#ff7300'
				});
			});
	 
		});
	}
	
	function addUebersichtArtikelListeEffect()
	{
		var list = $$('#uebersichtListe a');
		list.each(function(element) {
	 
			var fx = new Fx.Morph(element, {duration:200, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start({
					'padding-left': 20,
					'color': '#000',
					'background-color': '#f5f5f5'
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'padding-left': 10,
					'color': '#999',
					'background-color': '#fff'
				});
			});
	 
		});
	}
	
	function addUebersichtListeBildEffekt()
	{
		var list = $$('div.uebersichtListeBildAussen');
		if (list==null)
			return;
		list.each(function(element) {
	 
			var fx = new Fx.Styles(element, {duration:400, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start({
					'background-color': '#ff7300'
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start({
					'background-color': '#fff'
				});
			});
	 
		});
	}

	
	function addOptionListeEffektNeu()
	{
		var list = $$('div.optionenListeAussen');
		if (list==null)
			return;
		list.each(function(element) {
	 
			var fx = new Fx.Tween(element, {duration:400, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx.start('background-color', '#ff7300');
			});
		 
			element.addEvent('mouseleave', function(){
				fx.start('background-color', '#fff');
			});
	 
		});
	}
	

	
	function setWindowSize()
	{
	 // var windowWidth, windowHeight;
	  if (self.innerHeight) { // all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	  } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	  } else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	  } 
	  //return {window: { width: windowWidth, height: windowHeight } }
	}

	function onResize()
	{
		if(resizeTimeout) clearTimeout(resizeTimeout);
		resizeTimeout = setTimeout(function(){
					init();
					},400);
	}
	
	function uebernehmeArtikel(artikelNr, anzahl)
	{
		//alert($("anzahl").value)
		if ($("anzahl").value!=null)
			anzahl = $("anzahl").value;
		$("skriptFrame").src = "setzeOptionen.asp"
							 + "?aktion=uebernehmen" 
							 + "&artikel=" + artikelNr  
							 + "&anzahl=" + anzahl;
	}

	function loescheArtikel(artikelNr)
	{
		
		$("skriptFrame").src = "setzeOptionen.asp"
							 + "?aktion=loeschen" 
							 + "&artikel=" + artikelNr;
	}
	
	function oeffneOptionDialog()
	{
		if (zeigeOptionDialog) {
			$("overlay").style.visibility = "visible";
			window.setTimeout(function(){$("optionDialog").style.visibility = "visible"}, 600);
			window.setTimeout('schliesseOptionDialog()'	,3000);
		}
	}

	function schliesseOptionDialog()
	{
		window.setTimeout(function(){$("optionDialog").style.visibility = "hidden"}, 100);	
		window.setTimeout(function(){$("overlay").style.visibility = "hidden"}, 600);
	}


	function oeffneArtikelAnzahlDialog (artikelNr, artikelName, anzahl)
	{
		$("neueAnzahl").value = anzahl;
		$("artikelNr").value = artikelNr;
		$("artikelName").innerHTML = "x " + artikelName;
		$("overlay").style.visibility = "visible";
		window.setTimeout(function(){
			$("optionAnzahlDialog").style.visibility = "visible";
			$("neueAnzahl").focus();
			$("neueAnzahl").select();
			}, 600);	
	}
	
	function schliesseArtikelAnzahlDialog()
	{
		window.setTimeout(function(){$("optionAnzahlDialog").style.visibility = "hidden"}, 400);	
		window.setTimeout(function(){$("overlay").style.visibility = "hidden"}, 600);	
	}
	
	function oeffneBildDialog(image)
	{
		$("overlayBild").style.visibility = "visible";
		image += ".jpg"; 
		var elem = $("bildDialog");
		
		window.setTimeout(function(){ladeBild(elem ,image);}, 600);
		//window.setTimeout('schliesseOptionDialog()'	,3500);
	}

	function schliesseBildDialog()
	{
		window.setTimeout(function(){
				$("bildDialog").style.visibility = "hidden";
				$("imgDialog").style.visibility = "hidden";
				}, 100);	
		window.setTimeout(function(){$("overlayBild").style.visibility = "hidden"}, 600);
	}
	
	function ladeBild(element, image)
	{
		var imgPreloader = new Image();
		var elem = element;
		
		imgPreloader.onload=function(){
			$("imgDialog").src = "images/galerie/" +image;
			elem.style.height = imgPreloader.height+"px";
			elem.style.width = imgPreloader.width+"px";
			elem.style.marginTop = - imgPreloader.height/2 +"px";
			elem.style.marginLeft = - imgPreloader.width/2 +"px";
			elem.style.visibility = "visible"
			$("imgDialog").style.visibility = "visible";
			}
		imgPreloader.src = "images/galerie/" +image;
	}

	
	function pruefeArtikelAnzahlEingabe()
	{
		var x = trim($("neueAnzahl").value);
		if (x=="")
			return false;
		if (!istZahl(x))
			return false;
		setzeArtikelAnzahl();
	}	
		
	function istZahl(x)
	{
		for (var i=0; i < x.length; i++){
			var str = x.substring(i, i+1)
			if (str < "0" || "9" < str) 
				return false;
		}
		return true;
	}
	function setzeArtikelAnzahl()
	{
		$("skriptFrame").src = "setzeOptionen.asp"
							 + "?aktion=aendern" 
							 + "&artikel=" + $("artikelNr").value
							 + "&anzahl=" + $("neueAnzahl").value;
	}
	
	function setzeDarstellung(str)
	{
		var url = "setzeDarstellung.asp?darstellung=" + str; 
		//alert(location.href);
		new Ajax(url, {
			method: 'get',
			onComplete: function() {
				location.reload();
			}
		}).request();
	}
	
	function pruefeAnfrageEingabe()
	{
		var f = document.forms[0];
		var ok = true;
		var str = "Bitte füllen Sie folgende Felder aus: "
		var background = "#FCCDCD";
	
		if ($("ansprechpartner").value==""){
			str = str + "Ansprechpartner, ";
			$("ansprechpartner").className = "fehlt";
			ok = false;
		}else
			$("ansprechpartner").className = "";

		if ($("strasse").value==""){
			str = str + "Strasse, Hausnummer, ";
			$("strasse").className = "fehlt";
			ok = false;
		}else
			$("strasse").className = "";

		if ($("plz").value==""){
			str = str + "PLZ, ";
			$("plz").className = "plz fehlt";
			ok = false;
		}else
			$("plz").className = "plz";

		if ($("ort").value==""){
			str = str + "Ort, ";
			$("ort").className = "ort fehlt";
			ok = false;
		}else
			$("ort").className = "ort";
		
		/*
		if ($("land").value==""){
			str = str + "Land, ";
			$("ort").className = "fehlt";
			ok = false;
		}else
			$("land").className = "";
		*/
		
		if ($("telefon").value==""){
			str = str + "Telefon, ";
			$("telefon").className = "fehlt";
			ok = false;
		}else
			$("telefon").className = "";

		if ($("email").value==""){
			str = str + "E-Mail, ";
			$("email").className = "fehlt";
			ok = false;
		}else
			$("email").className = "";
			
		if ($("agb").checked==false){
			str = str + "AGB, ";
			$("agb").className = "fehlt agb";
			ok = false;
		}else
			$("agb").className = "agb";
		
		if (!ok){
			$("angabenFormularHinweis").innerHTML = str;
			$("angabenFormularHinweis").style.display = "block";
			f.anfrage.focus();
			//scroll.toElement("angabenFormularHinweis");
		}
		else{
			$("angabenFormularHinweis").style.display = "none";
			document.forms.angaben.submit();
		}
	}
	
	function onChangeAnfrageTyp(str)
	{
		var f = document.forms[0];
		if (str=="Mietanfrage"){
			$("mietzeitraum").disabled = false;
			$("messe").disabled = false;
			$("mietzeitraum").className = "";
			$("messe").className = "";
			f.mietzeitraum.focus();
		}
		else {
			$("mietzeitraum").disabled = true;
			$("messe").disabled = true;
			$("mietzeitraum").className = "gesperrt";
			$("messe").className = "gesperrt";
			f.firma.focus();
		}		
		
	}
	

	 function rTrim (str) {
		return str.replace(/\s+$/,"");
	  }
	
	 function lTrim (str) {
		return str.replace(/^\s+/,"");
	  }
	
	 function trim (str) {
		return rTrim(lTrim(str));
	  }
	
	 function kaufanfrageSenden(artikelNr)
	 {
	 	$("overlay").style.visibility = "visible";
		window.setTimeout(function(){$("express-formular-container").style.visibility = "visible"}, 500);
	 }
	 
	 function expressDialogSchliessen()
	 {
	 	$("express-formular-container").style.visibility = "hidden"; 	
		window.setTimeout(function(){$("overlay").style.visibility = "hidden"}, 500);
			
	 
	 }