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

var SUM1;
var SUM2;
var ERGEBN;
var SMILIq = 22;
var TOP0 = 46;
var LEFT0 = 65;
var CoSUM2E1 = "FF3333";
var CoSUM2E2 = "FF3333";
var CoSUM2Z1 = "0066FF";
var CoSUM2Z2 = "0066FF";
var BaCo ="";
var SUM1Z1 =new Array();
var SUM1E1 =new Array();
var LINEALX1 =new Array();
var LINEALY1 =new Array();
var BACKGRAU1 =new Array();
var BACKWEIS1 =new Array();
var ABDECKGRAU1 =new Array();
var SUM2Z1 =new Array();
var SUM2Z2 =new Array();
var SUM2E1 =new Array();
var SUM2E2 =new Array();
var AUFGA =new Array();
var PLUS =new Array();
var ANIMATION =1;
var MitNull =0; //or 1
var PlusBis =100;

function OPTIbA(){
  var optiba = document.addb.ADDb.selectedIndex ;
  PlusBis =(optiba+1)*10;  
}
function BEWvA(i1){
  var bewva = document.geschw.GESCHw.selectedIndex ;
  Geschwi =bewva*10+10;
}

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

var Minimum1 =1-MitNull;
var Maximum1 =PlusBis-Minimum1;
Zufallszahlneu(Minimum1, Maximum1, 0);
SUM1 = ZuFaZahl[0];
SUM1Z = Math.floor(SUM1/10);
SUM1E = SUM1-SUM1Z*10;

var Minimum2 =1-MitNull;
var Maximum2 =PlusBis-ZuFaZahl[0];
Zufallszahlneu(Minimum2, Maximum2, 1);
SUM2 = ZuFaZahl[1];
SUM2Z = Math.floor(SUM2/10);
SUM2E = SUM2-SUM2Z*10;

DynAnzLK =5151;
DynLKid ='MA'+(SUM1*101+SUM2+101);

ERGEBN = SUM1+SUM2;

var Sum1Ev =0;
if(SUM1E > 0){
  Sum1Ev =1;
}
var Sum1Zv =0;
if(SUM1Z > 0){
  Sum1Zv =1;
}

SUM2Ep1 =0;
SUM2Ep2 =0;
var Sum2Ev =0;
if(SUM2E > 0){
  Sum2Ev =1;
  if(SUM1E+SUM2E <=10){
  SUM2Ep1 = SUM2E;
  SUM2Ep2 = 0;
  }else if(SUM1E+SUM2E >10){
  SUM2Ep1 =10-SUM1E;
  SUM2Ep2 =SUM2E-SUM2Ep1;
  }
}

SUM2Zp1 =0;
SUM2Zp2 =0;
SUM2Zp1topPlus =0;
SUM2Zp2topPlus =0;
if(SUM2Z > 0){
  if(SUM1E+SUM2E ==0){
  SUM2Zp1 =10;
  SUM2Zp2 =0;
  }else if(SUM1E+SUM2E <=10){
  SUM2Zp1 =SUM1E+SUM2E;
  SUM2Zp2 =10-SUM2Zp1;
  SUM2Zp1topPlus =1*SMILIq;
  }else if(SUM1E+SUM2E >10){
  SUM2Zp1 =SUM2Ep2;
  SUM2Zp2 =10-SUM2Zp1;
  SUM2Zp1topPlus =2*SMILIq;
  SUM2Zp2topPlus =1*SMILIq;
  }
}


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

SUM1E1[0] = "sum1e";
SUM1E1[1] = SUM1E*SMILIq;
SUM1E1[2] = SMILIq;
SUM1E1[3] = TOP0+SUM1Z*SMILIq;
SUM1E1[4] = LEFT0;
SUM1E1[11] = TOP0+SUM1Z*SMILIq;
SUM1E1[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] = PlusBis*SMILIq/10+4;
BACKGRAU1[11] = TOP0-2;
BACKGRAU1[12] = LEFT0+423;

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

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

