var interfaceWidth = 931;//815;
  var interfaceHeight = 675;
  var contentWidth = 931;//815;
  var contentHeight = 611;
  var contentWidth508 = 960;
  var contentHeight508 = 450;
  
  var lessonUserInterfaces = new Array();
  var menuUserInterfaces = new Array();
  var kloUserInterfaces = new Array();
  var cwsUserInterfaces = new Array();
  
  lessonUserInterfaces["en"] = new Array();
  lessonUserInterfaces["en"]["standard"] = new UserInterface("klo",interfaceWidth,interfaceHeight);
  lessonUserInterfaces["en"]["standard"].contentLeft = 0;
  lessonUserInterfaces["en"]["standard"].contentTop = 31;
  lessonUserInterfaces["en"]["standard"].contentWidth = contentWidth;
  lessonUserInterfaces["en"]["standard"].contentHeight = contentHeight;

  var image = new InterfaceImage();
  image.setName("PREVIOUS");
  image.setHref("javascript:kloObj.goPrevious();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('PREVIOUS');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('PREVIOUS');");
  image.setWidth("40");
  image.setHeight("32");
  image.setFileName("3i_prev");
  image.setExtension("gif");
  image.setAltText("Back");
  image.hasOver = true;
  image.hasDisabled = false;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PLAY_PAUSE");
  image.setHref("javascript:cwsWin.customPlayPause();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('PLAY_PAUSE');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('PLAY_PAUSE');");
  image.setWidth("40");
  image.setHeight("32");
  image.setFileName("3b_play");
  image.setExtension("gif");
  image.setAltText("Play/Pause");
  image.hasOver = true;
  image.hasOn = true;
  image.hasDisabled = false;
  image.on = false;
  lessonUserInterfaces["en"]["standard"].addImage(image);

  var image = new InterfaceImage();
  image.setName("NEXT");
  image.setHref("javascript:kloObj.goNext();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('NEXT');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('NEXT');");
  image.setWidth("40");
  image.setHeight("32");
  image.setFileName("3j_next");
  image.setExtension("gif");
  image.setAltText("Next");
  image.hasOver = true;
  image.hasDisabled = false;
  image.hasFlash = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("EXIT");
  //image.setHref("javascript:kloObj.confirmExitKlo();");
  image.setHref('javascript:kloObj.exitKlo();');
  image.setMouseOver("javascript:cwsWin.customMouseOv('EXIT');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('EXIT');");
  image.setWidth("68");
  image.setHeight("32");
  image.setFileName("3f_close");
  image.setExtension("gif");
  image.setAltText("End");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);

  var image = new InterfaceImage();
  image.setName("REPEAT");
  image.setHref("javascript:cwsWin.customReplay();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('REPEAT');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('REPEAT');");
  image.setWidth("40");
  image.setHeight("32");
  image.setFileName("3c_repeat");
  image.setExtension("gif");
  image.setAltText("Repeat");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("AUDIO");
  image.setHref("javascript:cwsWin.customToggleAudio();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('AUDIO');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('AUDIO');");
  image.setWidth("122");
  image.setHeight("32");
  image.setFileName("3e_audio");
  image.setExtension("gif");
  image.setAltText("Audio On/Off");
  image.hasOn = true;
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PRACTICE");
  image.setHref("javascript:cwsWin.customPractice();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('PRACTICE');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('PRACTICE');");
  image.setWidth("110");
  image.setHeight("32");
  image.setFileName("3d_practice");
  image.setExtension("gif");
  image.setAltText("");
  image.hasOver = true;
  image.hasDisabled = true;
  image.setEnabled(false);
  lessonUserInterfaces["en"]["standard"].addImage(image);
  /**/
  var image = new InterfaceImage();
  image.setName("EXIT_POPUP");
  image.setWidth("51");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PREVIOUS_POPUP");
  image.setWidth("52");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("CAPTIONS_OFF_POPUP");
  image.setWidth("106");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("CAPTIONS_ON_POPUP");
  image.setWidth("106");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("REFS_POPUP");
  image.setWidth("76");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("GLOSSARY_POPUP");
  image.setWidth("78");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("HELP_POPUP");
  image.setWidth("50");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("NEXT_POPUP");
  image.setWidth("54");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PLAY_PAUSE_OFF_POPUP");
  image.setWidth("66");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PLAY_PAUSE_ON_POPUP");
  image.setWidth("66");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  /**/
  var image = new InterfaceImage();
  image.setName("img1a");
  image.setWidth('931');
  //image.setWidth("815");
  image.setHeight("32");
  image.setFileName("header");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);

  var image = new InterfaceImage();
  image.setName("TOP_NEXT");
  image.setHref("javascript:kloObj.goNext();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('TOP_NEXT');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('TOP_NEXT');");
  image.setWidth("69");
  image.setHeight("32");
  image.setFileName("1c_next");
  image.setExtension("gif");
  image.setAltText("Next");
  image.hasOver = true;
  //image.hasDisabled = false;
  //image.hasFlash = false;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("TOP_PREV");
  image.setHref("javascript:kloObj.goPrevious();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('TOP_PREV');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('TOP_PREV');");
  image.setWidth("69");
  image.setHeight("32");
  image.setFileName("1b_back");
  image.setExtension("gif");
  image.setAltText("Back");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  /*
  var image = new InterfaceImage();
  image.setName("img4a");
  image.setWidth("823");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);

  var image = new InterfaceImage();
  image.setName("img2a");
  image.setWidth("823");
  image.setHeight("0");
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  */
  var image = new InterfaceImage();
  image.setName("img3a");
  image.setWidth("20");
  image.setHeight("32");
  image.setFileName("3a_begin");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img3g");
  image.setWidth('187');
  //image.setWidth("129");
  image.setHeight("32");
  image.setFileName("3h_span");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img3k");
  image.setWidth("19");
  image.setHeight("32");
  image.setFileName("3g_end");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("imgBkgrnd");
  image.setWidth("823");
  image.setHeight("605");
  image.setFileName("bkgrnd");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);

  lessonUserInterfaces["en"]["standard"].topHtml = "\"<TABLE border=0 cellspacing=0 cellpadding=0><TR><TD>\" + ui.getImage(\"img1a\").getHtml(ui.getImage(\"img1a\").getCurrentImg()) + \"</td></tr><TR><TD valign=top class='reg_text' background='\" + ui.getImage(\"imgBkgrnd\").getCurrentImg().src + \"'><SPAN id=content style='position:relative;' class='reg_text'>\";";

  lessonUserInterfaces["en"]["standard"].bottomHtml = "\"</SPAN></TD></TR><TR><TD>\" + ui.getImage(\"img3a\").getHtml(ui.getImage(\"img3a\").getCurrentImg()) + ui.getImage(\"PLAY_PAUSE\").getHtml(ui.getImage(\"PLAY_PAUSE\").getCurrentImg()) + ui.getImage(\"REPEAT\").getHtml(ui.getImage(\"REPEAT\").getCurrentImg()) + ui.getImage(\"AUDIO\").getHtml(ui.getImage(\"AUDIO\").getCurrentImg()) + ui.getImage(\"img3g\").getHtml(ui.getImage(\"img3g\").getCurrentImg()) + ui.getImage(\"PRACTICE\").getHtml(ui.getImage(\"PRACTICE\").getCurrentImg()) + ui.getImage(\"img3g\").getHtml(ui.getImage(\"img3g\").getCurrentImg()) + ui.getImage(\"TOP_PREV\").getHtml(ui.getImage(\"TOP_PREV\").getCurrentImg()) + ui.getImage(\"TOP_NEXT\").getHtml(ui.getImage(\"TOP_NEXT\").getCurrentImg()) + ui.getImage(\"EXIT\").getHtml(ui.getImage(\"EXIT\").getCurrentImg()) + ui.getImage(\"img3k\").getHtml(ui.getImage(\"img3k\").getCurrentImg()) + \"</TD></TR></TABLE><SPAN id='EXIT_POPUP' style='position:absolute;top:613;left:26;display:none;'>\" + ui.getImage(\"EXIT_POPUP\").getHtml(ui.getImage(\"EXIT_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='PREVIOUS_POPUP' style='position:absolute;top:613;left:856;display:none;'>\" + ui.getImage(\"PREVIOUS_POPUP\").getHtml(ui.getImage(\"PREVIOUS_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='CAPTIONS_OFF_POPUP' style='position:absolute;top:613;left:188;display:none;'>\" + ui.getImage(\"CAPTIONS_OFF_POPUP\").getHtml(ui.getImage(\"CAPTIONS_OFF_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='CAPTIONS_ON_POPUP' style='position:absolute;top:613;left:188;display:none;'>\" + ui.getImage(\"CAPTIONS_ON_POPUP\").getHtml(ui.getImage(\"CAPTIONS_ON_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='REFS_POPUP' style='position:absolute;top:613;left:266;display:none;'>\" + ui.getImage(\"REFS_POPUP\").getHtml(ui.getImage(\"REFS_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='GLOSSARY_POPUP' style='position:absolute;top:613;left:77;display:none;'>\" + ui.getImage(\"GLOSSARY_POPUP\").getHtml(ui.getImage(\"GLOSSARY_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='HELP_POPUP' style='position:absolute;top:613;left:155;display:none;'>\" + ui.getImage(\"HELP_POPUP\").getHtml(ui.getImage(\"HELP_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='NEXT_POPUP' style='position:absolute;top:613;left:921;display:none;'>\" + ui.getImage(\"NEXT_POPUP\").getHtml(ui.getImage(\"NEXT_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='PLAY_PAUSE_OFF_POPUP' style='position:absolute;top:613;left:882;display:none;'>\" + ui.getImage(\"PLAY_PAUSE_OFF_POPUP\").getHtml(ui.getImage(\"PLAY_PAUSE_OFF_POPUP\").getCurrentImg()) + \"</SPAN><SPAN id='PLAY_PAUSE_ON_POPUP' style='position:absolute;top:613;left:882;display:none;'>\" + ui.getImage(\"PLAY_PAUSE_ON_POPUP\").getHtml(ui.getImage(\"PLAY_PAUSE_ON_POPUP\").getCurrentImg()) + \"</SPAN>\";";
  
  //add page number
  var pnDisObj = new HtmlObj("span");
  pnDisObj.id = "pageNumber";
  pnDisObj.name = "pageNumber";
  pnDisObj.color = "#FFFFFF";
  /*
  pnDisObj.fontFamily = "Tahoma";
  pnDisObj.fontSize = "11px";
  pnDisObj.fontWeight = "normal";
  pnDisObj.position = "absolute";
  pnDisObj.top = "9px";
  pnDisObj.left = "695px";
  pnDisObj.width = "55px";
  pnDisObj.height = "11px";
  pnDisObj.paddingTop = "0px";
  pnDisObj.paddingLeft = "0px";
  pnDisObj.textAlign = "right";
  */
  pnDisObj.fontFamily = "Tahoma";
  pnDisObj.fontSize = "11px";
  //lessonUserInterfaces["en"]["standard"].setPageNumberDisplay(pnDisObj,"\"100 of 100\";");
  lessonUserInterfaces["en"]["standard"].setPageNumberDisplay(pnDisObj,"pageNumber + \" of \" + numPages;");
  
  //add KLO title
  var kloTitleObj = new HtmlObj("span");
  kloTitleObj.id = "kloTitle";
  kloTitleObj.name = "kloTitle";
  kloTitleObj.color = "#FFFFFF";
  /*
  kloTitleObj.fontFamily = "Tahoma";
  kloTitleObj.fontSize = "11px";
  kloTitleObj.fontWeight = "normal";
  kloTitleObj.position = "absolute";
  kloTitleObj.top = "9px";
  kloTitleObj.left = "469px";
  kloTitleObj.width = "226px";
  kloTitleObj.height = "11px";
  kloTitleObj.paddingTop = "0px";
  kloTitleObj.paddingLeft = "0px";
  kloTitleObj.textAlign = "left";
  */
  kloTitleObj.fontFamily = "Tahoma";
  kloTitleObj.fontSize = "11px";
  lessonUserInterfaces["en"]["standard"].addHtmlObj(kloTitleObj);
  
  //add lesson title
  var pageTitleObj = new HtmlObj("span");
  pageTitleObj.id = "pageTitle";
  pageTitleObj.name = "pageTitle";
  pageTitleObj.color = "#FFFFFF";
  /*
  pageTitleObj.fontFamily = "Tahoma";
  pageTitleObj.fontSize = "15px";
  pageTitleObj.fontWeight = "bold";
  pageTitleObj.position = "absolute";
  pageTitleObj.top = "6px";
  pageTitleObj.left = "10px";
  pageTitleObj.width = "280px";
  pageTitleObj.height = "18px";
  pageTitleObj.paddingTop = "0px";
  pageTitleObj.paddingLeft = "0px";
  pageTitleObj.textAlign = "left";
  */
  pageTitleObj.fontFamily = "Tahoma";
  pageTitleObj.fontSize = "11px";
  lessonUserInterfaces["en"]["standard"].addHtmlObj(pageTitleObj);
  
  lessonUserInterfaces["en"]["508"] = new UserInterface("klo",interfaceWidth,interfaceHeight);
  lessonUserInterfaces["en"]["508"].contentLeft = 0;
  lessonUserInterfaces["en"]["508"].contentTop = 0;
  lessonUserInterfaces["en"]["508"].contentWidth = contentWidth508;
  lessonUserInterfaces["en"]["508"].contentHeight = contentHeight508;
  
  var image = new InterfaceImage();
  image.setName("PREVIOUS");
  lessonUserInterfaces["en"]["508"].addImage(image);

  var image = new InterfaceImage();
  image.setName("NEXT");
  lessonUserInterfaces["en"]["508"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("imgHeightFiller");
  image.setWidth("10");
  image.setHeight(contentHeight);
  image.setFileName("blank");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["508"].addImage(image);
  
  lessonUserInterfaces["en"]["508"].topHtml = "\"<center><TABLE border=0 cellspacing=0 cellpadding=0 width=" + contentWidth508 + "><TR><TD  valign=top class='reg_text'><BR><span class='title_text'>\" + cwsObj.kloDescriptions[this.kloNum] + \"</span><BR><BR>\";";

  lessonUserInterfaces["en"]["508"].bottomHtml = "\"</TD></TR><TR><TD class='reg_text'><BR><center><A href='javascript:kloObj.goNext();'>Next</a>&nbsp;&nbsp;<A href='javascript:kloObj.goPrevious();'>Previous</a>&nbsp;&nbsp;<A href='javascript:kloObj.toggleGlossary();'>Glossary</a>&nbsp;&nbsp;<A href='javascript:kloObj.toggleRefs();'>Resources</a>&nbsp;&nbsp;<A href='javascript:kloObj.toggleHelp();'>Help</a>&nbsp;&nbsp;<A href='javascript:kloObj.confirmExitKlo();'>Exit</a><BR><BR>Page \" + page.pageNumber + \" of \" + displayTypes[displayType].getNumPages() + \"</center></TD></TR></TABLE></center>\";";
  
  kloUserInterfaces[0] = new UserInterface("captions",400,300);
  kloUserInterfaces[0].topHtml = "\"<BR><CENTER><TABLE width=90%><TR><TD class=reg_text><center><span class=title_text>Caption</span></center><BR>\";";
  kloUserInterfaces[0].bottomHtml = "\"<br><br></TD></TR></TABLE></CENTER>\";";
  kloUserInterfaces[0].path = "cwsObj.rootPath + cwsObj.getCurrentKloObj().kloId + \"/captions/\" + lang + \"/captions.htm\";";

  kloUserInterfaces[1] = new UserInterface("glossary",400,300);
  kloUserInterfaces[1].topHtml = "\"<BR><CENTER><TABLE width=90%><TR><TD class=reg_text><center><span class=title_text>Glossary</span></center><BR>\";";
  kloUserInterfaces[1].bottomHtml = "\"<br><br></TD></TR></TABLE></CENTER>\";";
  kloUserInterfaces[1].path = "cwsObj.rootPath + \"data/\" + lang + \"/glossary.htm\";";

  kloUserInterfaces[2] = new UserInterface("glossaryTerm",400,300);
  kloUserInterfaces[2].topHtml = "\"<BR><CENTER><TABLE width=90%><TR><TD class=reg_text><center><span class=title_text>\" + glossaryTerm + \"</span></center><BR>\";";
  kloUserInterfaces[2].bottomHtml = "\"<br><br><a href=\\\"javascript:kloObj.gotoGlossaryTerm('');\\\">Back</a><BR><BR></TD></TR></TABLE></CENTER>\";";

  kloUserInterfaces[3] = new UserInterface("refs",520,470);
  kloUserInterfaces[3].topHtml = "\"<BR><CENTER><TABLE width=90%><TR><TD class=reg_text><center><span class=title_text>Resources</span></center><BR>\";";
  kloUserInterfaces[3].bottomHtml = "\"<br><br></TD></TR></TABLE></CENTER>\";";
  kloUserInterfaces[3].path = "cwsObj.rootPath + \"data/\" + lang + \"/contact.htm\";";
  
  kloUserInterfaces[4] = new UserInterface("help",780,540);
  kloUserInterfaces[4].topHtml = "\"<BR><CENTER><TABLE width=90%><TR><TD class=reg_text><center><span class=title_text>Help</span></center><BR>\";";
  kloUserInterfaces[4].bottomHtml = "\"<br><br></TD></TR></TABLE></CENTER>\";";
  kloUserInterfaces[4].path = "cwsObj.rootPath + \"data/\" + lang + \"/help.htm\";";
  
  menuUserInterfaces["en"] = new UserInterface("menu",interfaceWidth,interfaceHeight);
  
  var image = new InterfaceImage();
  image.setName("PREVIOUS");
  menuUserInterfaces["en"].addImage(image);

  var image = new InterfaceImage();
  image.setName("NEXT");
  menuUserInterfaces["en"].addImage(image);

  menuUserInterfaces["en"].topHtml = "\"<BR><BR>\""; 
  menuUserInterfaces["en"].bottomHtml = "\"\""; 
  
  kloUserInterfaces[5] = new UserInterface("media",contentWidth,contentHeight);
  kloUserInterfaces[5].bkColor = "#FFFFFF";
  
  kloUserInterfaces[6] = new UserInterface("508media",contentWidth508,contentHeight508);
  kloUserInterfaces[6].bkColor = "#FFFFFF";

  //create default DisplayType for use by login and registration screens
  cwsUserInterfaces["login"] = new UserInterface("login",interfaceWidth,interfaceHeight);
  cwsUserInterfaces["login"].images = menuUserInterfaces["en"].images;
  cwsUserInterfaces["login"].topHtml = menuUserInterfaces["en"].topHtml; 
  cwsUserInterfaces["login"].bottomHtml = menuUserInterfaces["en"].bottomHtml;

  cwsUserInterfaces["register"] = new UserInterface("register",interfaceWidth,interfaceHeight);
  cwsUserInterfaces["register"].images = menuUserInterfaces["en"].images;
  cwsUserInterfaces["register"].topHtml = menuUserInterfaces["en"].topHtml; 
  cwsUserInterfaces["register"].bottomHtml = menuUserInterfaces["en"].bottomHtml;

/*
  var modeUserInterface = new UserInterface("mode",interfaceWidth,interfaceHeight);  
  modeUserInterface.images = menuUserInterfaces["en"].images;
  modeUserInterface.topHtml = menuUserInterfaces["en"].topHtml; //"\"<TABLE WIDTH=100% border=0 cellspacing=0 cellpadding=0><TR><TD width=52>\" + ui.getImage(\"imgmenu1a\").getHtml(ui.getImage(\"imgmenu1a\").getCurrentImg()) + \"</TD><TD background=\" + ui.getImage(\"imgmenutblbkgrnd\").getCurrentImg().src + \">\" + ui.getImage(\"imgmenu1b\").getHtml(ui.getImage(\"imgmenu1b\").getCurrentImg()) + \"</TD></TR><TR><TD valign=top class='menu_text'>\" + ui.getImage(\"imgmenu2a\").getHtml(ui.getImage(\"imgmenu2a\").getCurrentImg()) + \"</TD><TD valign=top class='menu_text'><BR><TABLE width=100% CELLPADDING=5 CELLSPACING=5><TR><TD valign=top class='menu_text'><BR><center><span class=title_text>Select Training Mode</span></center><BR>\";";
  modeUserInterface.bottomHtml = menuUserInterfaces["en"].bottomHtml;

  var cdCompletionUserInterface = new UserInterface("cdCompletion",1008,723);  
  cdCompletionUserInterface.images = menuUserInterfaces["en"].images;
  cdCompletionUserInterface.topHtml = menuUserInterfaces["en"].topHtml; //"\"<TABLE WIDTH=100% border=0 cellspacing=0 cellpadding=0><TR><TD width=52>\" + ui.getImage(\"imgmenu1a\").getHtml(ui.getImage(\"imgmenu1a\").getCurrentImg()) + \"</TD><TD background=\" + ui.getImage(\"imgmenutblbkgrnd\").getCurrentImg().src + \">\" + ui.getImage(\"imgmenu1b\").getHtml(ui.getImage(\"imgmenu1b\").getCurrentImg()) + \"</TD></TR><TR><TD valign=top class='menu_text'>\" + ui.getImage(\"imgmenu2a\").getHtml(ui.getImage(\"imgmenu2a\").getCurrentImg()) + \"</TD><TD valign=top class='menu_text'><BR><TABLE width=100% CELLPADDING=5 CELLSPACING=5><TR><TD valign=top class='menu_text'><BR><BR>\";";
  cdCompletionUserInterface.bottomHtml = menuUserInterfaces["en"].bottomHtml;
*/

  kloUserInterfaces[7] = new UserInterface("selectDt",interfaceWidth,interfaceHeight);
  kloUserInterfaces[7].images = menuUserInterfaces["en"].images;
  kloUserInterfaces[7].topHtml = "\"<BR>\";";
  kloUserInterfaces[7].bottomHtml = menuUserInterfaces["en"].bottomHtml;
  
  kloUserInterfaces[8] = new UserInterface("askBookmark",interfaceWidth,interfaceHeight);
  kloUserInterfaces[8].images = menuUserInterfaces["en"].images;
  kloUserInterfaces[8].topHtml = "\"<TABLE width=100% CELLPADDING=5 CELLSPACING=5><TR><TD valign=top class='menu_text'><BR><center><span class=title_text>Do you wish to return where you left off?</span><BR><BR><form name='f'><input type=button value='Yes' onClick='kloObj.setBookmark(true);'>&nbsp;&nbsp;<input type=button value='No' onClick='kloObj.setBookmark(false);'></form></center></TD></TR></TABLE>\";";
  kloUserInterfaces[8].bottomHtml = menuUserInterfaces["en"].bottomHtml;
  
  kloUserInterfaces[9] = new UserInterface("certificate",875,675);
  kloUserInterfaces[9].topHtml = "\"\";";
  kloUserInterfaces[9].bottomHtml = "\"\";";
  kloUserInterfaces[9].path = "cwsObj.rootPath + \"data/\" + lang + \"/certificate.htm\";";
  
function customReplay() {
  var kloObj = cwsObj.getCurrentKloObj();
  kloObj.replayPage();
}

function customPractice() {
  var kloObj = cwsObj.getCurrentKloObj();
  if (lessonUserInterfaces["en"]["standard"].getImage('PRACTICE').getEnabled()) {
    windowSize = 'width=980,height=675';
    switch (kloObj.kloNum) {
    case 0:
      switch (kloObj.getCurrentPage().branchPageNumber) {
      case 1000:
        window.open('training/klo001/scoStart.htm', 'trainingTask', windowSize);
        customPause();
        break;
      }
      break;
    }
  }
}

function loadPage(selectObj) {
  if (selectObj && selectObj[selectObj.selectedIndex].value) {
    pageNum = selectObj[selectObj.selectedIndex].value;
    var kloObj = cwsObj.getCurrentKloObj();
    kloObj.gotoPageNum(pageNum);
    selectObj.selectedIndex = 0;
  }
}

function customToggleAudio() {
  var kloObj = cwsObj.getCurrentKloObj();
  //kloObj.setFlashMediaPlayerVolume(kloObj.getFlashMediaPlayerVolume() ? 0 : 100);
  customToggleCaptions();
  kloObj.toggleAudio();
}

function resetPageElements()  {
  var kloObj = cwsObj.getCurrentKloObj();
  var doc = kloObj.contentWinObj.win.document;
  var pnObj = doc.getElementById("pageNumber");
  pnObj.childNodes[0].nodeValue = kloObj.getCurrentPage().branchPageNumber + ' of ' + kloObj.getCurrentDisplayType().getBranchNumPages();
  kloObj.enablePractice(false);
}

function testConfirmExit()  {
  var kloObj = cwsObj.getCurrentKloObj();
  //var confirmation = kloObj.contentWinObj.win.confirm("Exit?"," ");
	//if (confirmation) {
	  kloObj.exitKlo();
  //}
}

function customToggleCaptions() {
  var kloObj = cwsObj.getCurrentKloObj();
  kloObj.toggleCaptions();
  //doPopup("CAPTIONS","ov");  
}

function customPause() {
	var kloObj = cwsObj.getCurrentKloObj();
	kloObj.pause();
}

function customPlayPause()  {
  var kloObj = cwsObj.getCurrentKloObj();
  kloObj.playPause();
  //doPopup("PLAY_PAUSE","ov");
}

function customMouseOv(imgName)  {
  var kloObj = cwsObj.getCurrentKloObj();
  //doPopup(imgName,"ov");
  kloObj.mouseOv(imgName);
  
}

function customMouseOut(imgName) {
  var kloObj = cwsObj.getCurrentKloObj();
  //doPopup(imgName,"out");
  kloObj.mouseOut(imgName);
}

function doPopup(imgName,action)  {
/*
  var kloObj = cwsObj.getCurrentKloObj();
  var menuImg = kloObj.getCurrentDisplayType().userInterface.getImage(imgName);
  var display = "none";
  if (action == "ov") {
    display = "inline";
  }
  var popupImgSpanStyle = null;
  if (menuImg.hasOn)  {
    var prefix1 = "_ON";
    var prefix2 = "_OFF";
    if (menuImg.on) {
      prefix1 = "_OFF";
      prefix2 = "_ON";
    }
    popupImgSpanStyle = eval("kloObj.contentWinObj.win." + CwsUtil.getObjStyle(imgName + prefix1 + "_POPUP"));
    popupImgSpanStyle.display = "none";
    popupImgSpanStyle = eval("kloObj.contentWinObj.win." + CwsUtil.getObjStyle(imgName + prefix2 + "_POPUP"));
  }
  else  {
    popupImgSpanStyle = eval("kloObj.contentWinObj.win." + CwsUtil.getObjStyle(imgName + "_POPUP"));
  }
  popupImgSpanStyle.display = display;
  */
}

function enablePlayPause(bool)  {
  var kloObj = cwsObj.getCurrentKloObj();
  kloObj.enableImage("PLAY_PAUSE",bool);
}

var doAlert = false;
if (window.screen) {
  var alertText = "";
  if ((parseInt(screen.width) < 1024) || (parseInt(screen.height) < 768)) {
    alertText += "Your display resolution is less than 1024 by 768.\nThis training requires a minimum of 1024 by 768 in order to run.\n\n";
  }
  if (parseInt(screen.colorDepth) < 16) {
    alertText += "Your color depth is less than 16-bit.\nThis training requires a minimum of 16-bit color in order to run.\n\n";
  }
  if (alertText != "")  {
    doAlert = true;
    alertText += "For more information about how to change your display settings\nclick \"OK\" otherwise click \"Cancel.\"";
  }
}
else  {
  doAlert = true;
  alertText = "This training requires your display to be set at a minium of 1024 by 768 with a color depth of at least 16-bit. If your display is not currently configured to these settings, click \"OK\" for more information on how to change your display settings. Otherwise click \"Cancel\" to continue.";
}

if (doAlert)  {
  if (confirm(alertText,""))  {
    window.open("data/en/displayhelp.htm");
    window.close();
  }
}