var p1Expanded = false;
    var p2Expanded = false;

    $(document).ready(function(){
    
        $("#nav").hover(
            function()
            {
              
            },
            function()
            {   
                 p1Expanded = false;
                 p2Expanded = false;
                 $("#pop_1").slideUp(450);
                 $("#pop_2").slideUp(450);
        });
        

        $("#li_1").hover(
            function()
            {
                p1Expanded = true;
                p2Expanded = false;
                setTimeout("openLi1()", 350);
            },
            function()
            {   
        });  
        
         $("#li_2").hover(
            function()
            {
                p2Expanded = true;
                p1Expanded = false;
                setTimeout("openLi2()", 350);
            },
            function()
            {   
        });  
        
    });
   
        var useinElementIdentifier;
        var useinAspx
        
        function openLi1() {
              if (p1Expanded) {
                  $("#pop_1").slideDown(450);
                  $("#pop_2").slideUp(450);
              }
        }
        
        function openLi2() {
              if (p2Expanded) { 
                $("#pop_2").slideDown(450);
                $("#pop_1").slideUp(450);
              }
        }
        
        function closeImage() {
            $("#darkSide").addClass("hidden");
            $(".zoom").addClass("hidden");
            $(".close").addClass("hidden");
            $(".zoomimage").addClass("hidden");
	    $("#proj").removeClass("hidden");	
            $("#nav").removeClass("hidden");	
        }
   
        function callAjaxImage(inElementIdentifier,inAspx) {
        useinElementIdentifier = inElementIdentifier;
        useinAspx = inAspx;
            
            $("#darkSide").removeClass("hidden");
            $(".zoom").removeClass("hidden");
            $(".zoom .ajax").removeClass("hidden");
	    $("#proj").addClass("hidden");
            $("#nav").addClass("hidden");
            setTimeout(AjaxLoad,750);
        } 
   
        function callAjax(inElementIdentifier,inAspx) {
        useinElementIdentifier = inElementIdentifier;
        useinAspx = inAspx;
        
            $("#proj .ajax").removeClass("hidden");
            setTimeout(AjaxLoad,750);
        }
       
    
      function AjaxLoad()
      {
        $(useinElementIdentifier).load(useinAspx,
        function()
         {
            $(".ajax").addClass("hidden");
             $(".close").removeClass("hidden");
         });
      }