$.getScript ( "/uploads/ayasu/traintest.js")
$.getScript ( "/uploads/ayasu/dataprep.js")
$.getScript ( "/uploads/ayasu/sketchv2.js")
$.getScript ( "/uploads/ayasu/nn.js")
$.getScript ( "/uploads/ayasu/matrix.js")

AB.loadCSS("/uploads/ayasu/doodle7.css")
  
  thehtml = '<h1 style="color:#FF0000; text-align: center; font-family:Chalkduster;">Doodle Classifier : <br>APPLE - BUS - DIAMOND - HAND</h1>';
  AB.msg ( thehtml, 1 );
  
  thehtml = '<h2 style="color:#FF0000; text-align: center;">Click The TRAIN Button to Train The Model</h2> '
  AB.msg ( thehtml, 2 );
  
  thehtml = '<button style="color:#FFFFFF;text-align: center; background:#000000" class="train" id="train">TRAIN</button>';
  AB.msg ( thehtml, 4 );
  
  thehtml = '<h2 style="color:#FF0000; text-align: center; ">Click The TEST Button to Test the accuracy.</h2> '
  AB.msg ( thehtml, 5 );
  
  thehtml = '<button style="color:#FFFFFF; text-align: center; background:#000000" class="test">TEST</button>';
  AB.msg ( thehtml, 6 );
  
  thehtml = '<h2 style="color:#FF0000; text-align: center; ">Click PREDICT button to guess the drawn Doodle</h2> '
  AB.msg ( thehtml, 8 );
  
  thehtml = '<button style="color:#FFFFFF; background:#000000" class="guess">PREDICT</button>';
  AB.msg ( thehtml, 9 );
  
  thehtml = '<button style="color:#FFFFFF; background:#000000" class="clear">CLEAR</button>';
  AB.msg ( thehtml, 14 );