SUM2Z1[0] = "sum2z1";
SUM2Z1[1] = SUM2Zp1*SMILIq;
SUM2Z1[2] = SUM2Z*SMILIq;
SUM2Z1[3] = 320-Sum2Ev*SMILIq-SUM2Z*SMILIq;
SUM2Z1[4] = LEFT0;
SUM2Z1[5] = 330-SUM2Z1[2];
SUM2Z1[6] = LEFT0;
SUM2Z1[7] = 330-SUM2Z1[2];
SUM2Z1[8] = LEFT0+425;
SUM2Z1[11] = TOP0+SUM1Z*SMILIq+SUM2Zp1topPlus;
SUM2Z1[12] = LEFT0+425;

SUM2Z2[0] = "sum2z2";
SUM2Z2[1] = SUM2Zp2*SMILIq;
SUM2Z2[2] = SUM2Z*SMILIq;
SUM2Z2[3] = 320-Sum2Ev*SMILIq-SUM2Z*SMILIq;
SUM2Z2[4] = LEFT0+SUM2Zp1*SMILIq;
SUM2Z2[5] = 330-SUM2Z2[2];
SUM2Z2[6] = LEFT0+SUM2Zp1*SMILIq;
SUM2Z2[7] = 330-SUM2Z2[2];
SUM2Z2[8] = LEFT0+SUM2Zp1*SMILIq+425;
SUM2Z2[9] = SUM2Z1[11];
SUM2Z2[10] = LEFT0+SUM2Zp1*SMILIq+425;
SUM2Z2[11] = TOP0+SUM1Z*SMILIq+SUM2Zp2topPlus;
SUM2Z2[12] = LEFT0+SUM2Zp1*SMILIq+425;

SUM2E1[0] = "sum2e1";
SUM2E1[1] = SUM2Ep1*SMILIq;
SUM2E1[2] = SMILIq;
SUM2E1[3] = 320-SMILIq;
SUM2E1[4] = LEFT0+SUM2Ep2*SMILIq;
SUM2E1[5] = 330-SMILIq;
SUM2E1[6] = LEFT0+SUM2Ep2*SMILIq;
SUM2E1[7] = 330-SMILIq;
SUM2E1[8] = LEFT0+SUM2Ep2*SMILIq+425;
SUM2E1[9] = 330-SMILIq;
SUM2E1[10] = LEFT0+SUM1E*SMILIq+425;
SUM2E1[11] = TOP0+SUM1Z*SMILIq;
SUM2E1[12] = LEFT0+SUM1E*SMILIq+425;

SUM2E2[0] = "sum2e2";
SUM2E2[1] = SUM2Ep2*SMILIq;
SUM2E2[2] = SMILIq;
SUM2E2[3] = 320-SMILIq;
SUM2E2[4] = LEFT0;
SUM2E2[5] = 330-SMILIq;
SUM2E2[6] = LEFT0;
SUM2E2[7] = 330-SMILIq;
SUM2E2[8] = LEFT0+425;
SUM2E2[11] = TOP0+SMILIq+SUM1Z*SMILIq;
SUM2E2[12] = LEFT0+425;

PLUS[0] = "PLuS";
PLUS[1] = 10*SMILIq;
PLUS[2] = 320-TOP0-SUM1Z*SMILIq-Sum1Ev*SMILIq-SUM2Z*SMILIq-Sum2Ev*SMILIq;
PLUS[3] = TOP0+SUM1Z*SMILIq+Sum1Ev*SMILIq;
PLUS[4] = LEFT0;


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

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



