var currentPic = 1;
var sub = 0;
var currentProject;

$(document).ready(function(){

	$("#menu_1").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(0) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_2").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(2) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_3").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(4) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_4").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(6) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_51").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(0) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_6").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(2) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_7").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(4) ul").show();
//		$(".mod_article").hide();
	});
	
	$("#menu_8").mouseover(function(){
		$("ul .submenu ul").hide();
		$("ul .submenu:eq(6) ul").show();
//		$(".mod_article").hide();
	});
	
	$("ul .submenu a.submenu").mouseover(function(){
		$("ul .submenu ul").hide();
		$(this).parent().find("ul").show();
	});

	$(window).mousemove(function(e){
		if(e.pageY > 192)
		{
			$("ul .submenu ul").hide();
			$(".trail").children("ul").show();
		}
	});
	
	$(".mod_changelanguage ul li").mousemove(function(){
			$("ul .submenu ul").hide();
			$(".trail").children("ul").show();
	});


	
	$("ul .submenu ul").mouseover(function(){
		$(this).show();
	});

	if(!getURLParam("id"))
		{
			var ms = 300;
			
			$(".logo").hide().fadeIn(500);
			$("li.submenu").css({top: -650+"px"});
			$(".mod_changelanguage li").css({top: -650+"px"});
			
			$("li.submenu").each(function(){
				$(this).delay(ms).animate({top: "0px"} ,500);
				ms += 200;
			});
			
			$(".mod_changelanguage li").delay(ms).animate({top: "0px"}, 500, function(){
		
			$("#menu_overlay").delay(ms+500).show();
			$(".submenu embed").remove();
			});
		}
	else
	{
		if (getURLParam("id") < 20 || getURLParam("id") == 38) {
			$("#menu_overlay").delay(ms + 500).show();
			
			if($(".trail:first").index() == 0)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_01.jpg");
			}
			
			if($(".trail:first").index() == 1)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_02.jpg");
			}
			
			if($(".trail:first").index() == 2)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_03.jpg");
			}
			
			if($(".trail:first").index() == 3)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_04.jpg");
			}
			
		}
		else {
			$("#menu_overlay_en").delay(ms + 500).show();
			
			if($(".trail:first").index() == 0)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_en_01.jpg");
			}
			
			if($(".trail:first").index() == 1)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_en_02.jpg");
			}
			
			if($(".trail:first").index() == 2)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_en_03.jpg");
			}
			
			if($(".trail:first").index() == 3)
			{
				$("#menu_overlay img").attr("src", "tl_files/modus/images/menu_en_04.jpg");
			}			
		}
			
		$(".submenu embed").remove();
	}
		
	var show0 = 0;
	var show1 = 0;
	var show2 = 0;
	var show3 = 0;	
	
	// Untermenü des aktuell aktiven Menüpunktes immer anzeigen
	$(".active").parent().show();
	
	$("ul .submenu ul").each(function(){
		$(this).css({"top": 300-$(this).children("ul").height() + "px"});
	});
/*	
	$(window).mousemove(function(e){
		if(e.pageY > 192)
		{
			$(".mod_article").stop().animate({opacity: 1},200);		
			$(".trail").children("ul").show();
		}
	});
*/
/*	
	$("ul .submenu").mouseout(function(){
		$(this).children("ul").hide();
	});
*/

	$(".lightbox").hide();
	$(".lightbox").css({left: 0+"px"});
	
	// Link der Hauptmenüpunkte entfernen
	$("a.submenu").attr("href", "#");

	$(".level_1 li.submenu").each(function(){
		$(this).children("ul:first").css({
			top: 0 - $(this).children("ul:first").height() + "px"
		});
	});

	// Projektlightbox anzeigen
	$(".showlightbox").click(function(){
		$(this).parent().find(".lightbox").fadeIn();
		
		currentPic = 1;
		var lightbox = $(this).parent().find(".lightbox");
		
		$(".selected").attr("class", "");
		lightbox.find(".image_buttons a:eq(1)").attr("class", "selected");
		lightbox.find(".projimg").hide();
		lightbox.find(".projimg:first").show();
		lightbox.find(".text_container:first").css({"height": lightbox.find(".image_container:first").height()+"px"});
		lightbox.find(".text:first").css({"height": lightbox.find(".image_container:first").height()+"px"});
  		lightbox.find(".text:first").jScrollPane({scrollbarWidth:6});		
		lightbox.find(".image_buttons").css({"margin-left": 24+lightbox.find(".image_container").width()-lightbox.find(".image_buttons").width()+"px"})
		
		lightbox.find(".container").css({"left": $(window).width()/2 - lightbox.find(".container").width()/2 + "px"});
		lightbox.find(".container").css({"top": $(window).height()/2 - lightbox.find(".container").height()/2 + "px"});
	});
	
	// Projektlightbox ausblenden
	$(".close a").click(function(){
		$(this).parent().parent().parent().fadeOut();
	});

});

