// JavaScript Document

$(document).ready( function(){

	// Add users operating system as body class
	$("BODY").addClass($.client.os.toLowerCase());
	
	// Toggle project view between images and text
	$("#showInfos, #showImages").click( function(){
		$("#images, #text, #showInfos, #showImages").toggle();
		return false;
	});
	
	// Hover behaviour on project thumbnail
	$(".item").hover(
		function(){ $(this).children(".itemOverlay").show(); },
		function(){ $(this).children(".itemOverlay").hide(); }
	);
	
	// Show tooltip
	$(".hasTooltip").hover(
		function(){ $(this).addClass("hover").children(".tooltip").show(); },
		function(){ $(this).removeClass("hover").children(".tooltip").hide(); }
	);	
	
	// Slideshow 
	$(".prevArea, .nextArea").hover( 
		function(){ $(this).children("DIV").show(); },
		function(){ $(this).children("DIV").hide(); }
	);	
	
	$(".prev, .next").dblclick( function(){
		return false;
	});	

	$("#images").dblclick( function(){
		$("#images").blur();
		$("#fullscreen").show();
		$("BODY").addClass("hideScrollbar");
		
    var slideActive = $("#images .slideshow .active").attr("id");
    console.log($("#images .slideshow .active").attr("id"));
    
    $("#fullscreen #" + slideActive + " IMG").attr("src", $("#fullscreen #" + slideActive + " IMG").prev().val());
    $("#fullscreen #" + slideActive + " IMG").load( function(){
      $(this).fadeIn();
    });  
    
    $("#fullscreen .next, #fullscreen .prev").click( function(){
     var slideActive = $("#images .slideshow .active").attr("id");
     console.log($("#images .slideshow .active").attr("id"));
     
     $("#fullscreen #" + slideActive + " IMG").attr("src", $("#fullscreen #" + slideActive + " IMG").prev().val());
     $("#fullscreen #" + slideActive + " IMG").load( function(){
       $(this).fadeIn();
     });  
    
  });
		

		


	
	});

	$("#fullscreen .bottom").click( function(){	
		$("#fullscreen").hide();
		$("BODY").removeClass("hideScrollbar");	
	});
	
	$("#fullscreen").dblclick( function(){	
		$("#fullscreen").hide();
		$("BODY").removeClass("hideScrollbar");	
	});	

	$(".next").click(function(){
		if($(".slideshow .active").next().size()){
			$(".slideshow .active").removeClass("active").next().addClass("active");
		} else {
			$(".slideshow .active").removeClass("active");
			$(".slideshow #slide1").addClass("active");
		}
	});
	
	$(".prev").click(function(){
		if($(".slideshow .active").prev().size()){
			$(".slideshow .active").removeClass("active").prev().addClass("active");
		} else {
			$(".slideshow .active").removeClass("active");
			$(".slideshow LI:last-child").addClass("active");
		}
	});	
	
	if($("#du_menu_item").val()){
		$("#menu-item-" + $("#du_menu_item").val()).addClass("current-menu-item").parent().parent().addClass("current_page_ancestor").parent().parent().addClass("current_page_ancestor");
	}
	
	$("#addProject A").click( function(){
		
		var thisProject = $(this).attr("rel")+"*";
		var savedProjects = readCookie("projektmappe");
		
		if(savedProjects){
			
			if(savedProjects.indexOf(thisProject) == -1){
				createCookie("projektmappe", savedProjects + thisProject, 30);
				animate(savedProjects);

			} else {
				alert("Dieses Projekt befindet sich bereits in Ihrer Projektmappe.");
			}

		} else {
			createCookie("projektmappe", thisProject, 30);
			animate("");
		}
		
		return false;
	
	});

	$("#projektmappe").click( function(){
		var projects = readCookie("projektmappe");
		if($("#projectsCount").text() == " (0)"){
		  $("#tooltipFolder").html('<div align="center" style="margin-right: 15px;">Sie haben noch kein Projekt ausgewählt.</div><span class="tooltipArrow"></span>');
		  //alert("Sie haben noch kein Projekt ausgewählt");
		} else {
  		location.href = $("#plugin_directory").val() + "/pdf-export/build.php?id=" + projects;
  		createCookie("projektmappe", "", 30);
  		$("#projectsCount").text(" (0)").hide();		  
		}
	});
	
	$("#projektmappe").mouseout( function(){
	  $("#tooltipFolder").html('Stellen Sie Ihre persönliche Projektmappe aus ausgewählten Projekten und Informationen auf dieser Webseite zusammen.<span class="tooltipArrow"></span>')
	});
	
	var savedProjects = readCookie("projektmappe");
	if(savedProjects) $("#projectsCount").text(" ("+(savedProjects.split("*").length-1)+")").show();
	
	$("#content IMG, #fullscreen IMG").attr("title", "").attr("alt", "");
	
	$("#menu A").live("click", function(){

		$(this).parent().addClass("current-menu-item");
			
		if($(this).next().hasClass("sub-menu")){


			$("#menu LI").removeClass("current-menu-item current_page_ancestor current_page_item");				
			$(".current_page_ancestor").removeClass("current_page_ancestor");
			
			$(this).parent().addClass("current_page_ancestor current_page_item").parent().parent().addClass("current_page_ancestor").parent().parent().addClass("current_page_ancestor");
      
      setNavHeight();
			return false;
		}
		
	});
	
  
  setNavHeight();
  
	

});

