var wincount=0;     


function process_save_game(res){
	   if (res!=-1){
		   $("#saveok_container").trigger('click');	   
	   }else{
		   $("#saveno_container").trigger('click');	   	   
	   }
	   return("done");
}

function showGame(game){
   var flashVars = "userid="+$("#userid").val();
   $("#CTTLTopNavArea").remove();
   $("#homeIcon").unbind("hover");
   $("#homeIcon").unbind("click");        
   $("#CTTLLoginArea").append("<img id=\"homeIcon\" src=\"images/home_icon1.png\"/>");	   	   		   			        
   $("#homeIcon").attr("title","Go to the CSI: Web adventures home page");   	
   $("#homeIcon").click(function(){
   	$(this).attr("src","images/home_icon1_release.png");
	window.location.href="index.html";   	
   });
   $("#homeIcon").hover(
     function () {
        $(this).attr("src","images/home_icon1_rollover.png");	
  	  }, 
  	  function () {
     	$(this).attr("src","images/home_icon1.png");	
  	  }   	
   );    
   switch (game){
	   case 1:
		    $("#CTTLLoginArea").children().remove();
		    $("#homeIcon").unbind("hover");
		    $("#homeIcon").unbind("click");        
		    $("#CTTLLoginArea").append("<img id=\"homeIcon\" src=\"images/home_icon1.png\"/>");	
		    $("#homeIcon").attr("title","Go to the CSI: Web adventures home page");   			    
		    $("#homeIcon").click(function(){
		    	$(this).attr("src","images/home_icon1_release.png");
		    	window.location.href="index.html";
		    });
		    $("#homeIcon").hover(
		      function () {
		         $(this).attr("src","images/home_icon1_rollover.png");	
		   	  }, 
		   	  function () {
		      	$(this).attr("src","images/home_icon1.png");	
		   	  }   	
		    ); 		    
		    $("#CTTLMiddleArea").children().remove();
	        $("#CTTLLowerArea").remove();
	        $("#CTTLLowerAreaQuote").remove();
	        $("#CTTLMiddleArea").css("height","495px");
			var so = new SWFObject("swf/case1/csi.swf", "mymovie", "960", "495", "8", "#000000");
			so.addParam("base", "http://forensics.rice.edu/swf/case1/");						
			so.addParam("quality", "high");
			so.addParam("wmode", "transparent");
			so.addParam("salign", "t");
			so.write("CTTLMiddleArea");
            $("#CTTLMiddleArea").append("<script type='text/javascript'>_gaq.push(['_trackPageview','/case1'])</script>");			
			break;
	   case 2:
		    $("#CTTLLoginArea").append("<div id=\"walkthrough\" case=\"2\">Walkthrough&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>");	
		    $("#walkthrough").unbind("click");
		    //Adds new click listeners
		    $("#walkthrough").click(function(){
		    	openWalkthrough(2);
		    });
	       $("#walkthrough").hover(
    	      function () {
    	 	     $(this).css("border","1px solid #FFFF00");
                 $(this).css("cursor","pointer");   	 	     
    	 	  }, 
    	 	  function () {
    	 	     $(this).css("border","1px solid #FFFFFF");
                 $(this).css("cursor","default");    	 	     
    	 	  }
    	 	);    
		    $("#CTTLMiddleArea").children().remove();
	        $("#CTTLLowerArea").remove();
	        $("#CTTLLowerAreaQuote").remove();	        
	        $("#CTTLMiddleArea").css("height","495px");
			var so = new SWFObject("swf/case2/shell.swf", "mymovie", "960", "495", "8", "#000000");
			so.addParam("base", "http://forensics.rice.edu/swf/case2/");
			so.addParam("quality", "high");
			so.addParam("wmode", "transparent");
			so.addParam("salign", "t");
			so.addParam("FlashVars", flashVars);			
			so.write("CTTLMiddleArea");   			
            $("#CTTLMiddleArea").append("<script type='text/javascript'>_gaq.push(['_trackPageview','/case2'])</script>");			
			break;
	   case 3:
		    $("#CTTLLoginArea").append("<div id=\"walkthrough\" case=\"3\">Walkthrough&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>");	
		    $("#walkthrough").unbind("click");
		    //Adds new click listeners
		    $("#walkthrough").click(function(){
		    	openWalkthrough(3);
		    });	
	       $("#walkthrough").hover(
     	      function () {
     	 	     $(this).css("border","1px solid #FFFF00");
                 $(this).css("cursor","pointer");      	 	     
     	 	  }, 
     	 	  function () {
     	 	     $(this).css("border","1px solid #FFFFFF");
                 $(this).css("cursor","default");    	 	          	 	     
     	 	  }
     	 	); 				    
		    $("#CTTLMiddleArea").children().remove();
	        $("#CTTLLowerArea").remove();
	        $("#CTTLLowerAreaQuote").remove();	        
	        $("#CTTLMiddleArea").css("height","495px");
			var so = new SWFObject("swf/case3/shell.swf", "mymovie", "960", "495", "8", "#000000");
			so.addParam("base", "http://forensics.rice.edu/swf/case3/");			
			so.addParam("quality", "high");
			so.addParam("wmode", "transparent");
			so.addParam("salign", "t");
			so.addParam("FlashVars", flashVars);						
			so.write("CTTLMiddleArea");	  
            $("#CTTLMiddleArea").append("<script type='text/javascript'>_gaq.push(['_trackPageview','/case3'])</script>");			
			break;
   }   
}

