var KSMouseOverMenus = true;
var KSNavBaseURL = "";

var KSAllMenues = [
	{ name: "aktuellMenu", title: "aktuellMenuTitle", normalClass: "menuTitle", hiliteClass: "menuTitleSelect",
		items: [
		{ name: "Neuigkeiten", linkURL: "web/aktuelles/aktuelles.php" },
		{ name: "Gottesdienste", linkURL: "web/gottesdienste/gottesdienste.php" },
		{ name: "Musik", linkURL: "web/kirchenmusik/kirchenmusik.php" },
		{ name: "Gemeindebrief", linkURL: "web/gemeindebrief/gemeindebrief.php" }
		]
	},
	{ name: "gemeindeMenu", title: "gemeindeMenuTitle", normalClass: "menuTitle", hiliteClass: "menuTitleSelect",
		items: [
		{ name: "Wir über uns", linkURL: "web/gemeinde/wirueberuns.php" },
		{ name: "Jugend", linkURL: "web/jugend/jugend.php" },
		{ name: "Aktivitäten", linkURL: "web/gruppen/gruppen.php" },
		{ name: "Café & Weltladen", linkURL: "web/gemeinde/weltladen.php" },
		{ name: "Geschichte", linkURL: "web/geschichte/geschichte.php" },
		{ name: "Texte", linkURL: "web/textezum/textezum.php" },
		{ name: "Spenden & Fördern", linkURL: "web/gemeinde/spendenufoerdern.php" }
		]
	},
	{ name: "serviceMenu", title: "serviceMenuTitle", normalClass: "menuTitle", hiliteClass: "menuTitleSelect", 
		items: [
		{ name: "Taufe", linkURL: "web/service/taufen.php" },
		{ name: "Konfirmation", linkURL: "web/service/konfirmationen.php" },
		{ name: "Trauung", linkURL: "web/service/trauungen.php" },
		{ name: "Ehejubiläen", linkURL: "web/service/ehejubilaeen.php" },
		{ name: "Lebensende", linkURL: "web/service/lebensende.php" },
		{ name: "Seelsorge", linkURL: "web/service/seelsorge.php" },
		{ name: "Seniorenberatung", linkURL: "web/service/seniorenberatung.php" },
		{ name: "Kita / Kiga", linkURL: "web/kindergarten/kindergarten.php" },
		{ name: "Offene Kirche", linkURL: "web/gruppen/gruppenpage.php?id=T1105132625" }
		]
	}
];

var browser = new Object();

function KSBrowser()
{
  var ua, s, i;

  browser.isIE    = false;
  browser.isNS    = false;
  browser.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    browser.isIE = true;
    browser.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    browser.isNS = true;
    browser.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    browser.isNS = true;
    browser.version = 6.1;
    return;
  }
}

var KSPreloadUrls = [
	"web/images/neu/shadow/images/left.png",
	"web/images/neu/shadow/images/lefttop.png",
	"web/images/neu/shadow/images/leftbottom.png",
	"web/images/neu/shadow/images/right.png",
	"web/images/neu/shadow/images/righttop.png",
	"web/images/neu/shadow/images/rightbottom.png",
	"web/images/neu/shadow/images/top.png",
	"web/images/neu/shadow/images/bottom.png"
];

function KSPreloadImages()
{
	for (var i=0;i<KSPreloadUrls.length;i++)
	{
		var image = new Image()
		image.src = KSNavBaseURL + KSPreloadUrls[i];
	}
}

function KSSetAlpha(element, alpha)
{
	element.style.opacity = alpha;
	element.style.filter = "alpha(opacity=" + Math.floor(alpha * 100).toString() + ")";
}


function getDocumentSize()
{
	var x;
	var y;
	
	if (browser.isIE)
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
	}
	if (browser.isNS)
	{
		x = window.innerWidth;
		y = window.innerHeight;
	}
	return {x : x, y : y };
}

