$(document).ready(function() {
	// $("#overlayContainer").hide();
});

$(window).load(function () {
	  
		// Voor images met categorie 'niet bewerkt'. breedte < 400 tekst ernaast tonen, anders niet.
		$(".nietBewerkt").each(function(){
			var b = $(this).css("width");
			b = b.substring(0, (b.length-2));
			if (b > 400) {
				$(this).css("float", "none");
			} else {
				$(this).css("float", "left");
			}
		});


		$("#content").jScrollPane({scrollbarWidth:7});

		
		// Scroll func geactiveerd
		if ($('.jScrollPaneTrack').html()) {
			$('#lees-verder').show();
			$('#lees-verder').click(function() {
				$('#content')[0].scrollBy(300);
				return false;
			});
		}   
		
		$("a.fancybox").fancybox({
			'zoomSpeedIn': 0, 
			'zoomSpeedOut': 0, 
			'overlayShow': true,
			'hideOnContentClick': true
		});
			
		$(".project-photo").mouseover( function() {
		  $(".jScrollPaneTrack").css("display", "none");
			var imagename = $(this).attr("src");
			imagename = imagename.substring( (imagename.lastIndexOf("/")+1) ,imagename.length);
			showBig(imagename);
		});
		
		// Overlay bij projectenlijst
		$(".project-projectList li a").mouseover( function() {
			
			var containsActive = false;
			
			//Kijken of er iets actief is
			$(".project-projectList li").each( function() {
				if( $(this).attr("class") == 'active') {
					containsActive = true;
				}
			});
			
			if(!containsActive) {
				$(".jScrollPaneTrack").css("display", "none");
				$("#content").empty();
			 	var photoHtml = $("#overviewContainer").html();
  		 	$("#content").append(photoHtml);
				$("#overlayContainer").css("display", "block");
				// type uit de lijst, hover
			 	var typeTrimmed = jQuery.trim($(this).attr("id"));
			 	typeTrimmed = typeTrimmed.replace(/ /g,"_");
			 	//Alle overlay inners overlopen
				$("#overlayContainer .overlay-inner").each( function() {
						if ( jQuery.trim($(this).parent().attr("id")) == typeTrimmed) {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
							$(this).css("-moz-opacity", "0");
							$(this).css("-khtml-opacity", "0");
							$(this).css("opacity", "0");
							$(this).css("display", "block");
						} else {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=90)");
							$(this).css("-moz-opacity", "0.9");
							$(this).css("-khtml-opacity", "0.9");
							$(this).css("opacity", "0.9");
							$(this).css("display", "block");
						}
				});
			}
		});
		
		/*
		// this is replaced with #project-thumbs 
		// thumbnails with hover beneath the #bigImage
		// instead of in a right col
		$("#project-right a img").each( function() {
			$.preloadImages($(this).attr("src"));
		});
		*/
		
		$("#project-thumbs a img").each( function() {
			$.preloadImages($(this).attr("src"));
		});
				
		// Lijst met types
		$("#nav-sub").bind("mouseleave",function() {
 			$("#nav-sub .project-projectList").remove();
			$("#project-projectList").css("display", "block");
			// Alle niet actieve li's juiste kleur geven
			$("#nav-sub-1 ul li a").each(function() {
				$(this).css("color", "#818386");
			}); 
			$(".active a").css("color", "#A2C130");
		});
		
		$("#nav-sub-1 ul li a").mouseover( function() {
			/*var containsActive = false;
			
			$("#nav-sub-1 ul li").each(function() {
				if ($(this).attr("class") == "active") {
					containsActive = true;
				}
			});*/
			
			
			//if (!containsActive) {
			
				$("#project-summary").css("display", "none");
				$(".jScrollPaneTrack").css("display", "none");
				$("#content").empty();
			 	var photoHtml = $("#overviewContainer").html();
  		 	$("#content").append(photoHtml);
				$("#overlayContainer").css("display", "block");
				// type uit de lijst, hover
			 	var typeTrimmed = jQuery.trim($(this).text());
			 	typeTrimmed = typeTrimmed.replace(/ /g,"_");
			 				
				//Alle overlay inners overlopen
				$("#overlayContainer .overlay-inner").each( function() {
						if ( jQuery.trim($(this).parent().attr("class")) == typeTrimmed) {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
							$(this).css("-moz-opacity", "0");
							$(this).css("-khtml-opacity", "0");
							$(this).css("opacity", "0");
							$(this).css("display", "block");
						} else {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=90)");
							$(this).css("-moz-opacity", "0.9");
							$(this).css("-khtml-opacity", "0.9");
							$(this).css("opacity", "0.9");
							$(this).css("display", "block");
						}
				});
			
				
										
				$("#nav-sub-1 ul li a").css("color", "#818386");
				$(this).css("color", "#a2c130");
				$("#nav-sub .project-projectList").remove(); 
				$("#project-projectList").css("display", "none");
			
				var listID = $(this).attr("id");
				listID = listID.substring(10, 15);
				listID = jQuery.trim(listID);
				var extraHtml = $("#project_" + listID).html();
		 		$("#nav-sub").append(extraHtml);
		 		$(".project-projectList li a").mouseover( function() {
					$("#content").empty();
			 		var photoHtml = $("#overviewContainer").html();
  		 		$("#content").append(photoHtml);
					$("#overlayContainer").css("display", "block");
					// type uit de lijst, hover
			 		var typeTrimmed = jQuery.trim($(this).attr("id"));
			 		typeTrimmed = typeTrimmed.replace(/ /g,"_");
			 		$(".jScrollPaneTrack").css("display", "none");			
					//Alle overlay inners overlopen
					
					$("#overlayContainer .overlay-inner").each( function() {
						if ( jQuery.trim($(this).parent().attr("id")) == typeTrimmed) {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
							$(this).css("-moz-opacity", "0");
							$(this).css("-khtml-opacity", "0");
							$(this).css("opacity", "0");
							$(this).css("display", "block");
						} else {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=90)");
							$(this).css("-moz-opacity", "0.9");
							$(this).css("-khtml-opacity", "0.9");
							$(this).css("opacity", "0.9");
							$(this).css("display", "block");
						}
					});
				});
		 	/*$("#overlayContainer").find(typeTrimmed).each( function() {
		 	});*/
	// }	 		
		});
		
	
		});
		
		/**
		 * Toont het rooster met alle projecten disabled
		 */
		function showGridDisabled() {
			
				var containsActive = false;

				//Kijken of er iets actief is
				$("#project-projectList li").each( function() {
					if( $(this).attr("class") == 'active') {
						containsActive = true;
					}
				});
				
				if(!containsActive) {
					$(".jScrollPaneTrack").css("display", "none");
					$("#content").empty();
				 	var photoHtml = $("#overviewContainer").html();
		  	 	$("#content").append(photoHtml);
					// $("#overlayContainer").css("display", "block");
					// type uit de lijst, hover
				 	var typeTrimmed = jQuery.trim($("#nav-sub-1 li.active a").text());
				 	typeTrimmed = typeTrimmed.replace(/ /g,"_");
				 	//Alle overlay inners overlopen
					$("#overlayContainer .overlay-inner").each( function() {
						if ( jQuery.trim($(this).parent().attr("class")) == typeTrimmed) {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=0)");
							$(this).css("-moz-opacity", "0");
							$(this).css("-khtml-opacity", "0");
							$(this).css("opacity", "0");
							$(this).css("display", "block");
						} else {
							$(this).css("filter", "progid:DXImageTransform.Microsoft.Alpha(opacity=90)");
							$(this).css("-moz-opacity", "0.9");
							$(this).css("-khtml-opacity", "0.9");
							$(this).css("opacity", "0.9");
							$(this).css("display", "block");
						}
					});
								
				// Grid tonen
				// $("#overlayContainer").css("display", "block");
				$("#overlayContainer").fadeIn("slow");
			}
		}