window.onload = function(){

	$(".project_list").mouseout(function(){
		currentProject.show();
	});
	
	// Vorschaubild der Projektliste anzeigen und auf eine Breite von 150px bringen
	
	$(".showlightbox").mouseover(function(){
		
		$(this).parent().children(".popup").css({"display": "block"});
		
		var thumbWidth = $(this).parent().children(".popup").find("img").width();
		var thumbHeight = $(this).parent().children(".popup").find("img").height();
		
		if(thumbWidth > thumbHeight)
		{
			var newHeight = 175;
			var newWidth = thumbWidth*newHeight/thumbHeight;
		}
		else
		{
			var newWidth = 175;
			var newHeight = thumbHeight*newWidth/thumbWidth;
		}
		
		$(this).parent().children(".popup").find("img").css({"height": newHeight+"px", "width": newWidth+"px"});	
	});

/*	
	$(window).mousemove(function(e){
		if(e.PageY < ($(".showlightbox:last").position()).top)
			currentProject.hide();
			
		if(e.PageY > ($(".showlightbox:last").position()).top)
			currentProject.show();
	});
*/
		
	// Bild wieder ausblenden
	$(".showlightbox").mouseout(function(){
		$(this).parent().children(".popup").stop().fadeOut(100);
	});
		
	$(".showlightbox").mousemove(function(e){
		$(this).parent().children(".popup").css({"left": ($(".submenu .first").offset()).left+117+"px", "top": $(".project_list").height()+60+"px"});
	});
		
	$(".lightbox").mouseover(function(){
		$(".popup").hide();
	});
}

function showImage(i, j)
{
	currentPic = j;
	var lightbox = $("#lightbox_"+i);
		
	lightbox.find(".image_container img").hide();
	$(".image_container #img_"+j).fadeIn();	
	
	$(".selected").attr("class", "");
	lightbox.find("#link_"+j).attr("class", "selected");
	
	var text = lightbox.find(".text:first").html();
	lightbox.find(".text:first").empty();
	lightbox.find(".text:first").jScrollPane({scrollbarWidth:6});		
	lightbox.find(".text:first").html(text);
	lightbox.find(".text_container:first").html("<div class=\"text\">"+text+"</div>")
	lightbox.find(".text_container:first").css({"height": lightbox.find(".image_container:first").height()+"px"});
	lightbox.find(".text:first").css({"height": lightbox.find(".text:first").parent().height()+"px"});
	
	lightbox.find(".text:first").jScrollPane({scrollbarWidth:6});		
	lightbox.find(".image_buttons").css({"margin-left": 24+lightbox.find(".image_container").width()-lightbox.find(".image_buttons").width()+"px"})
	
	lightbox.find(".container").css({"left": $(window).width()/2 - lightbox.find(".container").width()/2 + "px"});
	lightbox.find(".container").css({"top": $(window).height()/2 - lightbox.find(".container").height()/2 + "px"});
}

function showImageInc(i)
{
	if (currentPic < $("#lightbox_"+i+" .image_container img").size()){
  	currentPic++;
  	showImage(i, currentPic);
  }
}

function showImageDec(i)
{
	if (currentPic > 1) {
  	currentPic--;
  	showImage(i, currentPic);
  }
}

function getURLParam(strParamName){
	var strReturn = "";
	var strHref = window.location.href;
	if (strHref.indexOf("?") > -1) 
	{
		var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
		var aQueryString = strQueryString.split("&");
		for (var iParam = 0; iParam < aQueryString.length; iParam++) 
		{
			if (aQueryString[iParam].indexOf(strParamName + "=") > -1) 
			{
				var aParam = aQueryString[iParam].split("=");
				strReturn = aParam[1];
				break;
			}
		}
	}
	return strReturn;
}