// ueberblendeffekt:begin
var currentImage = 1;
var anzeigeZeit = 2.0;
var fadeZeit = 2.0;
var zeit = anzeigeZeit * 1000 + fadeZeit * 1000;
var images = new Array();
var links = new Array();

images[1] = new Image();
images[1].src = '/site/fileadmin/templates/famila/bilder/effectimage02_12.jpg';
links[1] = 'http://www.einkaufsland-wechloy.de/site/index.php?id=direktsuche';
images[2] = new Image();
images[2].src = '/site/fileadmin/templates/famila/bilder/effectimage02_11.jpg';
links[2] = 'http://www.einkaufsland-wechloy.de/site/index.php?id=117';
images[3] = new Image();
images[3].src = '/site/fileadmin/templates/famila/bilder/effectimage03_1.jpg';
links[3] = 'http://www.einkaufsland-wechloy.de/site/index.php?id=321';
images[4] = new Image();
images[4].src = '/site/fileadmin/templates/famila/bilder/effectimage_shuttle_08-09.jpg';
links[4] = 'http://www.einkaufsland-wechloy.de/site/index.php?id=116';
images[5] = new Image();
images[5].src = '/site/fileadmin/templates/famila/bilder/effectimage05.jpg';
links[5] = 'http://www.einkaufsland-wechloy.de/site/index.php?id=117';
// ueberblendeffekt:begin

// shop direktsuche:begin
var shopID = 0;
// shop direktsuche:end

// allgemeine funktionen:begin
var initEinkaufsland = function() {
  if(document.getElementById('slideshow')) initSlideshow();
  if(document.getElementById('direktsuche')) initShopSearch();
  if(document.getElementById('sektoren')) initSektor();
  if(document.getElementById('branchensuche')) initBranchensuche();
  initimageZoom();
}

var getValue = function(xmlnode, name) {
  var value;
  if((xmlnode.getElementsByTagName(name)[0]).firstChild == null) {
    value = '';
  } else {
    value = (xmlnode.getElementsByTagName(name)[0]).firstChild.data;
  }
  return value;
}
// allgemeine funktionen:end

// ueberblendeffekt:begin
var initSlideshow = function() {
  Effect.Fade('image2', { duration: 0.1, from: 1.0, to: 0.0 });
  window.setTimeout('goslideshow("image1", "image2")', zeit);
}

var goslideshow = function(id1, id2) {

  $(id2.toString()).src = images[currentImage].src;
	$(id2.toString()).style.zIndex = '10';
	$(id1.toString()).style.zIndex = '5';
	Effect.Appear(id2.toString(), { duration: fadeZeit, from: 0.0, to: 1.0 });

	if(currentImage + 1 >= images.length) currentImage = 0; else currentImage++;
	Effect.Fade(id1.toString(), { duration: fadeZeit, from: 1.0, to: 0.0 });
	window.setTimeout('goslideshow("' + id2 + '", "' + id1 + '")', zeit);
}

var forwardLink = function() {
	window.location.href = links[currentImage];
}
// ueberblendeffekt:end

// shop direktsuche:begin
var initShopSearch = function() {
  new Ajax.Autocompleter('direktsuche', 'divDirektsuche', './fileadmin/templates/famila/skripte/ekland.php?command=getShops', {tokens: ',', paramName: 'keyword', afterUpdateElement: addID});
}

var addID = function(inputfield, li) {
  shopID = li.id;
}

var showShop = function() {
  if(shopID == 0) return;
  else {
    new Ajax.Request('./fileadmin/templates/famila/skripte/ekland.php?command=getShopDetails', {
	method: 'get',
	asynchronous: 'false',
	parameters: 'shopID=' + shopID,
	onSuccess: function(response) {
		$('shopLogo').src = '';
		$('shopAnsprechpartner').innerHTML = '';
		$('shopEmail').innerHTML = '';
		$('shopZeiten').innerHTML = '';
		$('shopBeschreibung').innerHTML = '';

		var shop = response.responseXML.getElementsByTagName('shop')[0];

		$('branchenbreadcrumb').innerHTML = '<strong>Branche > ' + getValue(shop, 'branchen_id') + ' > ' + getValue(shop, 'name') + '</strong><br /><br />';

		if(getValue(shop, 'logopfad') != '') {
			$('shopLogo').src = getValue(shop, 'logopfad');
			$('shopLogo').style.display = 'block';
		} else {
			$('shopLogo').src = '';
			$('shopLogo').style.display = 'none';
		}

		var ansprechpartner = getValue(shop, 'ansprechpartner');
		ansprechpartner = ansprechpartner.split('[[[').join('<');
		ansprechpartner = ansprechpartner.split(']]]').join('>');
		$('shopAnsprechpartner').innerHTML = ansprechpartner;
		if(getValue(shop, 'email') != '') {
			var email = '<a href="mailto:' + getValue(shop, 'email') + '">' + getValue(shop, 'email') + '</a>';
			$('shopEmail').innerHTML = email;
		}
		$('shopTelefon').innerHTML = getValue(shop, 'telefon');
		var zeiten = unescape(getValue(shop, 'oeffnungszeiten'));
		zeiten = zeiten.split('[[[').join('<');
		zeiten = zeiten.split(']]]').join('>');
		$('shopZeiten').innerHTML = zeiten;
		var text = unescape(getValue(shop, 'kurzbeschreibung'));
		text = text.split('[[[').join('<');
		text = text.split(']]]').join('>');
		$('shopBeschreibung').innerHTML = text;
		if($('shop').style.display == 'none') $('shop').style.display = 'block';
	},
	onComplete: function() {
		if(document.getElementById('sektoren')) new Effect.ScrollTo('shop');
	}
    });
  }
}
// shop direktsuche:end

