$(document).ready(function() {
submitted = 0;
	//click event für guest submit button
	$("#guest input").click(function () {	
		if (submitted == 0){
		$("div#chat").append('<iframe src="../scripts/livetool_hr/tool_chat/index.php" width="435" height="242" name="chat" scrolling="no" frameborder="0" style="border:none;"><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:</p></iframe>');
		$("div#studio").append('<a class="studio1 studio1aktiv">Studio I</a><a class="studio2">Studio II</a><div id="stream"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="242" height="31" id="streamingPlayer" align="middle"><param name="allowFullScreen" value="false" /><param name="loop" value="true" /><param name="movie" value="streamingPlayer.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="streamingPlayer.swf" quality="high" width="242" height="31" name="streamingPlayer" align="middle" allowFullScreen="false" loop="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_de" /></object></div>');
		submitted++;
		}
		$("#dialog").animate({opacity: "0"}, 500).hide(500);
		$("#dialogfstr").animate({opacity: "0"}, 500).hide(500);
		$('body').heartBeatInterval();
			//Animation für Webcam  
    		$(".studio1").click(function(){
     		   $(".studio1").addClass("studio1aktiv");
 		       $(".studio2").removeClass("studio2aktiv");
		        $("img.img_1a").addClass("display");
 		       $("img.img_2a").removeClass("display");
 		   });
 		   $(".studio2").click(function(){
				$(".studio2").addClass("studio2aktiv");
				$(".studio1").removeClass("studio1aktiv");
				$("img.img_1a").removeClass("display");
				$("img.img_2a").addClass("display");      
			});		
	});

  //click event für member submit button
  $("#member input.submit").click(function () {		
  //Daten von den HTML Feldern in JS-Vars übersetzen
  var _name = $('#auth_name').val();
  var _pass = $('#auth_pass').val();
   
  //alle Textfelder deaktivieren
  //$('.text').attr('disabled','true');
 
  //Icon während des Requests einblenden
  //$('.loading_icon').show();
 
  /** 
   * AJAX
   */
  $.post("auth",
    { username: _name, password: _pass },
    function(data){
      if (data.logged == 'yes')
	  {
	  if (submitted == 0){
        $("#dialog").hide(1000);
		$("#dialogfstr").hide(1000);
		
		// hier laden wir nun das CHAT Iframe
		$("div#chat").append('<iframe src="../scripts/livetool_hr/tool_chat/index.php" width="435" height="242" name="chat" scrolling="no" frameborder="0" style="border:none;"><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:</p></iframe>');
		$("div#studio").append('<a class="studio1 studio1aktiv">Studio I</a><a class="studio2">Studio II</a><div id="stream"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="242" height="31" id="streamingPlayer" align="middle"><param name="allowFullScreen" value="false" /><param name="loop" value="true" /><param name="movie" value="streamingPlayer.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="streamingPlayer.swf" quality="high" width="242" height="31" name="streamingPlayer" align="middle" allowFullScreen="false" loop="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_de" /></object></div>');
		 submitted++;
		/* put heartbeat initialize here */
		$('body').heartBeatInterval();
		//Animation für Webcam  
    	$(".studio1").click(function(){
     	   $(".studio1").addClass("studio1aktiv");
 	       $(".studio2").removeClass("studio2aktiv");
 	       $("img.img_1a").addClass("display");
 		   $("img.img_2a").removeClass("display");
 		 });
 		 $(".studio2").click(function(){
			$(".studio2").addClass("studio2aktiv");
			$(".studio1").removeClass("studio1aktiv");
			$("img.img_1a").removeClass("display");
			$("img.img_2a").addClass("display");      
		});
		}
	  }
	  else
	  {
		/* put error-handling here */
	    $("#correct").addClass("nodisplay");
	    $("#wrong").removeClass("nodisplay").addClass("display");
	  }
    },
	"json");

  return false;
  });	
});