function openWalkthrough(whatCase){
    wincount=wincount+1;
    if (wincount>1){
       walkWin.close();
    }
    if (whatCase==2) walkWin = window.open("walkthrough"+$("#walkthrough").attr("case")+".html",'walkWin','width=600,height=300,scrollbars=1,left=80,top=80');
    if (whatCase==3) walkWin = window.open("walkthrough"+$("#walkthrough").attr("case")+".html",'wk','width=600,height=300,scrollbars=1,left=80,top=80');
    walkWin.focus();
    return false;
}

function processButton(){
	if($("#action_box").attr("option")=="1"){
		$("#action_box").attr("title","Click here to logout");
		$("#action_box").attr("option","2");
		$("#action_box").attr("href","#TB_inline?height=150&amp;width=300&amp;inlineId=logoutInterface&modal=true");
		$("#action_box").html("Logout&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
	}else{
		$("#action_box").attr("title","Please Log In");
		$("#action_box").attr("option","1");
		$("#action_box").attr("href","#TB_inline?height=350&amp;width=300&amp;inlineId=loginInterface&modal=true");
		$("#action_box").html("Login&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");	
	    $("#homeIcon").remove();
	}
	tb_init('a.thickbox, area.thickbox, input.thickbox');	
}

function login(){
   var responseObject;
   rememberVal="";
   parameters="?sublogin=1&user="+$("#login_username").val()+"&pass="+$("#login_password").val()+rememberVal;
   $.getJSON("http://php.forensics.rice.edu/process.php"+parameters+"&jsoncallback=?",
   function (data) {   
	   if (data.message.indexOf("login failed")!=-1){
		   $("#login_message").html("Username or password incorrect, please try again.");
	   }else{
           $("#CTTLMiddleArea").append("<input id=\"userid\" type=\"hidden\" value=\""+data.userid+"\">");		   
		   $("#playing_as").remove();
		   $("#userbox").parent().remove();
		   $("#register_box").parent().remove();
		   $("#CTTLPlayArea").append("<span id=\"playing_as\" username=\""+data.username+"\">playing as "+data.username+"</span>");	   
		   processButton();	  
		   allowGame();
		   tb_remove();	
	   }   
  });
}


function playing_as_guest(){
   $("#userbox").parent().remove();
   parameters="user=guest";
   $("#CTTLPlayArea").append("<span id=\"playing_as\" username=\"guest\">playing as guest</span>");	   
   $.getJSON("http://php.forensics.rice.edu/session.php?"+parameters+"&jsoncallback=?",
		   function (data) {   
			   if (data.message.indexOf("login failed")!=-1){
				   $("#login_message").html("Username or password incorrect, please try again.");
			   }else{
   
			   }   
		  });   
   processButton();
   allowGame();
   tb_init('a.thickbox, area.thickbox, input.thickbox');	  
   tb_remove();     
}


function registration(){
	var responseObject;
   parameters="?subjoin=1&email=dontcare@abc.netz&lang=EN&user="+$("#register_username").val()+"&pass="+$("#register_password").val();
   //alert(parameters);
   $.getJSON("http://php.forensics.rice.edu/process.php"+parameters+"&jsoncallback=?",
   function (data) {
      if (data.message.indexOf("Error with the form.")!=-1){
	     $("#register_message").html("Error: "+data.error+". Please try again.");
	  }else{	   
		   $("#playing_as").remove(); 	   
		   $("#userbox").parent().remove();
		   $("#register_box").parent().remove();	 
           $("#CTTLMiddleArea").append("<input id=\"userid\" type=\"hidden\" value=\""+data.userid+"\">");		   
		   $("#CTTLPlayArea").append("<span id=\"playing_as\" username=\""+data.username+"\">playing as "+data.username+"</span>");	   
		   processButton();	  
		   allowGame();
		   tb_remove();  
	  }   
  });
}

function logout(){	
	var responseObject;
   parameters="?sublogout=1&user="+$("#playing_as").attr("username");
   $.getJSON("http://php.forensics.rice.edu/process.php"+parameters+"&jsoncallback=?",
   function (data) {
	   $("#CTTLPlayArea span").remove();
	   $("#Walkthrough").remove();	   
	   $("#playing_as").remove();
	   $("#CTTLMiddleArea").remove();
	   $("#login_message").html("");
	   $("#register_message").html("");
	   $("#CTTLLoginArea").append("<div><a title=\"Play as Guest\" id=\"userbox\" class=\"thickbox\" href=\"#TB_inline?height=130&width=300&inlineId=guestInterface&modal=true\">Play as guest</a></div>");	   	   
	   if ($("#register_box").length == 0){
		   $("#CTTLLoginArea").prepend("<div><a id=\"register_box\" class=\"thickbox\" title=\"Please Register\" href=\"#TB_inline?height=375&width=300&inlineId=register-container&modal=true\">Register (it's free)</a></div>");	   	   
	   }
       $("#userbox").parent().hover(
 	      function () {
 	         $(this).css("border","1px solid #FFFF00");
 	      }, 
 	      function () {
 	         $(this).css("border","1px solid #FFFFFF");
 	      }
 	   ); 	   
       $("#register_box").parent().hover(
          function () {
    	     $(this).css("border","1px solid #FFFF00");
    	  }, 
    	  function () {
    	     $(this).css("border","1px solid #FFFFFF");
    	  }
       ); 
       $("#walkthrough").remove();
	   processButton();
	   fillLowerArea();
  	   tb_init('a.thickbox, area.thickbox, input.thickbox');	  
  });
}

function allowGame(){
	$("#CTTLMiddleArea img").remove();
	$("#CTTLMiddleArea").append("<img id=\"logo_case_one\" src=\"images/case_one.png\"/>");
	$("#CTTLMiddleArea").append("<img id=\"logo_case_two\" src=\"images/case_two.png\"/>");
	$("#CTTLMiddleArea").append("<img id=\"logo_case_three\" src=\"images/case_three.png\"/>");
    $("#CTTLMiddleArea img").hover(
	   function () {
	      $(this).css("border","3px solid #008C00");	
	   }, 
	   function () {
	      $(this).css("border","3px solid #333333");	
	   }
	);
    //Removes all click listeners
    $("#logo_case_one").unbind("click");
    $("#logo_case_two").unbind("click");  
    $("#logo_case_three").unbind("click");
    //Adds new click listeners
    $("#logo_case_one").click(function(){
    	showGame(1);	
    });
    $("#logo_case_two").click(function(){
    	showGame(2);     	
    });
    $("#logo_case_three").click(function(){
    	showGame(3);	
    });   
}

function cleanArea(){
   $("#signingTable").toggle();
}


function fillLowerArea(){
	if ($("#CTTLLowerArea").length > 0){
	   if ($("#CTTLTopNavArea").length <= 0){
		   $("#CTTLHeaderAreaSmall").after("<div id=\"CTTLTopNavArea\">"+
           "<div id=\"CTTLTopNavAreaGraphic\"><embed width=\"960\" height=\"30\" salign=\"t\" wmode=\"transparent\" allowscriptaccess=\"always\" quality=\"high\" bgcolor=\"#000000\" name=\"mymovie\" id=\"mymovie\" src=\"swf/nav_tabs.swf\" type=\"application/x-shockwave-flash\"/></div>"+
            "<script type=\"text/javascript\">"+
            "var so = new SWFObject(\"swf/nav_tabs.swf\", \"mymovie\", \"960\", \"30\", \"8\", \"#000000\");"+
            "so.addParam(\"AllowScriptAccess\", \"always\");"+
            "so.addParam(\"quality\", \"high\");"+
            "so.addParam(\"wmode\", \"transparent\");"+
            "so.addParam(\"salign\", \"t\");"+
            "so.write(\"CTTLTopNavAreaGraphic\");"+
            "</script>"+
         "</div>");
       }
	   $("#CTTLTopNavArea").after("<div id=\"CTTLMiddleArea\">"+
        	    "<img src=\"images/case_one.png\" id=\"logo_case_one\"/>"+  
        	    "<img src=\"images/case_two.png\" id=\"logo_case_two\"/>"+          
        	    "<img src=\"images/case_three.png\" id=\"logo_case_three\"/>"+    
        	    "</div>");
        $("#logo_case_one").click(function() {
            showGame(1);
        });
        $("#logo_case_one").click(function() {
            $("#signingInterface").toggle(false);
        });          
        $("#logo_case_two").click(function() {
            $("#signingInterface").toggle("slow");
        }); 
        $("#logo_case_three").click(function() {
            $("#signingInterface").toggle("slow");
        });        
	}else{
		if ($("#CTTLTopNavArea").length <= 0){	
		   $("#CTTLHeaderAreaSmall").after("<div id=\"CTTLTopNavArea\">"+
		         "<div id=\"CTTLTopNavAreaGraphic\"><embed width=\"960\" height=\"30\" salign=\"t\" wmode=\"transparent\" allowscriptaccess=\"always\" quality=\"high\" bgcolor=\"#000000\" name=\"mymovie\" id=\"mymovie\" src=\"swf/nav_tabs.swf\" type=\"application/x-shockwave-flash\"/></div>"+
		            "<script type=\"text/javascript\">"+
		            "var so = new SWFObject(\"swf/nav_tabs.swf\", \"mymovie\", \"960\", \"30\", \"8\", \"#000000\");"+
		            "so.addParam(\"AllowScriptAccess\", \"always\");"+
		            "so.addParam(\"quality\", \"high\");"+
		            "so.addParam(\"wmode\", \"transparent\");"+
		            "so.addParam(\"salign\", \"t\");"+
		            "so.write(\"CTTLTopNavAreaGraphic\");"+
		            "_gaq.push(['_trackPageview','/case1'])"+
		            "</script>"+
		      "</div>");
		}
        $("#CTTLTopNavArea").after("<div id=\"CTTLMiddleArea\">"+
	    "<img src=\"images/case_one.png\" id=\"logo_case_one\"/></a>"+  
	    "<img src=\"images/case_two.png\" id=\"logo_case_two\"/>  </a>"+          
	    "<img src=\"images/case_three.png\" id=\"logo_case_three\"/>  </a>"+    
	    "</div>"+      
	    "<div id=\"CTTLLowerArea\">"+
	       "<div id=\"CTTLLowerAreaFlash\"><embed width=\"960\" height=\"150\" salign=\"t\" wmode=\"transparent\" quality=\"high\" bgcolor=\"#000000\" name=\"mymovie\" id=\"mymovie\" src=\"swf/home_lower_panel.swf\" type=\"application/x-shockwave-flash\"/></div>"+
	          "<script type=\"text/javascript\">"+
	          "var so = new SWFObject(\"swf/home_lower_panel.swf\", \"mymovie\", \"960\", \"150\", \"8\", \"#000000\");"+
	          "so.addParam(\"quality\", \"high\");"+
	          "so.addParam(\"wmode\", \"transparent\");"+
	          "so.addParam(\"salign\", \"t\");"+
	          "so.write(\"CTTLLowerAreaFlash\");"+
              "_gaq.push(['_trackPageview','/case2'])"+	          
	          "</script>"+
	    "</div>"+
	    "<div id=\"CTTLLowerAreaQuote\">"+
	       "<div id=\"CTTLLowerAreaQuoteFlash\"><embed width=\"960\" height=\"50\" salign=\"t\" wmode=\"transparent\" quality=\"high\" bgcolor=\"#000000\" name=\"mymovie\" id=\"mymovie\" src=\"swf/LearnForensicScienceQuote.swf\" type=\"application/x-shockwave-flash\"/></div>"+
	          "<script type=\"text/javascript\">"+
	          "var so = new SWFObject(\"swf/LearnForensicScienceQuote.swf\", \"mymovie\", \"960\", \"50\", \"8\", \"#000000\");"+
	          "so.addParam(\"quality\", \"high\");"+
	          "so.addParam(\"wmode\", \"transparent\");"+
	          "so.addParam(\"salign\", \"t\");"+
	          "so.write(\"CTTLLowerAreaQuoteFlash\");"+
              "_gaq.push(['_trackPageview','/case3']);"+	          	          
	          "</script>"+
	    "</div>");
        $("#logo_case_one").click(function() {
            showGame(1);
            $("#signingInterface").toggle(false);          
        });
        $("#logo_case_one").hover(
           function () {
              $(this).css("cursor","pointer");
     	  }, 
     	  function () {
     	     $(this).css("cursor","default");
     	  }
        ); 
        $("#logo_case_two").hover(
     	          function () {
     	             $(this).css("cursor","pointer");
     	    	  }, 
     	    	  function () {
     	    	     $(this).css("cursor","default");
     	    	  }
     	       ); 
        $("#logo_case_three").hover(
                 function () {
                    $(this).css("cursor","pointer");
               }, 
               function () {
                  $(this).css("cursor","default");
               }
              );                     		       
        $("#logo_case_two").click(function() {
            $("#signingInterface").toggle("slow");
        }); 
        $("#logo_case_three").click(function() {
            $("#signingInterface").toggle("slow");
        });                       
	}
}