var Fader = Class.create({
  initialize: function(elements, options) {
    this.elements = (typeof elements == "string") ? $$(elements) : $A(elements);
    this.options = Object.extend({ effect: Effect.Appear, 
                                   effectOptions: {
                                     delay: 5.0
                                   } },
                                 options || {});
                                 
    this.options.effectOptions['beforeStart'] = this.beforeStart.bind(this);
    this.options.effectOptions['afterFinish'] = this.afterFinish.bind(this);
    
    if(this.elements.size() <= 1) return;

    this.elements.each(function(element) {
      element.makePositioned().absolutize(); 
      if(element != this.elements.first()) element.clonePosition(this.elements.first());
    }.bind(this));
    
    
    this.index = 0;
    this.currentElement = this.elements.first();
    this.invokeEffect();
  },
  
  beforeStart: function(effect) {    
    this.currentElement.setStyle({ zIndex: 1, left: 0 });    
    this.lastElement.setStyle({ zIndex: 0 });
  },
  
  afterFinish: function(effect) {
    this.lastElement.hide()
    this.invokeEffect();
  },
  
  invokeEffect: function() {
    this.lastElement = this.currentElement;
    this.index = (this.index + 1) % this.elements.length
    this.currentElement = this.elements[this.index];
    this.options.effect(this.currentElement, this.options['effectOptions']);
  }
});


var promoFader = Class.create({
  initialize: function(elements, options) {
    this.elements = (typeof elements == "string") ? $$(elements) : $A(elements);
    this.options = Object.extend({ effect: Effect.Appear, 
                                   effectOptions: {
                                     delay: 5.0
                                   } },
                                 options || {});
    
    this.options.effectOptions['beforeStart'] = this.beforeStart.bind(this);
    this.options.effectOptions['afterFinish'] = this.afterFinish.bind(this);
    
    if(this.elements.size() <= 1) return;
	
    this.elements.each(function(element) {
      element.makePositioned().absolutize();      
      if(element != this.elements.first()) element.clonePosition(this.elements.first());
    }.bind(this));
    
    this.index = 0;
    this.currentElement = this.elements.first();
    this.invokeEffect();
  },
  
  beforeStart: function(effect) {    
    this.currentElement.setStyle({ zIndex: 1 });    
    this.lastElement.setStyle({ zIndex: 0 });
  },
  
  afterFinish: function(effect) {
    this.lastElement.hide()
    this.invokeEffect();
  },
  
  invokeEffect: function() {
    this.lastElement = this.currentElement;
    this.index = (this.index + 1) % this.elements.length
    this.currentElement = this.elements[this.index];
    this.options.effect(this.currentElement, this.options['effectOptions']);
  }
});



