var socket;
var moutObjectId;
var moutAreaId;

$(function() {
	   
	$("#connectWs").click(function() {
       connect();
    });
	
});

function connect(){
          var ipadresse=document.getElementById("ipadresse").value;
          console.log("ipadresse="+ipadresse);
          var host = "ws://"+ipadresse;
          console.log("connect "+ipadresse);
          try{
              socket = new WebSocket(host);
              console.log("connect state:" +socket.readyState);
              socket.onopen = function(){ 
				console.log("onopen: connect state:" +socket.readyState);
				document.getElementById("Serverconnect").innerHTML = "Server: connected";
                document.getElementById("Serverconnect").style.color = "green"
              }

              socket.onmessage = function(msg){
             	 console.log('<p class="message">Received: '+msg.data);
				 showPos(msg.data);
              }

              socket.onclose = function(){
              	console.log('<p class="event">Socket Status: '+socket.readyState+' (Closed)');
				document.getElementById("Serverconnect").innerHTML = "Server: not connected";
                document.getElementById("Serverconnect").style.color = "red"
              }			

          } catch(exception){
             console.log('<p>Error'+exception);
          }
}

function showHideFunction() {
    var x = document.getElementById('inputmenu');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}