// JavaScript Document
var nav = "home";

var durationBgShopAppear = 2.0;
var durationBgErdeAppear = durationBgShopAppear;

var durationBgShopFade = 0.5;
var durationBgErdeFade = durationBgShopFade;

var bgErdeFadeOff = 0.15;
var bgShopFadeOff = 0.25;

var imgPreloaded = false;

var divProdukte1 = "btnProdukte1";
var divProdukte1b = "btnProdukte1b";
var divProdukte3 = "btnProdukte3";
var divProdukte3b = "btnProdukte3b";
var visibleDivProdukte1 = divProdukte1;

if(!imgPreloaded) preloadImages();

function switchProdukte() {
	if(nav=="produkte") {
	if(visibleDivProdukte1==divProdukte1) {
		new Effect.Fade(divProdukte1);
		new Effect.Appear(divProdukte1b);
		new Effect.Fade(divProdukte3);
		new Effect.Appear(divProdukte3b);
		visibleDivProdukte1=divProdukte1b;
		}
	else {
		new Effect.Fade(divProdukte1b);
		new Effect.Appear(divProdukte1);
		new Effect.Fade(divProdukte3b);
		new Effect.Appear(divProdukte3);
		visibleDivProdukte1=divProdukte1;
		}
	 setTimeout("switchProdukte()", 10000);
	}
}

function Fertig() { 
	window.status = 'lade Bilder... fertig'; }

function Prozent(i) { 
	window.status = 'lade Bilder... '+i+'%'; }


function preloadImages() {
	// Menü
	preloader.AddImage('graphics/bg_top.gif');
	preloader.AddImage('graphics/logo.jpg');	
	preloader.AddImage('graphics/bg_bottom.gif');
	preloader.AddImage('graphics/btn_home.gif');
	preloader.AddImage('graphics/btn_home_sel.gif');
	preloader.AddImage('graphics/btn_produkte.gif');	
	preloader.AddImage('graphics/btn_produkte_sel.gif');	
	preloader.AddImage('graphics/btn_ueberuns.gif');
	preloader.AddImage('graphics/btn_ueberuns_sel.gif');	
	preloader.AddImage('graphics/btn_kontakt.gif');
	preloader.AddImage('graphics/btn_kontakt_sel.gif');	
	// Home
	preloader.AddImage('graphics/bg_center_shop.jpg');
	preloader.AddImage('graphics/wnd_home.jpg');
	preloader.AddImage('graphics/btn_home_1.jpg');	
	preloader.AddImage('graphics/btn_home_2.jpg');	
	preloader.AddImage('graphics/btn_home_3.jpg');		
	preloader.AddImage('graphics/fnt_home.jpg');
	// Produkte
	preloader.AddImage('graphics/bg_center_erde.jpg');
	preloader.AddImage('graphics/wnd_produkte.jpg');
	preloader.AddImage('graphics/btn_produkte_1.jpg');	
	preloader.AddImage('graphics/btn_produkte_1b.jpg');	
	preloader.AddImage('graphics/btn_produkte_2.jpg');	
	preloader.AddImage('graphics/btn_produkte_3.jpg');	
	preloader.AddImage('graphics/btn_produkte_3b.jpg');		
	preloader.AddImage('graphics/fnt_produkte.jpg');
	// Ueber uns
	preloader.AddImage('graphics/wnd_ueberuns.jpg');
	preloader.AddImage('graphics/btn_ueberuns_1.jpg');	
	preloader.AddImage('graphics/btn_ueberuns_2.jpg');	
	preloader.AddImage('graphics/btn_ueberuns_2_sel.jpg');		
	preloader.AddImage('graphics/btn_ueberuns_3.jpg');	
	// Kontakt
	preloader.AddImage('graphics/wnd_kontakt.jpg');
	preloader.AddImage('graphics/btn_kontakt_1.jpg');	
	preloader.AddImage('graphics/btn_kontakt_1_sel.jpg');		
	// Impressum
	preloader.AddImage('graphics/wnd_impressum.jpg');

	//...
	preloader.onImagesLoaded = Fertig;
	preloader.onPercents = Prozent;
	preloader.LoadImages();
	}

