var WEBSITE_WIDTH=1000;

var F1;

// init functions

// initialize ajax functions
$.ajaxSetup( {
 url: "ajaxComponent.php",
 type: "POST"
} );


function bildZeigen(bild, breite, hoehe, caption) {
    showImageLayer(bild, caption, breite, hoehe);
}

function Gaestebuch() {
    F1 = window.open("guestbook/", "Fenster1", "width=550,height=450,scrollbars,resizable=yes");
}

function showImageLayer(imageUrl, caption, imageWidth, imageHeight) {
    var imageLayer = $("#imageLayer");

    imageLayer.css("display", "none");

    var layerWidth = imageWidth;
    var layerHeight = imageHeight + 50;
    
    imageLayer.width(layerWidth);
    imageLayer.height(layerHeight);
    
    var width = Math.min($(window).innerWidth(), WEBSITE_WIDTH);
    // never take a negative top position
    var topOffset = ($(window).innerHeight() - (layerHeight + 30)) / 2 + window.pageYOffset;
    var top = Math.max(0, topOffset);

    imageLayer.css("top", top);
    imageLayer.css("left", (width - (layerWidth + 30)) / 2);
   
    ge("imageLayerImage").src = imageUrl;
    $("#imageLayerCaption").html(caption);
    
    imageLayer.click(closeImageLayer);
    imageLayer.css("display", "block");
    
    imageLayer.height(imageHeight + $("#imageLayerCaption").height() + 20);
}

function showStrandApplet() {
	var appletLayer = $("#strandblickLayer");

    appletLayer.css("display", "none");
    appletLayer.find(".applet").html('<applet width="290" height="260" code="Panorama.class">'+
      '<param name="Datei" value="img/sellin/strandblick.jpg">' +
      '<param name="Drehung" value="nein">' +
      '<param name="Kanten" value="ja">' +
      '<param name="Schalter" value="nein">' +
      'Ihr Browser unterstützt kein Java oder Sie haben Java deaktiviert!</applet>');

    var layerWidth = appletLayer.width();
    var layerHeight = appletLayer.height();
    
    var width = Math.min($(window).innerWidth(), WEBSITE_WIDTH);
    // never take a negative top position
    var topOffset = ($(window).innerHeight() - (layerHeight + 30)) / 2 + window.pageYOffset;
    var top = Math.max(0, topOffset);

    appletLayer.css("top", top);
    appletLayer.css("left", (width - (layerWidth + 30)) / 2);
   
    appletLayer.click(closeStrandApplet);
    appletLayer.css("display", "block");
}

function closeStrandApplet() {
	$("#strandblickLayer").hide();
}

function closeImageLayer() {
    $("#imageLayer").hide();
}

function showParkplatzImage(text) {
	if (!text) {
		text = 'Hinter dem Haus stehen Parkplätze für unsere Gäste zur Verfügung';
	}
    showImageLayer('img/eintracht/haus/parkplatz2.jpg', text, 255, 377);
}

function ge(id) {
    return document.getElementById(id);
}

function extendNavigation(elem) {
		var MINUS_IMG = 'img/logos/minus.gif';

		if (elem.src.indexOf(MINUS_IMG) != -1) {
			elem.src="img/logos/plus.gif";
  		$(elem).parent().next(".subNav").css("display", "none");
		} else {
  	  elem.src=MINUS_IMG;
  		$(elem).parent().next(".subNav").css("display", "block");
		}
}

function hoverExtend(elem) {
		var MINUS_IMG = 'img/logos/minus_normal.gif';

		if (elem.src.indexOf(MINUS_IMG) != -1) {
			elem.src="img/logos/minus.gif";
		} else {
  	  elem.src="img/logos/plus.gif";
		}
}

function mouseOutExtend(elem) {
		var MINUS_IMG = 'img/logos/minus.gif';

		if (elem.src.indexOf(MINUS_IMG) != -1) {
			elem.src="img/logos/minus_normal.gif";
		} else {
  	  elem.src="img/logos/plus_normal.gif";
		}
}


function getCurrentFewoBelegungen(fewoId, monat, jahr) {
	if (!monat) {
		monat = $("#monat").val();
	}
	if (!jahr) {
		jahr = $("#jahr").val();
	}

	$('#fewo_belegungen').load('ajaxComponent.php', 
			{ component : "fewo_belegungen",
			  "fewoId" : fewoId,
			  "monat" : monat,
			  "jahr" : jahr });
}

function isPeriodPossible () {
	document.getElementById('userAlert').innerHTML = "";
	var monat1 = parseInt(document.form_zeitraum.monat_von.value);
	var jahr1 = parseInt(document.form_zeitraum.jahr_von.value);
	var monat2 = parseInt(document.form_zeitraum.monat_bis.value);
	var jahr2 = parseInt(document.form_zeitraum.jahr_bis.value);
	
  if (jahr2 < jahr1) {
	  impossiblePeriodAlert();
	  return false;
  }
  else if (jahr2 === jahr1) {
	  if(monat2 < monat1) {
		 impossiblePeriodAlert();
		 return false;
	  }  
  }
  
}

function impossiblePeriodAlert() {
	document.getElementById('userAlert').innerHTML = "Dieser Zeitraum ist unmöglich";
}