// interaktive karte:begin
var curSektor = '';
var maps = new Array();
var sektoren = new Array();
var mouseEvent = true;

var enableShowMap = function(bool)
{
	mouseEvent = bool;
}

var initSektor = function() {
	Effect.Fade('sektor01', { duration: 0.1, from: 1.0, to: 0.0 });
	Effect.Fade('sektor02', { duration: 0.1, from: 1.0, to: 0.0 });
    Effect.Fade('sektor03', { duration: 0.1, from: 1.0, to: 0.0 });
	Effect.Fade('sektor04', { duration: 0.1, from: 1.0, to: 0.0 });

	sektoren[1] = new Image;
	sektoren[1].src = '/site/fileadmin/templates/famila/bilder/karte/sektor01.gif';
	sektoren[2] = new Image;
	sektoren[2].src = '/site/fileadmin/templates/famila/bilder/karte/sektor02.gif';
	sektoren[3] = new Image;
	sektoren[3].src = '/site/fileadmin/templates/famila/bilder/karte/sektor03.gif';
	sektoren[4] = new Image;
	sektoren[4].src = '/site/fileadmin/templates/famila/bilder/karte/sektor04.gif';

	getMaps();
}

function hoverSektor(num,evnt)
{
	$('raster').style.backgroundImage = evnt == 'over' ? 'url('+sektoren[num].src+')' : 'url(/site/fileadmin/templates/famila/bilder/karte/grundriss_gesamt.gif)';
}

var showGrundriss = function() {
	$('sektor' + curSektor).style.zIndex = '5';
	$('raster').style.zIndex = '10';
	Effect.Appear('raster', { duration: 1.0, from: 0.0, to: 1.0 });
	Effect.Fade('sektor' + curSektor, { duration: 1.0, from: 1.0, to: 0.0 });
}

var showSektor = function(sektor,fx) {
	enableShowMap(false);
	$('raster').style.zIndex = '5';
	if(fx === false)
	{
		$('sektor' + curSektor.toString()).style.zIndex = '5';
		Effect.Fade('sektor' + curSektor.toString(), { duration: 1.0, from: 1.0, to: 0.0 });
	}
	$('sektor' + sektor.toString()).style.zIndex = '10';
	if(fx != false || fx == 'undefined')
	{
		Effect.Fade('raster', { duration: 1.0, from: 1.0, to: 0.0 });
	}
	Effect.Appear('sektor' + sektor.toString(), { duration: 1.0, from: 0.0, to: 1.0 });
	curSektor = sektor;
	window.setTimeout(function() {
		enableShowMap(true); }, 1000
	);
}

