$(document).ready(function(){
		
			//.projects li .item .box .content a
			$('.projects li .item .box .content a').click(function() {
				if($(this).parent().parent().parent().parent().hasClass('active')){
					$(".projects li").removeClass('active');
					$(".displaybox").hide();
				}else{
					$(".displaybox").hide();
					$(".projects li").removeClass('active');
					$(this).parent().parent().parent().parent().addClass('active');
					var display_width = $(document).width();
					var display_height = $(document).height();
					var p = $(".displaybox");
					var offset = p.offset();
					$(".displaybox").css('width', display_width);
					$(".displaybox").css('height', display_height);
					//$(".displaybox").css('position', 'absolute');
					//$(".displaybox").css('top', '-' + offset.top + 'px');
					//$(".displaybox").css('left', '-' + offset.left + 'px');
					//var displayblock_position = $(window).scrollTop() + 30;
					//$(".displaybox_container").css("marginTop", displayblock_position + "px");
					$(".displaybox").show();
					var request = $(this).parent().parent().parent().parent().attr("id");
					$.post('displayblock_content.php',  { type: request } , function(data) {
  						$(".displaybox_content").html(data);
					});
				}
			});
			
			$(window).resize(function() {
				$(".displaybox").css('width', "0");
				$(".displaybox").css('height', "0");
				var display_width = $(document).width();
				var display_height = $(document).height();
				var p = $(".displaybox");
				var offset = p.offset();
				$(".displaybox").css('width', display_width);
				$(".displaybox").css('height', display_height);
				//$(".displaybox").css('position', 'absolute');
				//$(".displaybox").css('top', '-' + offset.top);
				//$(".displaybox").css('left', '-' + offset.left);
			});
			
			var mouse_is_inside = false;
			
			$('.displaybox_container').hover(function(){ 
				mouse_is_inside=true; 
    		}, function(){ 
        		mouse_is_inside=false; 
    		});

			$("body").mouseup(function(){ 
        		if(! mouse_is_inside){
        		 $('.displaybox').hide();
				 $(".projects li").removeClass('active');
				}
    		});
    		
    		$('.displaybox_close a').click(function() {
    			$('.displaybox').hide();
				$(".projects li").removeClass('active');
    		});
			
			//$(window).scroll(function(){
			//	var displayblock_position = $(window).scrollTop() + 30;
			//	$(".displaybox_container").stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );
				//$(".displaybox_container").css("marginTop", displayblock_position + "px");
			//});
});