var ls_tempdaten = '<div class="ls_close" onclick="ls_hide();">Ausblenden X</div><div class="ls_daten">'+
    '<div><font id="ls_beschreibung1">Bitte geben Sie Namen, Telefonnummer und Emailadresse ein, damit wir Sie gegebenenfalls kontaktieren k&ouml;nnen:</font><br /><br />'+
		'<label for="ls_name">Name:</label><input name="ls_name" id="ls_name" type="text" value="" />'+
		'<label for="ls_email">Emailadresse:</label><input name="ls_email" id="ls_email" type="text" value="" />'+
		'<label for="ls_handy">Telefonnummer:</label><input name="ls_handy" id="ls_handy" type="text" value="" /><br />'+
    '<button type="button" onclick="ls_send_handy_email();">Weiter</button>'+
		'</div>'+
  '</div>';

var ls_tempchat = '<div class="ls_close" onclick="ls_hide();">Ausblenden X</div><div class="ls_chat" id ="ls_chat"></div>'+
                  '<textarea rows="5" cols="5"  id="ls_input" onfocus="ls_status(this);" onblur="ls_status2(this);">Bitte geben Sie hier Ihre Anfrage ein.</textarea>'+
                  '<input onclick="send();" type="submit" value="Absenden" id="ls_send"/>';



function ls_is_valid_email(elementValue){      
   var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
   return emailPattern.test(elementValue); 
}

function ls_openchat(){
    if(this.ls_open==1 && this.ls_visible==0){
    ls_vis();
    }else{
	 document.getElementById("livesupport").innerHTML ='<div class="ls_main" id="ls_main">lf</div>';
	 main = document.getElementById("ls_main");
   if(this.ls_name==""||this.ls_email==""||this.ls_handy==""){
	   main.innerHTML = this.ls_tempdaten;
	 }else{
	   main.innerHTML = this.ls_tempchat;
		 ajax();
	 }     
   beschreibung1 = document.getElementById("ls_beschreibung1");
   this.ls_open = 1;
   }   
}

function ls_send_handy_email(){
   email = document.getElementById("ls_email");
   handy = document.getElementById("ls_handy");
   name = document.getElementById("ls_name");
   beschreibung1 = document.getElementById("ls_beschreibung1");
	 if(name.value==""){
	     beschreibung1.innerHTML = "Bitte tragen Sie Ihren Namen ein.";
	 		 return 0;
	 }
	 if(handy.value==""){
	     beschreibung1.innerHTML = "Bitte tragen Sie eine Telefonnummer ein.";
	 		 return 0;
	 }
	 if(email.value=="" || !ls_is_valid_email(email.value)){
	     beschreibung1.innerHTML = "Bitte tragen Sie eine g&uuml;ltige Emailadresse ein.";	 
	 		 return 0;
	 }
	 this.ls_name = name.value;	 
	 this.ls_email = email.value;	 
	 this.ls_handy = handy.value;
	 ls_openchat();	 
}

function ls_status(elem){
  if(elem.value=="Bitte geben Sie hier Ihre Anfrage ein."){
	  elem.value="";
		return 1;
	}
}
function ls_status2(elem){
  if(elem.value==""){
	  elem.value="Bitte geben Sie hier Ihre Anfrage ein.";
		return 1;
	}
}

function sndReq(action, cb_when_done) {
  var http;
  if(window.XMLHttpRequest){
	  http=new XMLHttpRequest();
	}else{
	  http=new ActiveXObject("Microsoft.XMLHTTP");
	}
  http.open('get', action,true);
 	http.onreadystatechange = function() { 
	  if(http.readyState == 4 && http.status == 200){ 
	    cb_when_done(http); 
	  } 
  }
	http.send(null);
} 
lastid = 0;
function ajax(){
  delay=1000;
  setTimeout('sndReq("http://www.mikodata.de/livesupport/ajax.php?action=get&&id="+lastid,mainajax2);',delay);
}

function send(){
  text = document.getElementById('ls_input');
  if(text.value==""||text.value=="Bitte geben Sie hier Ihre Anfrage ein.")return alert("Bitte schreiben Sie zuerst etwas in das Nachrichtenfeld");
  sndReq('http://www.mikodata.de/livesupport/ajax.php?action=send&text='+escape(text.value)+'&phone='+escape(this.ls_handy)+'&name='+escape(this.ls_name)+'&email='+escape(this.ls_email)+'&product='+escape(this.ls_product),mainajax3);
  text.value='';
}

function mainajax3(http){
    document.getElementById("ls_chat").innerHTML = http.responseText+document.getElementById("ls_chat").innerHTML;
}
function mainajax2(http){
  if (http.status == 200 && http.responseText!=""){
	      arr = http.responseText.split("|=!||=!|");
        if(arr[0]!=""){
          for(i=0;i<arr.length;i++){
             arr2 = arr[i].split("|=!|");
             if(this.lastid<parseInt(arr2[0])){
               this.lastid = parseInt(arr2[0]);
             }
         		 document.getElementById("ls_chat").innerHTML = arr2[1]+document.getElementById("ls_chat").innerHTML;
          }
        }
  }
  if(this.lastid>this.ls_last_open){
     this.ls_last_open = this.lastid;
     ls_vis();
  }
	ajax();
}

function ls_hide(){
  document.getElementById("livesupport").style.position="absolute";
  document.getElementById("livesupport").style.top="-1000px";
  this.ls_visible = 0;
   
}

function ls_vis(){

     document.getElementById("livesupport").style.position="";
     document.getElementById("livesupport").style.top="";
     this.ls_visible = 1;
   
}