function reloadDiv() {
	switch(nav) {
		case 'home':	nav = '';
						_home();
						break;
		case 'produkte': nav ='';
						produkte();
						break;
		case 'ueberuns': nav = '';
						 ueberUns();
						 break;
		case 'kontakt':	nav ='';
						kontakt();
						break;
		case 'impressum': nav = '';
						  impressum();
						  break;
		}	
}

function deleteQueue(name) {
	var queue = Effect.Queues.get(name);
	queue.each(function(e) { e.cancel();  });
}

function clearAll() {
	$('btnHomeImg').src = "graphics/btn_home.gif";
	$('btnProdukteImg').src = "graphics/btn_produkte.gif";
	$('btnUeberUnsImg').src = "graphics/btn_ueberuns.gif";	
	$('btnKontaktImg').src = "graphics/btn_kontakt.gif";		
	$('wndHome').hide();
	$('fntWelcome').hide();
	$('btnHome1').hide();
	$('btnHome2').hide();
	$('btnHome3').hide();
	$('wndProdukte').hide();
	$('btnProdukte1').hide();
	$('btnProdukte1b').hide();
	$('btnProdukte2').hide();
	$('btnProdukte3').hide();
	$('btnProdukte3b').hide();	
	$('fntProdukte').hide();	
	$('bgCenterShop').hide();
	$('bgCenterErde').hide();
	$('wndUeberUns').hide();
	$('btnUeberUns1').hide();
	$('btnUeberUns2').hide();
	$('btnUeberUns3').hide();	
	$('wndKontakt').hide();
	$('btnKontakt1').hide();
	$('wndImpressum').hide();
}

function _home() {
	if(nav!="home") {
		deleteQueue(nav);
		clearAll();
		$('btnHomeImg').src = "graphics/btn_home_sel.gif";
		new Effect.Appear('bgCenterShop', {queue:{position:'end',scope:'home'}, duration:''+durationBgShopAppear});
	
		var fncComplete = showHome();
		loadPage('wndHome', 'pages/home.page.php', '', fncComplete);
	}
	}	

function showHome() {
	new Effect.Fade('bgCenterShop', {queue:{position:'end',scope:'home'}, duration:''+durationBgShopFade, from:1.0, to:''+bgShopFadeOff});
	new Effect.Appear('wndHome', {queue:{position:'end', scope: 'home'}});
	new Effect.Appear('btnHome1', {queue:{position:'end', scope: 'home'}, duration: 0.5});
	new Effect.Appear('btnHome2', {queue:{position:'end', scope: 'home'}, duration: 0.5});
	new Effect.Appear('btnHome3', {queue:{position:'end', scope: 'home'}, duration: 0.5});	
	new Effect.Appear('fntWelcome', {queue:{position:'end', scope: 'home'}, duration: 1});
	
	nav = "home";
}

function produkte() {
	if(nav!="produkte") {
		deleteQueue(nav);
		clearAll();
		$('btnProdukteImg').src = "graphics/btn_produkte_sel.gif";
		new Effect.Appear('bgCenterErde', {queue:{position:'end',scope:'produkte'}, duration:''+durationBgErdeAppear});
	
		var fncComplete = showProdukte();
		loadPage('wndProdukte', 'pages/produkte.page.php', '', fncComplete);
		setTimeout("switchProdukte()", 15000);
		}
	}	

function loadPage(divName, url, postBody, fncComplete) {
	var opt = { method: 'post', postBody: ''+postBody, onComplete: ''+fncComplete };
	new Ajax.Updater(divName,
					 url,
					 opt);
	}