function setNavHeight(obj){
 
  var max = $("#nav UL UL UL.sub-menu:visible LI:visible").size() - $("#nav UL UL UL.sub-menu:visible UL LI:visible").size();
  
  if(max > 5){
    $("#nav").height(max*21 + 18);
  } else {
    $("#nav").height(122);
  }	
}

function animate(savedProjects){
	
	var bezier_params = {
    start: { 
      x: 0, 
      y: 232, 
      angle: 100
    },  
    end: { 
      x:770 - $("h1.animate").width()/2,
      y:55, 
      angle: -50, 
      length: 0.8
    }
  }
  

	$("h1.animate").show().animate({path : new $.path.bezier(bezier_params)}, 1500, function(){ 
																																													 $(this).hide(); 
																																													 $("#projektmappe A").css("color", "#000").animate({ color: "#808080" }); 
																																													 $("#projectsCount").text(' (' + savedProjects.split("*").length + ')').show();
																																													 });

	//$("#projektmappe A").css("color", "#000").animate({ color: "#808080" }); 
	//$("#projectsCount").text(' (' + savedProjects.split("*").length + ')').show();

}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	  else expires = "";
	  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	
	return null;
}

WebFontConfig = {
  custom: { families: ['DIN 1451 Mittelschrift Standard'],
  urls: [ 'http://f.fontdeck.com/s/css/DtjAfB+w7lb2Z6E8TZsiEMmPsFk/localhost/8179.css' ] },
  fontactive: function(fontFamily, fontDescription) {
    columnize();
  }	
};

function columnize(){
  
	if($("html").hasClass("wf-active")){
    
    if($("#content").hasClass("scrollable")){
      $("#columns").columnize({ columns: 3, balance: true, dontsplit: "p" });
    } else {
      $("#columns").columnize({ columns: 2, balance: false, height: 600 });
    }  
  	
  	$(".project #text").css("margin-left", "0px").hide();

  	if($("#text #columns .column").size() == 3){
  		$("#columns").append($("#metadata"));
  	}

  	$("#columns").css("visibility", "visible");
  	$(".column").addClass("setHeight"); 
    
  } else {
    setTimeout("columnize()", 1000)
  }
  
}


function oeffnefenster (url) {
 fenster = window.open(url, 'test', 'width=1000,height=600,left=140,top=300,status=no,scrollbars=no,resizable=no');
 fenster.focus();
}