var getMaps = function() {
	new Ajax.Request('./fileadmin/templates/famila/skripte/ekland.php?command=getMaps', {
		method: 'get',
	        asynchronous: 'false',
		onSuccess: function(response) {
			var map = response.responseXML.getElementsByTagName('map');
			for(var i=0;i<map.length;i++) {
				maps[getValue(map[i], 'map_id')] = new Image();
				maps[getValue(map[i], 'map_id')].src = getValue(map[i], 'map_src');
			}
			/*
			maps[987] = new Image();
			maps[987].src = '/site/fileadmin/templates/famila/bilder/karte/3_planten_bloomen.jpg';
			maps[988] = new Image();
			maps[988].src = '/site/fileadmin/templates/famila/bilder/karte/3_stadtbaeckerei.jpg';
			maps[989] = new Image();
			maps[989].src = '/site/fileadmin/templates/famila/bilder/karte/1_famila_getraenke.gif';
			maps[990] = new Image();
			maps[990].src = '/site/fileadmin/templates/famila/bilder/karte/2_famila_xxl.gif';
			maps[991] = new Image();
			maps[991].src = '/site/fileadmin/templates/famila/bilder/karte/1_famila_xxl.gif';
			maps[992] = new Image();
			maps[992].src = '/site/fileadmin/templates/famila/bilder/karte/3_casablanca_tent.gif';
			maps[993] = new Image();
			maps[993].src = '/site/fileadmin/templates/famila/bilder/karte/4_planten_bloomen2.gif';
			maps[994] = new Image();
			maps[994].src = '/site/fileadmin/templates/famila/bilder/karte/4_fresh_clean.gif';
			maps[995] = new Image();
			maps[995].src = '/site/fileadmin/templates/famila/bilder/karte/2_juwelier_schroeder.gif';
			*/
			maps[996] = new Image();
	        maps[996].src = '/site/fileadmin/templates/famila/bilder/karte/1_sektor-no-sel.gif';
	        maps[997] = new Image();
	        maps[997].src = '/site/fileadmin/templates/famila/bilder/karte/2_sektor-no-sel.gif';
	        maps[998] = new Image();
	        maps[998].src = '/site/fileadmin/templates/famila/bilder/karte/3_sektor-no-sel.gif';
	        maps[999] = new Image();
	        maps[999].src = '/site/fileadmin/templates/famila/bilder/karte/4_sektor-no-sel.gif';

			// arrows
			// sektor i
			maps[1000] = new Image();
			maps[1000].src = '/site/fileadmin/templates/famila/bilder/karte/1_sektor-arrow_s.gif';
			maps[1001] = new Image();
			maps[1001].src = '/site/fileadmin/templates/famila/bilder/karte/1_sektor-arrow_so.gif';
			maps[1002] = new Image();
			maps[1002].src = '/site/fileadmin/templates/famila/bilder/karte/1_sektor-arrow_o.gif';
			// sektor ii
			maps[1003] = new Image();
			maps[1003].src = '/site/fileadmin/templates/famila/bilder/karte/2_sektor-arrow_w.gif';
			maps[1004] = new Image();
			maps[1004].src = '/site/fileadmin/templates/famila/bilder/karte/2_sektor-arrow_sw.gif';
			maps[1005] = new Image();
			maps[1005].src = '/site/fileadmin/templates/famila/bilder/karte/2_sektor-arrow_s.gif';
			// sektor iii
			maps[1006] = new Image();
			maps[1006].src = '/site/fileadmin/templates/famila/bilder/karte/3_sektor-arrow_n.gif';
			maps[1007] = new Image();
			maps[1007].src = '/site/fileadmin/templates/famila/bilder/karte/3_sektor-arrow_no.gif';
			maps[1008] = new Image();
			maps[1008].src = '/site/fileadmin/templates/famila/bilder/karte/3_sektor-arrow_o.gif';
			// sektor iv
			maps[1009] = new Image();
			maps[1009].src = '/site/fileadmin/templates/famila/bilder/karte/4_sektor-arrow_w.gif';
			maps[1010] = new Image();
			maps[1010].src = '/site/fileadmin/templates/famila/bilder/karte/4_sektor-arrow_nw.gif';
			maps[1011] = new Image();
			maps[1011].src = '/site/fileadmin/templates/famila/bilder/karte/4_sektor-arrow_n.gif';
			// lupen
			maps[1100] = new Image();
			maps[1100].src = '/site/fileadmin/templates/famila/bilder/karte/1_sektor-mo_lupe.gif';
			maps[1200] = new Image();
			maps[1200].src = '/site/fileadmin/templates/famila/bilder/karte/2_sektor-mo_lupe.gif';
			maps[1300] = new Image();
			maps[1300].src = '/site/fileadmin/templates/famila/bilder/karte/3_sektor-mo_lupe.gif';
			maps[1400] = new Image();
			maps[1400].src = '/site/fileadmin/templates/famila/bilder/karte/4_sektor-mo_lupe.gif';
		}
	});
}

var showShopID = function(id) {
	shopID = id;
        showShop();
}

var showMap = function(id)
{
	if(maps[id].src != 'http://www.einkaufsland-wechloy.de/site/fileadmin/templates/famila/bilder/karte/' && mouseEvent)
	{
		$('sektor' + curSektor.toString()).src = maps[id].src;
	}
}
// interaktive karte:end

// branchensuche:begin
var curBranche = '';