function showProdukte() {
	new Effect.Fade('bgCenterErde', {queue:{position:'end',scope:'produkte'}, duration:''+durationBgErdeFade, from:1.0, to:''+bgErdeFadeOff});
	new Effect.Appear('wndProdukte', {queue:{position:'end',scope:'produkte'}});
	new Effect.Appear('btnProdukte1', {queue:{position:'end',scope:'produkte'}, duration: 0.5});
	new Effect.Appear('btnProdukte2', {queue:{position:'end',scope:'produkte'}, duration: 0.5});
	new Effect.Appear('btnProdukte3', {queue:{position:'end',scope:'produkte'}, duration: 0.5});	
	new Effect.Appear('fntProdukte', {queue:{position:'end',scope:'produkte'}, duration: 1});		
	nav = "produkte";
}

function ueberUns() {
	if(nav!="ueberuns") {
		deleteQueue(nav);
		clearAll();
		$('btnUeberUnsImg').src = "graphics/btn_ueberuns_sel.gif";
		new Effect.Appear('bgCenterShop', {queue:{position:'end',scope:'ueberuns'}, duration:''+durationBgShopAppear});
	
		var fncComplete = showUeberUns();
		loadPage('wndUeberUns', 'pages/ueberuns.page.php', '', fncComplete);
	}
}	

function showUeberUns() {
	new Effect.Fade('bgCenterShop', {queue:{position:'end',scope:'ueberuns'}, duration:''+durationBgShopFade, from:1.0, to:''+bgShopFadeOff});
	new Effect.Appear('wndUeberUns', {queue:{position:'end',scope:'ueberuns'}});
	new Effect.Appear('btnUeberUns1', {queue:{position:'end',scope:'ueberuns'}, duration: 0.5});
	new Effect.Appear('btnUeberUns3', {queue:{position:'end',scope:'ueberuns'}, duration: 0.5});	
	new Effect.Appear('btnUeberUns2', {queue:{position:'end',scope:'ueberuns'}, duration: 0.5});
	nav = "ueberuns";
}

function kontakt() {
	if(nav!="kontakt") {
		deleteQueue(nav);
		clearAll();
		$('btnKontaktImg').src = "graphics/btn_kontakt_sel.gif";
		new Effect.Appear('bgCenterShop', {queue:{position:'end',scope:'kontakt'}, duration:''+durationBgShopAppear});
	
		var fncComplete = showKontakt();
		loadPage('wndKontakt', 'pages/kontakt.page.php', '', fncComplete);
		}
	}	

function showKontakt() {
	new Effect.Fade('bgCenterShop', {queue:{position:'end',scope:'kontakt'}, duration:''+durationBgShopFade, from:1.0, to:''+bgShopFadeOff});
	new Effect.Appear('wndKontakt', {queue:{position:'end', scope:'kontakt'}});
	new Effect.Appear('btnKontakt1', {queue:{position:'end', scope:'kontakt'}, duration: 0.5});		
	nav = "kontakt";
}

function impressum() {
	if(nav!="impressum") {
		deleteQueue(nav);
		clearAll();
		new Effect.Appear('bgCenterShop', {queue:{position:'end',scope:'impressum'}, duration:''+durationBgShopAppear});
	
		var fncComplete = showImpressum();
		loadPage('wndImpressum', 'pages/impressum.page.php', '', fncComplete);
		}
	}	

function showImpressum() {
	new Effect.Fade('bgCenterShop', {queue:{position:'end',scope:'impressum'}, duration:''+durationBgShopFade, from:1.0, to:''+bgShopFadeOff});
	new Effect.Appear('wndImpressum', {queue:{position:'end', scope:'impressum'}});
	nav = "impressum";
	}


function sendEmail() {
	var name = $F('name');
	var email = $F('email');
	var nachricht = $F('nachricht');
	
	var url = "popup/mail.popup.php";
	var opt = { method:'post', postBody:'name='+name+'&email='+email+'&nachricht='+nachricht, onComplete: showPopup}
	new Ajax.Updater('popup', url, opt);
}
	
function showPopup(res) {
	$('popup').innerHTML = res.responseText;
	new Effect.Appear('popup');
}
	
function closePopup() {
	new Effect.Fade('popup');
}

function closePopupDelete() {
	$('name').value = "";
	$('email').value = "";
	$('nachricht').value = "";
	new Effect.Fade('popup');
}