frontdiv =
'<form name="addb"><DIV style="position:absolute; top:-60px; left:0px; WIDTH:360px; text-align:center;">Summe bis '
+'<select name="ADDb" size=1 onchange="OPTIbA(); loadNewFK();">'+Optionbis+'</select><SPAN class="Text3" style="color:#DE0000;"><br>Aufgabe</SPAN></DIV></form>'
+'<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="SUM1A">'+SUM1+'</TD>'
+'<TD WIDTH="25">+</TD>';
if(SUM2Z >0){ frontdiv =frontdiv +'<TD ID="SUM2ZA" class="Sz1">'+SUM2Z;} else{ frontdiv =frontdiv +'<TD ID="SUM2ZA">';}
frontdiv =frontdiv
+'</TD">'
+'<TD ID="SUM2EA" class="Se1">'+SUM2E+'</TD>'
+'<TD WIDTH="25">=</TD>'
+'</TR></TABLE>'
+'<TABLE ID="PLuS" BORDER=0 CELLSPACING=0 CELLPADDING=0 style="position:absolute; top:'+PLUS[3]+'px; left:'+PLUS[4]+'px; WIDTH:'+PLUS[1]+'px; HEIGHT:'+PLUS[2]+'px; font-size:26px; font-weight:bold;">'
+'<TR><TD>';
if(SUM1 >0 && SUM2 >0){ frontdiv =frontdiv+ '+';}
frontdiv =frontdiv
+'</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('+imgpath51+'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('+imgpath51+'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="sum1z" style="position:absolute; top:'+SUM1Z1[3]+'px; left:'+SUM1Z1[4]+'px; WIDTH:'+SUM1Z1[1]+'px; HEIGHT:'+SUM1Z1[2]+'px; background-image:url('+imgpath51+'smilieQ22T.gif);"></DIV>'
+'<DIV ID="sum1e" style="position:absolute; top:'+SUM1E1[3]+'px; left:'+SUM1E1[4]+'px; WIDTH:'+SUM1E1[1]+'px; HEIGHT:'+SUM1E1[2]+'px; background-image:url('+imgpath51+'smilieQ22T.gif);"></DIV>'

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

+'<DIV ID="sum2e1" style="position:absolute; top:'+SUM2E1[3]+'px; left:'+SUM2E1[4]+'px; WIDTH:'+SUM2E1[1]+'px; HEIGHT:'+SUM2E1[2]+'px; background-image:url('+imgpath51+'smilieQ22R.gif);"></DIV>'
+'<DIV ID="sum2e2" style="position:absolute; top:'+SUM2E2[3]+'px; left:'+SUM2E2[4]+'px; WIDTH:'+SUM2E2[1]+'px; HEIGHT:'+SUM2E2[2]+'px; background-image:url('+imgpath51+'smilieQ22R.gif);"></DIV>'
+'<DIV ID="sum2z1" style="position:absolute; top:'+SUM2Z1[3]+'px; left:'+SUM2Z1[4]+'px; WIDTH:'+SUM2Z1[1]+'px; HEIGHT:'+SUM2Z1[2]+'px; background-image:url('+imgpath51+'smilieQ22B.gif);"></DIV>'
+'<DIV ID="sum2z2" style="position:absolute; top:'+SUM2Z2[3]+'px; left:'+SUM2Z2[4]+'px; WIDTH:'+SUM2Z2[1]+'px; HEIGHT:'+SUM2Z2[2]+'px; background-image:url('+imgpath51+'smilieQ22B.gif);"></DIV>';

}



