var reqObj = null;
  var page = 1;
  function getData(direction, count){
    if(direction == 'forward'){
      if(page < count)
      page++;
    }
    if(direction == 'back'){
      if(page>1){
        page = (page - 1);
      }
    }
    setReqObj();
    reqObj.open("POST", "http://www.electronic-base.de/wp-content/themes/eb09/viewbase/getVideos.php", true);
    reqObj.onreadystatechange = DatenAusgabe;
    reqObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqObj.send("page="+page+"&direction="+direction);
    
    setVisibility(page, count);
    
  }
  function setVisibility(page, count){
    if(page == 1){
      document.getElementById("back").style.display = 'none';
    }
    if(page > 1){
      document.getElementById("back").style.display = 'inline';
    }
    if(page < count){
      document.getElementById("forward").style.display = 'inline';
    }
    if(page == count){
      document.getElementById("forward").style.display = 'none';
    }

  }
  
  function setReqObj(){
    if(window.XMLHttpRequest){
      reqObj = new XMLHttpRequest();
    }
    else if (window.ActiveXObject){
      try{
        reqObj = new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch(ex){
        try{
          reqObj = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(ex){
        }
      }          
    }
  }
  
  function DatenAusgabe(){
    var vl = document.getElementById("video-list");
    switch(reqObj.readyState){
      case 1 :  vl.innerHTML = "Laden...";
                break;
      case 2 :  vl.innerHTML = "Fertig geladen. Ausgabe folgt.";
                break;
      case 3 :  vl.innerHTML = "Warte auf R&uuml;ckgabe.";
                break;
      case 4 :  vl.innerHTML = reqObj.responseText;              
                break;
      default: vl.innerHTML = "";
    }  
  }
  
  function getVideo(vidId){
    setReqObj();
    
    reqObj.open("POST", "http://www.electronic-base.de/wp-content/themes/eb09/viewbase/getSingleVideo.php", true);
    reqObj.onreadystatechange = vidAnzeige;
    reqObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    reqObj.send("vidId="+vidId);
    
  }
  function vidAnzeige(){
    var yv = document.getElementById("yt-video");
    switch(reqObj.readyState){
      case 1 :  yv.innerHTML = "Video wird geladen...";
                break;
      case 2 :  yv.innerHTML = "Fertig geladen. Video wird gleich angezeigt.";
                break;
      case 3 :  yv.innerHTML = "Warte auf R&uuml;ckgabe.";
                break;
      case 4 :  yv.innerHTML = reqObj.responseText;              
                break;
      default: yv.innerHTML = "";
    }  
  }