var initBranchensuche = function() {
	curBranche = $('branche').value;

	var branchen = new Array('01', '02', '03', '04', '05', '06', '07', '08', '09', '10');

	for(var i=0;i<branchen.length;i++) if(curBranche != branchen[i]) Effect.Fade('branche' + branchen[i].toString(), { duration: 0.1, from: 1.0, to: 0.0 });

	//Effect.Fade('branche01', { duration: 0.1, from: 1.0, to: 0.0 });
	//Effect.Fade('branche02', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche03', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche04', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche05', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche06', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche07', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche08', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche09', { duration: 0.1, from: 1.0, to: 0.0 });
        //Effect.Fade('branche10', { duration: 0.1, from: 1.0, to: 0.0 });

        $('branche01').style.display = 'block';
        $('branche02').style.display = 'block';
        $('branche03').style.display = 'block';
        $('branche04').style.display = 'block';
        $('branche05').style.display = 'block';
        $('branche06').style.display = 'block';
        $('branche07').style.display = 'block';
        $('branche08').style.display = 'block';
        $('branche09').style.display = 'block';
        $('branche10').style.display = 'block';

        //curBranche = document.branchensucheForm.selectBranche.options[document.branchensucheForm.selectBranche.selectedIndex].value.toString();
        //curBranche = $('branche').value;
        //showBranche();
}

var showBranche = function() {
	if(curBranche.toString() != document.branchensucheForm.selectBranche.options[document.branchensucheForm.selectBranche.selectedIndex].value.toString()) {
        	$('branche' + curBranche.toString()).style.zIndex = '5';
		$('branche' + document.branchensucheForm.selectBranche.options[document.branchensucheForm.selectBranche.selectedIndex].value.toString()).style.zIndex = '10';
		Effect.Appear('branche' + document.branchensucheForm.selectBranche.options[document.branchensucheForm.selectBranche.selectedIndex].value.toString(), { duration: 1.0, from: 0.0, to: 1.0 });
	        Effect.Fade('branche' + curBranche.toString(), { duration: 1.0, from: 1.0, to: 0.0 });
	        curBranche = document.branchensucheForm.selectBranche.options[document.branchensucheForm.selectBranche.selectedIndex].value;
        }
}

// branchensuche:end

// bildergalerie:begin
var showImage = function(obj) {
	$('imageGalerie').src = obj.src;
}
// bildergalerie:end

// kontaktformular:begin
var showKontaktformular = function() {
	$('spanAnrede').style.color = '#666666';
	$('spanVorname').style.color = '#666666';
	$('spanName').style.color = '#666666';
	$('spanEmail').style.color = '#666666';
	$('spanMitteilung').style.color = '#666666';

        $('Eingabe').style.display = 'block';
        $('Eingabe').reset();
        $('message').style.display = 'none';
	$('shopKontaktformular').style.display = 'block';
	$('coverBody').style.display = 'block';
}

var closeKontaktformular = function() {
	$('shopKontaktformular').style.display = 'none';
	$('coverBody').style.display = 'none';
}

var sendKontaktformular = function() {
	var submitallowed = true;

	if(!$('anrede_firma').checked && !$('anrede_frau').checked && !$('anrede_herr').checked) {
		$('spanAnrede').style.color = '#ff0000';
		submitallowed = false;
	} else {
		$('spanAnrede').style.color = '#666666';
	}

	if($('vorname').value == '') {
		$('spanVorname').style.color = '#ff0000';
		submitallowed = false;
	} else {
		$('spanVorname').style.color = '#666666';
	}

	if($('name').value == '') {
		$('spanName').style.color = '#ff0000';
		submitallowed = false;
	} else {
		$('spanName').style.color = '#666666';
	}

	if(!$('email').value.match(/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9_.-]+$/)) {
		$('spanEmail').style.color = '#ff0000';
		submitallowed = false;
	} else {
		$('spanEmail').style.color = '#666666';
	}

	if($('mitteilung').value == '') {
		$('spanMitteilung').style.color = '#ff0000';
		submitallowed = false;
	} else {
		$('spanMitteilung').style.color = '#666666';
	}

	if(submitallowed) {
		var anrede = '';
		if(document.getElementsByName('Anrede')[0].checked) anrede = 'Firma';
		else if(document.getElementsByName('Anrede')[1].checked) anrede = 'Frau';
		else anrede = 'Herr';
		new Ajax.Request('./fileadmin/templates/famila/skripte/ekland.php?command=sendMail', {
			method: 'post',
			asynchronous: 'false',
			postBody: 'recipient=' + $('recipient').value + '&anrede=' + anrede + '&vorname=' + $('vorname').value + '&name=' + $('name').value + '&strasse=' + $('strasse').value + '&plz=' + $('plz').value + '&ort=' + $('ort').value + '&telefon=' + $('telefon').value + '&email=' + $('email').value + '&mitteilung=' + $('mitteilung').value,
			onSuccess: function(response) {
                        	$('Eingabe').style.display = 'none';
	                        $('message').innerHTML = '<p class="bodytext"><strong>Ihre Mitteilung wurde verschickt.</strong></p>';
        	                $('message').style.display = 'block';
			}
        	});
	}
}
// kontaktformular:end