document.observe('dom:loaded', function() {
	
	if(typeof sIFR == "function"){
	
		sIFR.replaceElement("#navigation .aktiv .sifrwrapper", 	named({sFlashSrc: "/_f/interstate-regular.swf", sColor: "#086c03", sLinkColor:"#086c03", sHoverColor: "#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement("#navigation .sifrwrapper", 		named({sFlashSrc: "/_f/interstate-regular.swf", sColor: "#086c03", sLinkColor:"#000000", sHoverColor: "#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
	
	};

	new Fader('#headerImage > img');


	if ($('player-schwabengartenlied')) {
		var so = new SWFObject("/_f/mp3player.swf", "player1", "198", "20", "8", "#ffffff");
		so.addParam("quality", "high");
		so.addParam("wmode", "transparent");
		so.addVariable("autostart", "false");
		so.addVariable("file", "/_mp3/schwabengartenlied.mp3");
		so.write("player-schwabengartenlied");
	}

	if ($('player-inderalm')) {
		var so = new SWFObject("/_f/mp3player.swf", "player2", "198", "20", "8", "#ffffff");
		so.addParam("quality", "high");
		so.addParam("wmode", "transparent");
		so.addVariable("autostart", "false");
		so.addVariable("file", "/_mp3/in-der-alm.mp3");
		so.write("player-inderalm");
	}
	
	
	if(typeof sIFR == "function"){
	
		sIFR.replaceElement(".status h3", 	named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#086c03", sLinkColor:"#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement(".news h3", 	named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#086c03", sLinkColor:"#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement("#inhalt h1", 	named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#086c03", sLinkColor:"#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement(".teaser h3", 	named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#ffffff", sLinkColor:"#ffffff", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement(".teaser h2", 	named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#ffffff", sLinkColor:"#ffffff", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
		sIFR.replaceElement(".subheadline", named({sFlashSrc: "/_f/interstate-bold.swf", sColor: "#686868", sLinkColor:"#086c03", sWmode:"transparent", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"" }));
	
	};


	if ($('reservierungsplan-bild')) {
		$('reservierungsplan-bild').style.backgroundImage = 'url(/_p/reserv-plan.gif)';
	}
	
	var reservint = 0;
	
	$$('area').each(function(area) {
		area.observe('mouseover', function() {
			arrnumtmp = area.getAttribute('href').split('#');
			var number = arrnumtmp[1];

			$('reservierungsplan-bild').setAttribute('src', "/_p/reserv-plan-trans-" + number + ".gif");
			$('plan-text').select('p').invoke('hide');
			$('plan-text-' + number).show();
		});
		
		area.observe('mouseout', function() {
			if (reservint == 0) {
				$('reservierungsplan-bild').setAttribute('src', "/_p/reserv-plan-trans.gif");
				$('plan-text').select('p').invoke('hide');
				$('plan-text-0').show();
			} else {
				$('reservierungsplan-bild').setAttribute('src', "/_p/reserv-plan-trans-" + reservint + ".gif");
				$('plan-text').select('p').invoke('hide');
				$('plan-text-' + reservint).show();
			}
		});
		
		area.observe('click', function() {
			arrnumtmp = area.getAttribute('href').split('#');
			var number = arrnumtmp[1];
			
			$('reservierungsplan-bild').setAttribute('src', "/_p/reserv-plan-trans-" + number + ".gif");
			$('plan-text').select('p').invoke('hide');
			$('plan-text-' + number).show();
			
			$('formbereich').setValue(number);
		
			reservint = number;
		});
	});
	
	if ($('formdatummonat') && $('formbereich')) {
		var bereichsLimitierung = function() {
			var number = this.value;
			
			$('formbereich').select('option').invoke('show');
			
			if(number < 4 || number > 10) {
				$('formbereich').select('option').each(function(opt) {
					var value = opt.getAttribute('value');
					if(value != 11) { 
						opt.hide();
						$('formbereich').value = 11;
					}
				});
			}
			
		}
		$('formdatummonat').observe('change', bereichsLimitierung);
		
		bereichsLimitierung();
		
	}
	
	if ($('formbereich')) {
		$('formbereich').observe('change', function() {
			var number = this.value;
			$('reservierungsplan-bild').setAttribute('src', "/_p/reserv-plan-trans-" + number + ".gif");
			$('plan-text').select('p').invoke('hide');
			$('plan-text-' + number).show();
			
			reservint = number;
		});
	}
	
	if ($('formzahlungsweise')) {
		$('formzahlungsweise').observe('change', function() {
			if($F('formzahlungsweise') == 2) {
				$('rechnungsanschrift').show();
			} else {
				$('rechnungsanschrift').hide();
			}
		});
	}
	
	if ($('letterit-form-absenden')) {
		$('letterit-form-absenden').observe('click', function(event) {
			Event.stop(event);
			new Ajax.Request('/newsletter-eintragen.php', {
			  method:'post',
			  parameters: $('letterit-form').serialize(true),
			  onSuccess: function(transport){
				 var json = transport.responseText.evalJSON();
				// Formular ausblenden
				if (json.form == 1) {
					$('randformfs').remove();
				}
				// Feedback einblenden
				$('randformfeedback').update(json.meldung);
			   }
			});
		});
	}
	
	if ($('webcamlink')) {
		webcampic();
	}
	
	if ($('wetter')) {
		var so = new SWFObject("http://wetter.rtl.de/extern/generell/generator/deutschland/wetter_home.swf?id=110629&key=4c979a4e9ccd9b40df508f6584699869", "player3", "198", "234", "8", "#87a1cd");
		so.addParam("quality", "high");
		so.write("wetter");
	}
	
	
	
	if ($('promokasten')) {
		prmkstn = $('promokasten').childElements();
		if (prmkstn.length > 1) {
		    prmkstn.each(function(element,i) {
		    	if (i>=1) {
		    		element.setStyle({ display: 'none' });
		    	}
		    });

			new promoFader('#promokasten > div');
		}
	}

	
});


function webcampic () {
	pic = $$('#webcamlink img');
	pic[0].remove();
	delete pic;
	
	var webcamimg = document.createElement('img');
	webcamimg.setAttribute('height', '234');
	webcamimg.setAttribute('width', '312');
	webcamimg.setAttribute('alt', 'Aktuelles Bild von der Webcam');
	webcamimg.setAttribute('src', 'http://webcam.schwabengarten.com/webcam.jpg?'+String(Math.random()));
	$('webcamlink').appendChild(webcamimg);
	
	window.setTimeout("webcampic()", 30000);
}


function kommentarsenden() {
	var spamspan  = new Element('input', {
		type: 'hidden',
		name: 'kommentar-absenden',
		value: 'yes'
		});	
	$('insertFormFeld').insert(spamspan);
	$('kommentar-form').submit();
}