var imgpath52= "tl_files/img/ep_stand_my/";

var DIFF1;
var DIFF2;
var ERGEBN;
var SMILIq = 22;
var TOP0 = 46;
var LEFT0 = 65;
var CoDIFF2E1 = "FF3333";
var CoDIFF2E2 = "FF3333";
var CoDIFF2Z1 = "0066FF";
var CoDIFF2Z2 = "0066FF";
var DIFF1ERGZ1 =new Array();
var DIFF1ERGE1 =new Array();
var LINEALX1 =new Array();
var LINEALY1 =new Array();
var BACKGRAU1 =new Array();
var BACKWEIS1 =new Array();
var ABDECKGRAU1 =new Array();
var DIFF2Z1 =new Array();
var DIFF2Z2 =new Array();
var DIFF2E1 =new Array();
var DIFF2E2 =new Array();
var AUFGA =new Array();

var ANIMATION =1;
var MitNull =0; //or 1
var MinuendBis =100;



function OPTIbD(){
  var optibd = document.addb.ADDb.selectedIndex ;
  MinuendBis =(optibd+1)*10;  
}
function BEWvD(i1){
  var bewvd = document.geschw.GESCHw.selectedIndex ;
  Geschwi =bewvd*10+10;
}

//Linke Seite********************
function SCRLi52(){
 window.clearTimeout(ST);
 PAUSE =0;

var Minimum1 =1-MitNull;
var Maximum1 =MinuendBis;
Zufallszahlneu(Minimum1, Maximum1, 0);
DIFF1 = ZuFaZahl[0];
DIFF1Z = Math.floor(DIFF1/10);
DIFF1E = DIFF1-DIFF1Z*10;

var Minimum2 =1-MitNull;
var Maximum2 =DIFF1-1+MitNull;
Zufallszahlneu(Minimum2, Maximum2, 1);
DIFF2 = ZuFaZahl[1];
DIFF2Z = Math.floor(DIFF2/10);
DIFF2E = DIFF2-DIFF2Z*10;

DynAnzLK =5151;
DynLKid ='MS'+(DIFF1*101+DIFF2+10401);

ERGEBN = DIFF1-DIFF2;
ERGEBNDIFFZ = Math.floor(ERGEBN/10);
ERGEBNDIFFE = ERGEBN-ERGEBNDIFFZ*10;


var Diff1Ev =0;
if(ERGEBNDIFFE > 0){
  Diff1Ev =1;
}
var Diff1Zv =0;
if(ERGEBNDIFFZ > 0){
  Diff1Zv =1;
}

DIFF2Ep1 =0;
DIFF2Ep2 =0;
if(DIFF2E > 0){
  if(ERGEBNDIFFE+DIFF2E <=10){
  DIFF2Ep1 = DIFF2E;
  DIFF2Ep2 = 0;
  }else if(ERGEBNDIFFE+DIFF2E >10){
  DIFF2Ep1 =10-ERGEBNDIFFE;
  DIFF2Ep2 =DIFF2E-DIFF2Ep1;
  }
}

DIFF2Zp1 =0;
DIFF2Zp2 =0;
DIFF2Zp1topPlus =0;
DIFF2Zp2topPlus =0;
if(DIFF2Z > 0){
  if(ERGEBNDIFFE+DIFF2E ==0){
  DIFF2Zp1 =10;
  DIFF2Zp2 =0;
  }else if(ERGEBNDIFFE+DIFF2E <=10){
  DIFF2Zp1 =ERGEBNDIFFE+DIFF2E;
  DIFF2Zp2 =10-DIFF2Zp1;
  DIFF2Zp1topPlus =1*SMILIq;
  }else if(ERGEBNDIFFE+DIFF2E >10){
  DIFF2Zp1 =DIFF2Ep2;
  DIFF2Zp2 =10-DIFF2Zp1;
  DIFF2Zp1topPlus =2*SMILIq;
  DIFF2Zp2topPlus =1*SMILIq;
  }
}


//ID[0] width[1] height[2] top1[3] left1[4] top2[5] left2[6] top3[7] left3[8] top4[9] left4[10]
DIFF1ERGZ1[0] = "diff1ergz1";
DIFF1ERGZ1[1] = Diff1Zv*10*SMILIq;
DIFF1ERGZ1[2] = ERGEBNDIFFZ*SMILIq;
DIFF1ERGZ1[3] = TOP0;
DIFF1ERGZ1[4] = LEFT0;
DIFF1ERGZ1[11] = TOP0;
DIFF1ERGZ1[12] = LEFT0+425;

DIFF1ERGE1[0] = "diff1erge1";
DIFF1ERGE1[1] = ERGEBNDIFFE*SMILIq;
DIFF1ERGE1[2] = SMILIq;
DIFF1ERGE1[3] = TOP0+ERGEBNDIFFZ*SMILIq;
DIFF1ERGE1[4] = LEFT0;
DIFF1ERGE1[11] = TOP0+ERGEBNDIFFZ*SMILIq;
DIFF1ERGE1[12] = LEFT0+425;

LINEALX1[0] = "LinealX1";
LINEALX1[1] = 10*SMILIq;
LINEALX1[2] = 10;
LINEALX1[11] = TOP0-12;
LINEALX1[12] = LEFT0+425;

LINEALY1[0] = "LinealY1";
LINEALY1[1] = 17;
LINEALY1[2] = 10*SMILIq;
LINEALY1[11] = TOP0;
LINEALY1[12] = LEFT0+10*SMILIq+427;

BACKGRAU1[0] = "Backgrau1";
BACKGRAU1[1] = 10*SMILIq+4;
BACKGRAU1[2] = MinuendBis*SMILIq/10+4;
BACKGRAU1[11] = TOP0-2;
BACKGRAU1[12] = LEFT0+423;

BACKWEIS1[0] = "Backweis1";
BACKWEIS1[1] = 10*SMILIq;
BACKWEIS1[2] = MinuendBis*SMILIq/10;
BACKWEIS1[11] = TOP0;
BACKWEIS1[12] = LEFT0+425;

ABDECKGRAU1[0] = "Abdeckgrau1";
ABDECKGRAU1[1] = 17;
ABDECKGRAU1[2] = 10*SMILIq-MinuendBis*SMILIq/10;
ABDECKGRAU1[11] = TOP0+MinuendBis*SMILIq/10;
ABDECKGRAU1[12] = LEFT0+425+10*SMILIq+2;

DIFF2Z1[0] = "diff2z1";
DIFF2Z1[1] = DIFF2Zp1*SMILIq;
DIFF2Z1[2] = DIFF2Z*SMILIq;
DIFF2Z1[3] = TOP0+ERGEBNDIFFZ*SMILIq+DIFF2Zp1topPlus;
DIFF2Z1[4] = LEFT0;
DIFF2Z1[5] = TOP0+ERGEBNDIFFZ*SMILIq+DIFF2Zp1topPlus;
DIFF2Z1[6] = LEFT0+425;
DIFF2Z1[9] = 330;
DIFF2Z1[10] = LEFT0+425;
DIFF2Z1[11] = 330-DIFF2Z1[2];

DIFF2Z2[0] = "diff2z2";
DIFF2Z2[1] = DIFF2Zp2*SMILIq;
DIFF2Z2[2] = DIFF2Z*SMILIq;
DIFF2Z2[3] = TOP0+ERGEBNDIFFZ*SMILIq+DIFF2Zp2topPlus;
DIFF2Z2[4] = LEFT0+DIFF2Zp1*SMILIq;
DIFF2Z2[5] = TOP0+ERGEBNDIFFZ*SMILIq+DIFF2Zp2topPlus;
DIFF2Z2[6] = LEFT0+DIFF2Zp1*SMILIq+425;
DIFF2Z2[7] = DIFF2Z1[5];
DIFF2Z2[8] = LEFT0+DIFF2Zp1*SMILIq+425;
DIFF2Z2[9] = 330;
DIFF2Z2[10] = LEFT0+DIFF2Zp1*SMILIq+425;

DIFF2E1[0] = "diff2e1";
DIFF2E1[1] = DIFF2Ep1*SMILIq;
DIFF2E1[2] = SMILIq;
DIFF2E1[3] = TOP0+ERGEBNDIFFZ*SMILIq;
DIFF2E1[4] = LEFT0+ERGEBNDIFFE*SMILIq;
DIFF2E1[5] = DIFF2E1[3];
DIFF2E1[6] = DIFF2E1[4]+425;
DIFF2E1[7] = TOP0+MinuendBis/10*SMILIq+2;
DIFF2E1[8] = DIFF2E1[6];
DIFF2E1[9] = DIFF2E1[7];
DIFF2E1[10] = LEFT0+DIFF2Ep2*SMILIq+425;
DIFF2E1[11] = 330;
DIFF2E1[12] = DIFF2E1[10];

DIFF2E2[0] = "diff2e2";
DIFF2E2[1] = DIFF2Ep2*SMILIq;
DIFF2E2[2] = SMILIq;
DIFF2E2[3] = TOP0+ERGEBNDIFFZ*SMILIq+SMILIq;
DIFF2E2[4] = LEFT0;
DIFF2E2[5] = DIFF2E2[3];
DIFF2E2[6] = LEFT0+425;
DIFF2E2[7] = DIFF2E1[7];
DIFF2E2[8] = DIFF2E2[6];
DIFF2E2[11] = 330;
DIFF2E2[12] = DIFF2E2[8];


raBu0='a'; raBu1='';
if(ANIMATION ==0){raBu0=''; raBu1='a';}

var Optionbis='';
for(var i=10; i<101; i=i+10){
 var sel1 ='';
 if(i ==MinuendBis){sel1 ='selected';}
Optionbis =Optionbis+'<option '+sel1+'>'+i+'</option>';
}

var AuswGeschwi='';
for(var i=10; i<51; i=i+10){
 var sel1 ='';
 if(i ==Geschwi){sel1 ='selected';}
 switch (i){
    case 10: var Vtext='sehr schnell';
             break;
    case 20: var Vtext='schnell';
             break;
    case 30: var Vtext='mittel';
             break;
    case 40: var Vtext='langsam';
             break;
    case 50: var Vtext='sehr langsam';
             break;
    default: var Vtext='mittel';
             Geschwi =30;
 }
AuswGeschwi =AuswGeschwi+'<option '+sel1+'>'+Vtext+'</option>';
}

frontdiv =
'<form name="addb"><DIV style="position:absolute; top:-60px; left:0px; WIDTH:360px; text-align:center;">Minuend bis '
+'<select name="ADDb" size=1 onchange="OPTIbD(); loadNewFK();">'+Optionbis+'</select><SPAN class="Text3" style="color:#DE0000;"><br>Aufgabe</SPAN></DIV></form>'
+'<TABLE WIDTH=140 BORDER=0 CELLSPACING=0 CELLPADDING=0 STYLE="position:absolute; top:-70px; left:680px;">'
+'<TR class="TR1" onclick="AnimatioN(1); loadNewFK();"><TD ID="mAn" class="TD1a" style="background-image: url('+imgpath52+'radiobutton1'+raBu0+'.gif);">mit Animation</TD></TR>'
+'<TR><TD class="TD1a"><form name="geschw">'
+'<select name="GESCHw" size=1 onchange="BEWvD(); AnimatioN(1); loadNewFK();">'+AuswGeschwi+'</select></form>'
+'</TD></TR>'
+'<TR class="TR1" onclick="AnimatioN(0); loadNewFK();"><TD ID="oAn" class="TD1a" style="background-image: url('+imgpath52+'radiobutton1'+raBu1+'.gif);">ohne Animation</TD></TR>'
+'</TABLE>'
+'<TABLE ID="Aufga" BORDER=0 CELLSPACING=0 CELLPADDING=0 style="position:absolute; top:2px; left:135px; font-size:26px; font-weight:bold;">'
+'<TR height="30">'
+'<TD ID="DIFF1A">'+DIFF1+'</TD>'
+'<TD WIDTH="25">-</TD>';
if(DIFF2Z >0){ frontdiv =frontdiv +'<TD ID="DIFF2ZA" class="Sz1">'+DIFF2Z;} else{ frontdiv =frontdiv +'<TD ID="DIFF2ZA">';}
frontdiv =frontdiv
+'</TD">'
+'<TD ID="DIFF2EA" class="Se1">'+DIFF2E+'</TD>'
+'<TD WIDTH="25">=</TD>'
+'</TR></TABLE>'
+'<DIV ID="LinealX1" style="position:absolute; top:'+LINEALX1[11]+'px; left:'+LINEALX1[12]+'px; WIDTH:'+LINEALX1[1]+'px; HEIGHT:'+LINEALX1[2]+'px; visibility:hidden; background-image:url('+imgpath52+'lineal220x10.gif);"></DIV>'
+'<DIV ID="LinealY1" style="position:absolute; top:'+LINEALY1[11]+'px; left:'+LINEALY1[12]+'px; WIDTH:'+LINEALY1[1]+'px; HEIGHT:'+LINEALY1[2]+'px; visibility:hidden; background-image:url('+imgpath52+'lineal17x220.gif);"></DIV>'
+'<DIV ID="Backgrau1" style="position:absolute; top:'+BACKGRAU1[11]+'px; left:'+BACKGRAU1[12]+'px; WIDTH:'+BACKGRAU1[1]+'px; HEIGHT:'+BACKGRAU1[2]+'px; visibility:hidden; background-color:#7E7E7E;"></DIV>'
+'<DIV ID="Backweis1" style="position:absolute; top:'+BACKWEIS1[11]+'px; left:'+BACKWEIS1[12]+'px; WIDTH:'+BACKWEIS1[1]+'px; HEIGHT:'+BACKWEIS1[2]+'px; visibility:hidden; background-color:#FFFFFF;"></DIV>'
+'<DIV ID="Abdeckgrau1" style="position:absolute; top:'+ABDECKGRAU1[11]+'px; left:'+ABDECKGRAU1[12]+'px; WIDTH:'+ABDECKGRAU1[1]+'px; HEIGHT:'+ABDECKGRAU1[2]+'px; visibility:hidden; background-color:#EFF1F4;"></DIV>'

+'<DIV ID="diff1ergz1" style="position:absolute; top:'+DIFF1ERGZ1[3]+'px; left:'+DIFF1ERGZ1[4]+'px; WIDTH:'+DIFF1ERGZ1[1]+'px; HEIGHT:'+DIFF1ERGZ1[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="diff1erge1" style="position:absolute; top:'+DIFF1ERGE1[3]+'px; left:'+DIFF1ERGE1[4]+'px; WIDTH:'+DIFF1ERGE1[1]+'px; HEIGHT:'+DIFF1ERGE1[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'

+'<img ID="ButtongelbE" src="'+imgpath52+'buttonyello.gif"  width=120 height=27 style="position:absolute; top:342px; left:122px; cursor:pointer;" onclick="epViewSolution(); Bew3(1);">'


+'<DIV ID="diff2e1L" style="position:absolute; top:'+DIFF2E1[5]+'px; left:'+DIFF2E1[6]+'px; WIDTH:'+DIFF2E1[1]+'px; HEIGHT:'+DIFF2E1[2]+'px; visibility:hidden; background-image:url('+imgpath52+'smilieQ22GrR1.gif);"></DIV>'
+'<DIV ID="diff2e2L" style="position:absolute; top:'+DIFF2E2[5]+'px; left:'+DIFF2E2[6]+'px; WIDTH:'+DIFF2E2[1]+'px; HEIGHT:'+DIFF2E2[2]+'px; visibility:hidden; background-image:url('+imgpath52+'smilieQ22GrR1.gif);"></DIV>'
+'<DIV ID="diff2z1L" style="position:absolute; top:'+DIFF2Z1[5]+'px; left:'+DIFF2Z1[6]+'px; WIDTH:'+DIFF2Z1[1]+'px; HEIGHT:'+DIFF2Z1[2]+'px; visibility:hidden; background-image:url('+imgpath52+'smilieQ22GrB1.gif);"></DIV>'
+'<DIV ID="diff2z2L" style="position:absolute; top:'+DIFF2Z2[5]+'px; left:'+DIFF2Z2[6]+'px; WIDTH:'+DIFF2Z2[1]+'px; HEIGHT:'+DIFF2Z2[2]+'px; visibility:hidden; background-image:url('+imgpath52+'smilieQ22GrB1.gif);"></DIV>'



+'<DIV ID="diff2e1" style="position:absolute; top:'+DIFF2E1[3]+'px; left:'+DIFF2E1[4]+'px; WIDTH:'+DIFF2E1[1]+'px; HEIGHT:'+DIFF2E1[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="diff2e2" style="position:absolute; top:'+DIFF2E2[3]+'px; left:'+DIFF2E2[4]+'px; WIDTH:'+DIFF2E2[1]+'px; HEIGHT:'+DIFF2E2[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="diff2z1" style="position:absolute; top:'+DIFF2Z1[3]+'px; left:'+DIFF2Z1[4]+'px; WIDTH:'+DIFF2Z1[1]+'px; HEIGHT:'+DIFF2Z1[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="diff2z2" style="position:absolute; top:'+DIFF2Z2[3]+'px; left:'+DIFF2Z2[4]+'px; WIDTH:'+DIFF2Z2[1]+'px; HEIGHT:'+DIFF2Z2[2]+'px; background-image:url('+imgpath52+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="Frontweis1" style="position:absolute; top:330px; left:'+(LEFT0+425)+'px; WIDTH:220px; HEIGHT:80px; background-color:#ffffff;"></DIV>';  //Höhe für GreyFenster
}



//Rechte Seite********************
function SCRRe52(){
    
    backdiv =
    '<TABLE ID="Ergebn" WIDTH=50 BORDER=0 CELLSPACING=0 CELLPADDING=0 style="position:absolute; top:2px; left:150px; visibility:hidden; font-size:26px; font-weight:bold;">'
    +'<TR height="30">'
    +'<TD>'+ERGEBN+'</TD>'
    +'</TR></TABLE>'    
    +'<DIV ID="ButtPause" class="TD4" style="position:absolute; top:345px; left:-267px;" onclick="Pause();">Pause</DIV>';
}


function Bew3(Ablaufnr){
  switch (Ablaufnr){
 
    case 1: if(DIFF1+DIFF2 >0 && ANIMATION ==1){
              STILE('ButtongelbE::imgBugreenStand::DIFF2ZA::DIFF2EA', 'h::h::co::co', '0::0::C0C0C0::C0C0C0');
              Bew31();
              if(DIFF1 >0){
                ST= BewWaaSenk('DIFF1ERGZ1::DIFF1ERGE1::DIFF2E1::DIFF2E2::DIFF2Z1::DIFF2Z2', 'w', 4, 0, 12, 'Bew3', Ablaufnr+1);
              }else{Bew3(2);}
            }else{Bew3(99);}
            break;
    case 2: STILE('DIFF1A', 'co', 'C0C0C0');
            Bew32();
            Bew32a();
            Bew3(3);
            break;
    case 3: Bew33();
            if(DIFF2Zp2 >0){
            ST= BewWaaSenk('DIFF2Z2', 's', 5, 0, 7, 'Bew3', Ablaufnr+1);
            }else{Bew3(4);}
            break;
    case 4: if(DIFF2Zp1 >0){
              ST= BewWaaSenk('DIFF2Z1::DIFF2Z2', 's', 5, 0, 9, 'Bew3', Ablaufnr+1, 11, 0);             
            }else{Bew3(5);}
            break;
    case 5: if(DIFF2Ep2 >0){
            ST= BewWaaSenk('DIFF2E2', 's', 5, 0, 7, 'Bew3', Ablaufnr+1);
            }else{Bew3(6);}
            break;
    case 6: if(DIFF2Ep1 >0){
            ST= BewWaaSenk('DIFF2E1', 's', 5, 0, 7, 'Bew3', Ablaufnr+1);
            }else{Bew3(7);}
            break;
    case 7: if(DIFF2Ep2 >0){
            ST= BewWaaSenk('DIFF2E1', 'w', 8, 0, 10, 'Bew3', Ablaufnr+1);
            }else{Bew3(8);}
            break;
    case 8: if(DIFF2E >0){
            ST= BewWaaSenk('DIFF2E1::DIFF2E2', 's', 9, 0, 11, 'Bew3', Ablaufnr+1);
            }else{Bew3(9);}
            break;
    default: STILE('diff1ergz1::diff1erge1', 'le::le', ''+DIFF1ERGZ1[12]+'::'+DIFF1ERGE1[12]+'');
             STILE('diff2e1::diff2e2::diff2z1::diff2z2::Frontweis1', 'h::h::h::h::h', '');
             Bew31();
             Bew32();
             Bew33();
             STILE('DIFF1A', 'co', '000000');
             Bew3d();
             break;
  
  }
  
}

function Bew31(){
   var LinealY1view ='h';
   if(MinuendBis >30){LinealY1view ='v';}
   STILE('LinealX1::LinealY1::Backgrau1::Backweis1::Abdeckgrau1', 'v::'+LinealY1view+'::v::v::v', '');
}
function Bew32(){
   var DIFF2ZAbim ='ep_stand_my/smilie56New1B7';
   if(DIFF2Z ==0){DIFF2ZAbim ='clearPX';}
   var DIFF2EAbim ='ep_stand_my/smilie56New1R8';
   if(DIFF2E ==0){DIFF2EAbim ='ep_stand_my/clearPX';}
   STILE('DIFF2ZA::DIFF2EA::DIFF2ZA::DIFF2EA', 'co::co::bim::bim', '000000::000000::'+DIFF2ZAbim+'::'+DIFF2EAbim+'');
}
function Bew32a(){
   STILE('diff2e1::diff2e2::diff2z1::diff2z2', 'bim::bim::bim::bim', 'ep_stand_my/smilieQ22R::ep_stand_my/smilieQ22R::ep_stand_my/smilieQ22B::ep_stand_my/smilieQ22B');
}
function Bew33(){
   STILE('diff2e1L::diff2e2L::diff2z1L::diff2z2L', 'v::v::v::v', '');
}
function Bew3d(){
   STILE('ButtongelbE::imgBugreenStand::ButtPause::Ergebn', 'h::v::h::v', '');
}