//Rechte Seite********************
function SCRRe51(){

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>';
}
   
   backdiv =
    '<TABLE WIDTH=140 BORDER=0 CELLSPACING=0 CELLPADDING=0 STYLE="position:absolute; top:-70px; left:255px;">'
    +'<TR class="TR1" onclick="AnimatioN(1); loadNewFK();"><TD ID="mAn" class="TD1a" style="background-image: url('+imgpath51+'radiobutton1'+raBu0+'.gif);">mit Animation</TD></TR>'
    +'<TR><TD class="TD1a"><form name="geschw">'
    +'<select name="GESCHw" size=1 onchange="BEWvA(); AnimatioN(1); loadNewFK();">'+AuswGeschwi+'</select></form>'
    +'</TD></TR>'
    +'<TR class="TR1" onclick="AnimatioN(0); loadNewFK();"><TD ID="oAn" class="TD1a" style="background-image: url('+imgpath51+'radiobutton1'+raBu1+'.gif);">ohne Animation</TD></TR>'
    +'</TABLE>'
    +'<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 Bew11(Ablaufnr){
  switch (Ablaufnr){
    case 1: if(SUM1+SUM2 >0 && ANIMATION ==1){
              STILE('ButtongelbE::imgBugreenStand::SUM2ZA::SUM2EA', 'h::h::co::co', '0::0::C0C0C0::C0C0C0');
              Bew111();
              if(SUM1 >0){
                ST= BewWaaSenk('SUM1Z1::SUM1E1', 'w', 4, 0, 12, 'Bew11', Ablaufnr+1);
              }else{Bew11(2);}
            }else{Bew11(99);}
            break;
    case 2: STILE('SUM1A', 'co', 'C0C0C0');
            Bew112();
            if(SUM2E >0){
              ST= BewWaaSenk('SUM2E1::SUM2E2', 's', 3, 0, 5, 'Bew11', Ablaufnr+1);
            }else{Bew11(7);}
            break;
    case 3: ST= BewWaaSenk('SUM2E1::SUM2E2', 'w', 6, 0, 8, 'Bew11', Ablaufnr+1);
            break;
    case 4: if(SUM1E >0){
               ST= BewWaaSenk('SUM2E1', 'w', 8, 0, 10, 'Bew11', Ablaufnr+1);
            }else{Bew11(5);}
            break;
    case 5: ST= BewWaaSenk('SUM2E1', 's', 9, 0, 11, 'Bew11', Ablaufnr+1);
            break;
    case 6: if(SUM2Ep2 >0){
              ST= BewWaaSenk('SUM2E2', 's', 7, 0, 11, 'Bew11', Ablaufnr+1);
            }else{Bew11(7);}
            break;
    case 7: if(SUM2Z >0){
              ST= BewWaaSenk('SUM2Z1::SUM2Z2', 's', 3, 0, 5, 'Bew11', Ablaufnr+1);
            }else{Bew11(99);}
            break;
    case 8: ST= BewWaaSenk('SUM2Z1::SUM2Z2', 'w', 6, 0, 8, 'Bew11', Ablaufnr+1);
            break;
    case 9: ST= BewWaaSenk('SUM2Z1::SUM2Z2', 's', 7, 0, 11, 'Bew11', Ablaufnr+1);
            break;
    case 10: if(SUM2Zp2 >0){
               ST= BewWaaSenk('SUM2Z2', 's', 9, 0, 11, 'Bew11', Ablaufnr+1);
             }else{Bew11(99);}
             break;
    case 11: Bew11(99);
             break;
    default: STILE('sum1z::sum1e', 'le::le', ''+SUM1Z1[12]+'::'+SUM1E1[12]+'');
             STILE('sum2e1::sum2e1::sum2e2::sum2e2::sum2z1::sum2z1::sum2z2::sum2z2', 'to::le::to::le::to::le::to::le', ''+SUM2E1[11]+'::'+SUM2E1[12]+'::'+SUM2E2[11]+'::'+SUM2E2[12]+'::'+SUM2Z1[11]+'::'+SUM2Z1[12]+'::'+SUM2Z2[11]+'::'+SUM2Z2[12]+'');
             Bew111();
             Bew112();
             STILE('PLuS', 'h', '');
             STILE('SUM1A', 'co', '000000');
             Bew11d();
             break;
  }
}

function Bew111(){
   var LinealY1view ='h';
   if(PlusBis >30){LinealY1view ='v';}
   STILE('LinealX1::LinealY1::Backgrau1::Backweis1::Abdeckgrau1', 'v::'+LinealY1view+'::v::v::v', '');
}
function Bew112(){
   var SUM2ZAbim ='ep_stand_my/smilie56New1B7';
   if(SUM2Z ==0){SUM2ZAbim ='ep_stand_my/clearPX';}
   var SUM2EAbim ='ep_stand_my/smilie56New1R8';
   if(SUM2E ==0){SUM2EAbim ='ep_stand_my/clearPX';}
   STILE('SUM2ZA::SUM2EA::SUM2ZA::SUM2EA', 'co::co::bim::bim', '000000::000000::'+SUM2ZAbim+'::'+SUM2EAbim+'');
}
function Bew11d(){
   STILE('ButtongelbE::imgBugreenStand::ButtPause::Ergebn', 'h::v::h::v', '');
}