/****************************************************************
Drag Classes - Copyright by Simon Käser
endlessx.com || admin@endlessx.com
this code could be used freely, as long as this message is
intact!
****************************************************************/
var asg;
var kor_y = 0;
var kor_z = 0;

function setKorrektur(y,z){
  kor_y = y;
  kor_z = z;
}


  if(navigator.appName.indexOf("Microsoft Internet Explorer")>-1){
   setKorrektur(5,0);
  }

var check=( document &&
            document.getElementById  &&
            document.getElementsByTagName );

if( check )
{

        drag_elm=false;
        temp=document.onselectstart;


        function checkover( elm, mx, my )
        {
        
                if( elm.parentNode.className == 'container' )
                {
                        if(window.event){
                        var vater = document.getElementById("Skala");
                        mx-=vater.offsetLeft;
                        my-=vater.offsetTop;
                        }else{//geko browser
                        var vater = document.getElementById("Regler");
                        mx-=vater.offsetLeft + 40;
                        my-=vater.offsetTop + 100;
                        }
                }
                
                if( mx > elm.offsetLeft  &&
                    mx < elm.offsetLeft + elm.offsetWidth &&
                    my > elm.offsetTop &&
                    my < elm.offsetTop + elm.offsetHeight )
                        return true;                        
                else
                        return false;
        }

        document.onmousedown=function( e )
        {
                drag_elm=false;
                mx=window.event ? event.x : e.pageX;
                my=window.event ? event.y : e.pageY;
                drs=document.getElementById( 'Slider' );
                elm=drs;
                     
                        if( checkover( elm, mx, my ) )
                        {
                                document.onselectstart=function(){ return false; }
                                drag_elm=elm;
                                drag_elm.dx=mx - elm.offsetLeft;
                                drag_elm.dy=my - elm.offsetTop;
                                drag_elm.ex=false;
                                drag_elm.ey=false;
                                if( elm.parentNode.className == 'container' )
                                {
					if(window.event){
					var vater = document.getElementById("Skala");
					}else{
					var vater = document.getElementById("Regler");
					}

                                        drag_elm.ex=vater.offsetWidth - elm.offsetWidth;
                                        drag_elm.ey=vater.offsetHeight - elm.offsetHeight;
                                }
                                return drag_elm;
                        }
               
        }

        document.onmouseup=function( e )
        {
                drag_elm=false;
                sprachstaerkeWaehlen(asg);
                document.onselectstart=temp;
        }

        
        document.onmousemove= function( e )
        {

                mx=window.event ? event.x : e.pageX;
                my=window.event ? event.y : e.pageY;
                if( drag_elm )
                {
                        x=mx - drag_elm.dx;
                        y=my - drag_elm.dy;
                        if( drag_elm.ex )
                        {
                                if( mx - drag_elm.dx > drag_elm.ex )
                                        x=drag_elm.ex;
                                if( mx - drag_elm.dx < 0 )
                                        x=0;
                                if( my - drag_elm.dy > drag_elm.ey )
                                        y=drag_elm.ey;
                                if( my - drag_elm.dy < 0 )
                                        y=0;
                        }
                        
                        setzen(x)
                }
        }
}


function setzen(x){
	        //z = (z==undefined)? 0:z	;
	        //y = (y==undefined)? 0:y	;
		var slider = document.getElementById("Slider");
		var skala = document.getElementById("Skala");
		var lsl, lsk;
		if(skala){
		if(skala.offsetWidth){
		  lsl = slider.offsetWidth;
		  lsk = skala.offsetWidth;
		}else if(skala.pixelWidth){
		  lsl = slider.pixelWidth;
		  lsk = skala.pixelWidth;
		}
		}
                if( slider )
                {
                        slider.style.left=  x + "px";
                        slider.style.top=  kor_y + "px";
                        if(kor_z>0){
                          slider.style.height=  kor_z + "px";
                        }
                      
                       
                        
                        asg = Math.round(100 *  x /(lsk-lsl) );
                        slider.innerHTML = asg + " %";
                        document.forms[0].reglerstellung.value = x;
                          
                }
        
}        



function sprachstaerkeWaehlen(dieSprachstaerke){
  var y = 100/anzahlSprachStaerken;
  var s = Math.ceil(dieSprachstaerke/y) -1;
  if(s < 0) s=0;

  document.forms[0].SprachStaerke.value = s;
}

/****************** weitere fuktionen *******************************/
function init(){

  var knopf = document.getElementById("SpeicherKnopf");
  knopf.onclick = eintragen;

  knopf = document.getElementById("LoeschKnopf");
  knopf.onclick = loeschen;

  knopf = document.getElementById("PrintKnopf");
  knopf.onclick = print;

  knopf = document.getElementById("Construct");
  knopf.onclick = funktionWaehlen;

  knopf = document.getElementById("Change");
  knopf.onclick = funktionWaehlen;

  document.forms[0].eingabe.focus();
}


window.onload = init;


 function loeschen(){
   f=document.forms[0];
   f.ausgabe.value="";
   f.zuLoeschen.value="loeschen";

   f.submit();
  }

 function edit(wort){
   f=document.forms[0];
   f.eingabe.value= wort;
   f.ausgabe.value = "";
   f.variation.value = wort;
  }

 function del(wort,nummer){
   f=document.forms[0];
   f.ausSessionZuLoeschen.value= wort + "-" + nummer;
   f.submit();
  }

 function google(wort){
   url = "pages/searchgoogle.php?w=" + wort;
   location.href = url;
  }

 function print(){
   url = "pages/print.php";
   var win;
   win = window.open(url,"win","width=650,height=400,scrollbars");
  }


function funktionWaehlen(e){
  f=document.forms[0];
  var targ;
  if (!e) var e = window.event;

  if (e.target){
    targ = e.target; //wc3
  }else if (e.srcElement){
    targ = e.srcElement; //ie
  }

  if (targ.nodeType == 3) //  Safari bug
  targ = targ.parentNode;

  var k = targ.name;
  f.Funktion.value=k


        var bp = document.getElementById("ButtonPanel");
        var buttons = bp.getElementsByTagName("input");
          for(var j = 0; j < buttons.length; j++){
            buttons[j].className="";
          }
        targ.className = "active";

}