function getDocumentScroll()
{
	var x;
	var y;
	
	if (browser.isIE)
	{
		x = document.documentElement.scrollLeft + document.body.scrollLeft;
		y = document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.isNS)
	{
		x = window.scrollX;
		y = window.scrollY;
	}
	return {x : x, y : y };
}

var mouseInsideCount = 0;

function KSHideAllMenus(ignorePanel)
{
	var element;
	
	for (var i=0;i<KSAllMenues.length;i++)
	{
		element = document.getElementById(KSAllMenues[i].name);
		if (element != null)
			element.style.visibility = "hidden";
		if (KSAllMenues[i].title != "")
		{
			element = document.getElementById(KSAllMenues[i].title);
			if (element != null)
				element.className = KSAllMenues[i].normalClass;
		}
	}
	
	if (ignorePanel == null)
		KSHidePanel();
}

function KSShowMenu(name)
{
	KSHideAllMenus();
	
	var obj = null;
	
	for (var i=0;i<KSAllMenues.length;i++)
	{
		if (KSAllMenues[i].name == name)
			obj = KSAllMenues[i];
	}
	
	var element = document.getElementById(name);
	if (element != null)
		element.style.visibility = "visible";
	
	if (obj && obj.title != "")
	{
		element = document.getElementById(obj.title);
		if (element != null)
			element.className = obj.hiliteClass;
	}
}

var KSCurrentPanel = null;
var KSPanelAnimCount = 0;
var KSPanelMaxAnimCount = 7.0;

function KSHidePanel()
{
	if (KSCurrentPanel)
	{
		KSPanelAnimCount = 0;
		KSAnimHidePanel();
	}
}

function KSShowPanel(url)
{
	var element = document.getElementById("panelLayer");
	var htmlString = "";
	
	htmlString += "<table border='0' cellspacing='0' cellpadding='0' width='640'>";
	htmlString += "<tr height='20'>";
	htmlString += "<td width='20' height='20' class='shadowLeftTop'>&nbsp;</td>";
	htmlString += "<td width='600' height='20' class='shadowTop'>&nbsp;</td>";
	htmlString += "<td width='20' height='20' class='shadowRightTop'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "<tr>";
	htmlString += "<td width='20' class='shadowLeft'>&nbsp;</td>";
	htmlString += "<td width='600' class='panelOuter'>";
	
	htmlString += "<iframe src='"+url+"' width='600' height='300' scrolling='auto' frameborder='0'></iframe>";
	htmlString += "<div style='text-align:right;' class='sectionTextPad sectionTextTitle '><a href='javascript:void(0);'>Schliessen</a></div>";
	
	htmlString += "</td>";
	htmlString += "<td width='20' class='shadowRight'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "<tr height='20'>";
	htmlString += "<td width='20' height='20' class='shadowLeftBottom'>&nbsp;</td>";
	htmlString += "<td width='600' height='20' class='shadowBottom'>&nbsp;</td>";
	htmlString += "<td width='20' height='20' class='shadowRightBottom'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "</table>";
	
	element.innerHTML = htmlString;
	
	element.style.display = "block";
	element.style.visibility = "visible";
	element.style.left = Math.floor((1000 - 640)/2) + "px";
	element.style.top = Math.floor((getDocumentSize().y - 340)/2) + getDocumentScroll().y + "px";
	KSCurrentPanel = element;
	KSSetAlpha(element, 0.0);
	KSPanelAnimCount = 0;
	KSAnimShowPanel();
}

