$.getScript ( "/uploads/tanmay96/TrainTestModel.js")
$.getScript ( "/uploads/tanmay96/DataPreparation.js")
$.getScript ( "/uploads/tanmay96/SkeDOO.js")
$.getScript ( "/uploads/tanmay96/nnnn.js")
$.getScript ( "/uploads/tanmay96/MatrixLoader.js")

$.getScript ( "https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.min.js")
$.getScript ( "https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.8.0")


AB.loadCSS("/uploads/tanmay96/doodle.css")
  // 1 Doodle header 
  
  thehtml = '<h2> <p style="color:RED";>Doodle Classifier</p></h2> '
  AB.msg ( thehtml, 1 );
  
  thehtml = '<h1><p style="color:BLACK";> 1. Click the Train button to train it according to Epochs.<br> <br> 2. Then the Test button which will show the test percentage.</p></h1> '
  AB.msg ( thehtml, 2 );
  
  thehtml = '<button class="train" id="train">train</button>';
  AB.msg ( thehtml, 4 );
  
  // 3 Training header
  thehtml = '<button class="test" id="test">test</button>';
  AB.msg ( thehtml, 6 );
  
   thehtml = '<textarea class="testpercentage" id="testpercentage"></textarea>'
   AB.msg ( thehtml, 7 );
  
  thehtml = '<h1><p style="color:BLACK";>Draw from the following: </p><p style="color:RED";>1. Triangle <br> 2. Circle <br> 3. Cat <br> 4. Bandage</p><p style="color:BLACK";> - Click the Guess button to guess the doodle. <br><br> - Click the clear button to clear the image and draw a new one.</p></h1> '
  AB.msg ( thehtml, 8 );
  
  // 5 Testing header
  thehtml = '<button class="guess">guess</button>';
  AB.msg ( thehtml, 9 );
  
  // 7 Demo header 
  thehtml = '<button class="clear">clear</button>';
  AB.msg ( thehtml, 11 );

  //AB.div('ab-canvas');