var topNavLabels = new Array("Der Förderverein", "Aktuelles", "Kontakt", "Die Schule");
var topNavLinks = new Array("index.html", "news.html", "contact.html", "http://www.gymnasium-kreuztal.de");

var footerLabels = new Array("Kontakt", "Impressum", "Email");
var footerLinks = new Array("contact.html", "impressum.html", "mailto:info@sgk-foerderverein.de");

function getFbMetaTags()
{
	htmlCode = "";
	htmlCode += "<meta property=\"og:title\" content=\"Förderverein des Städtischen Gymnasiums Kreuztal (vormals Friedrich-Flick-Gymnasium) e.V.\" />\n";
	htmlCode += "<meta property=\"og:type\" content=\"non_profit\" />\n";
	htmlCode += "<meta property=\"og:url\" content=\"http://www.sgk-foerderverein.de\" />\n";
	htmlCode += "<meta property=\"og:image\" content=\"http://www.sgk-foerderverein.de/images/Logo.jpg\" />\n";
	htmlCode += "<meta property=\"og:site_name\" content=\"Förderverein des Städtischen Gymnasiums Kreuztal (vormals Friedrich-Flick-Gymnasium) e.V.\" />\n";
	htmlCode += "<meta property=\"fb:admins\" content=\"153799388010220\" />\n";
	return htmlCode;
}

function getFbLikeButton()
{
	htmlCode = "";
	htmlCode += "<script src=\"http://connect.facebook.net/de_DE/all.js#xfbml=1\"></script><fb:like href=\"www.sgk-foerderverein.de\" layout=\"button_count\" show_faces=\"false\" width=\"200\" font=\"arial\"></fb:like>";
	return htmlCode;
}

function FBCommentInit(commentDivName, commentName) {
	var fbComments = document.getElementById(commentDivName);
	if(fbComments)
	{
		var elementId = commentName.replace("/", "").replace("/", "").replace(".", "");
		fbComments.innerHTML = "<fb:comments xid=\"" + elementId + "\" numposts=\"10\" width=\"425\" publish_feed=\"true\"></fb:comments>";
		FB.init({
			appId  : '153799388010220',
			status : true, // check login status
			cookie : true, // enable cookies to allow the server to access the session
			xfbml  : true  // parse XFBML
		  });
	}
}

function getTopNavHtml(level)
{
	linkPrefix = "";
	for(i=0;i<level;i++)
	{
		linkPrefix =  "../" + linkPrefix;
	}

	htmlCode = "";
	
	htmlCode += "<table class=\"topnavigation\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	htmlCode += "	<tr>";
	htmlCode += "		<td>";
	htmlCode += "			<span class=\"topnaventry\">|</span>";
	for(i = 0; i < topNavLabels.length; i++)
	{
		target="_self";
		if(topNavLinks[i].indexOf("http:") > -1)
		{
			target="_blank";
		}
				
		htmlCode += "<a class=\"topnaventry\" href=\"" + linkPrefix + topNavLinks[i] + "\" target=\"" + target + "\">" + topNavLabels[i] + "</a>";
		htmlCode += "<span class=\"topnaventry\">|</span>";
	}
	htmlCode += "		</td>";
	htmlCode += "	</tr>";
	htmlCode += "</table>";
	
	return htmlCode;
}

function getLeftNavHtml(labels, links, level)
{
	linkPrefix = "";
	for(i=0;i<level;i++)
	{
		linkPrefix =  "../" + linkPrefix;
	}

	htmlCode = "";
	
	htmlCode += "<table class=\"leftnavigation\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	for(i = 0; i < labels.length; i++)
	{
		target="_self";
		if(links[i].indexOf("http:") > -1)
		{
			target="_blank";
		}
	
		htmlCode += "<tr>";
		htmlCode += "<td class=\"leftnavcell\"><a class=\"leftnaventry\" href=\"" + linkPrefix + links[i] + "\" target=\"" + target + "\">" + labels[i] + "</a></td>";
		htmlCode += "</tr>";
	}
	htmlCode += "</table>";
	
	return htmlCode;
}

function getFooterHtml(level)
{
	linkPrefix = "";
	for(i=0;i<level;i++)
	{
		linkPrefix =  "../" + linkPrefix;
	}

	htmlCode = "";
	
	htmlCode += "<table class=\"footer\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	htmlCode += "	<tr>";
	htmlCode += "		<td>";
	htmlCode += "			<span class=\"footerentry\">|</span>";
	for(i = 0; i < footerLabels.length; i++)
	{
			target="_self";
		if(footerLinks[i].indexOf("http:") > -1)
		{
			target="_blank";
		}
	
		htmlCode += "<a class=\"footerentry\" href=\"" + linkPrefix + footerLinks[i] + "\" target=\"" + target + "\">" + footerLabels[i] + "</a>";
		htmlCode += "<span class=\"footerentry\">|</span>";
	}
	htmlCode += "		</td>";
	htmlCode += "	</tr>";
	htmlCode += "</table>";
	
	return htmlCode;
}

//create picture handling
function getThumbnailList(picPath, picCount)
{
	var htmlCode = "<table>"
	
	for(i=1; i<=picCount; i++)
	{
		if(i%5 == 1)
		{
			htmlCode += "<tr>";
		}
		
		htmlCode += "<td><div class=\"thumbcontainer\"><img class=\"thumbnail\" src=\"" + picPath + "/tn/" + i + ".jpg\" onclick=\"showViewer('" + picPath + "/" + i + ".jpg')\"></div></td>";
		
		if(i%5 == 0)
		{
			htmlCode += "</tr>";
		}
	}
	
	htmlCode += "</table>";
	return htmlCode;
}

function showViewer(imagePath)
{
	FBCommentInit("fbComments", imagePath);
	
	var imageViewer = document.getElementById("imageViewer");
	if(imageViewer)
	{
		imageViewer.style.display = "block";
	}

	var mainImage = document.getElementById("mainImage");
	if(mainImage)
	{
		mainImage.style.display = "none";
		mainImage.src = imagePath;
		mainImage.style.width = "auto";
		mainImage.style.height = "auto";
	}

	var overlay = document.getElementById("overlay");
	if(overlay)
	{
		overlay.style.display = "block";
	}
	
	var scrollTop = window.pageYOffset;
	imageViewer.style.top = scrollTop + "px";
	overlay.style.height = getDocHeight() + "px";
	
	setTimeout("showImage(mainImage)", 1500);
}

function showImage(mainImage)
{
	mainImage.style.display = "block";
	
	while(!mainImage.complete)
	{
	alert(mainImage.complete);
	}
	
	if(mainImage.width > mainImage.height)
	{
		mainImage.style.width = "600px";
		mainImage.style.height = "auto";
	}
	else
	{
		mainImage.style.width = "auto";
		mainImage.style.height = "600px";
	}
}

function hideViewer()
{
	var imageViewer = document.getElementById("imageViewer");
	if(imageViewer)
	{
		imageViewer.style.display = "none";
	}
	
	var overlay = document.getElementById("overlay");
	if(overlay)
	{
		overlay.style.display = "none";
	}
	
	var mainImage = document.getElementById("mainImage");
	if(mainImage)
	{
		mainImage.style.display = "none";
		mainImage.src = "";
		mainImage.style.width = "auto";
		mainImage.style.height = "auto";
	}
}

function getDocHeight() 
{
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}