function KSShowImagePanel(url, width, height, title)
{
	var element = document.getElementById("panelLayer");
	var htmlString = "";
	var panelWidth = (width + 40);
	
	htmlString += "<table border='0' cellspacing='0' cellpadding='0'  width='" + panelWidth + "'>";
	htmlString += "<tr height='20'>";
	htmlString += "<td width='20' height='20' class='shadowLeftTop'>&nbsp;</td>";
	htmlString += "<td height='20' width='" + width + "' class='shadowTop'>&nbsp;</td>";
	htmlString += "<td width='20' height='20' class='shadowRightTop'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "<tr>";
	htmlString += "<td width='20' class='shadowLeft'>&nbsp;</td>";
	htmlString += "<td class='panelOuter' width='" + width + "'>";
	
	htmlString += "<img src='" + url + "' width='" + width + "' height='" + height + "' alt='' border='0'>";
	htmlString += "<div style='text-align:center;' class='sectionTextPad sectionTextMedium '>"+title+"</div>";
	htmlString += "<div style='text-align:right;' class='sectionTextPad sectionTextTitle '><a href='javascript:void(0);'>Schliessen</a></div>";
	
	htmlString += "</td>";
	htmlString += "<td width='20' class='shadowRight'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "<tr height='20'>";
	htmlString += "<td width='20' height='20' class='shadowLeftBottom'>&nbsp;</td>";
	htmlString += "<td height='20' width='" + width + "' class='shadowBottom'>&nbsp;</td>";
	htmlString += "<td width='20' height='20' class='shadowRightBottom'>&nbsp;</td>";
	htmlString += "</tr>";
	htmlString += "</table>";
	
	element.innerHTML = htmlString;
	
	element.style.display = "block";
	element.style.visibility = "visible";
	element.style.left = Math.floor((1000 - (width + 40))/2) + "px";
	element.style.top = Math.floor((getDocumentSize().y - (height + 40))/2) + getDocumentScroll().y + "px";
	
	KSCurrentPanel = element;
	KSSetAlpha(element, 0.0);
	KSPanelAnimCount = 0;
	KSAnimShowPanel();
}

function KSAnimShowPanel()
{
	if (KSCurrentPanel)
	{
		if (KSPanelAnimCount < KSPanelMaxAnimCount)
		{
			KSSetAlpha(KSCurrentPanel, KSPanelAnimCount/KSPanelMaxAnimCount);
			KSPanelAnimCount++;
			setTimeout("KSAnimShowPanel()", 30);
		}	
		else
		{
			KSSetAlpha(KSCurrentPanel, 1.0);
		}
	}
}

function KSAnimHidePanel()
{
	if (KSCurrentPanel)
	{
		if (KSPanelAnimCount < KSPanelMaxAnimCount)
		{
			KSSetAlpha(KSCurrentPanel, 1.0 - KSPanelAnimCount/KSPanelMaxAnimCount);
			KSPanelAnimCount++;
			setTimeout("KSAnimHidePanel()", 30);
		}	
		else
		{
			KSSetAlpha(KSCurrentPanel, 0.0);
			KSCurrentPanel.style.visibility = "hidden";
			KSCurrentPanel.style.display = "none";
			KSCurrentPanel = null;
		}
	}
}

function KSShowPerson(idStr)
{
	KSShowPanel(KSNavBaseURL + "web/menschen/menschenpanel.php?id="+idStr);
}

function KSGotoLink(linkURL)
{
	document.location = linkURL;
}

function KSGotoID(id)
{
	document.location = KSNavBaseURL + id;
}

function KSMouseOverShowMenu(name)
{
	if (KSMouseOverMenus)
		KSShowMenu(name);
}

function KSMouseOverHideAllMenues()
{
	if (KSMouseOverMenus)
		KSHideAllMenus(true);
}

function KSWriteMenus()
{
	KSBrowser();
	KSPreloadImages();
	
	var writeString = "";
	
	for (var i=0;i<KSAllMenues.length;i++)
	{
		var menu = KSAllMenues[i];
		
		writeString += '<div id="' + KSAllMenues[i].name + '" class="menu">';

		for (var k=0;k<menu.items.length;k++)
		{
			var item = menu.items[k];
			var itemName = item.name;
			var itemURL = item.linkURL;
			writeString += '<div class="menuItem" onclick="KSGotoID(\'' + itemURL + '\');">' + itemName + '</div>';
		}

		writeString += '</div>';
	}

	writeString += '<div id="panelLayer">';
	writeString += '</div>';
	
	var element = document.getElementById("menuLayer");
	element.innerHTML = writeString;
}

function KSCopyright()
{
	document.write("© " + (new Date()).getFullYear() + " Kirche Sasel");
}