var interfaceWidth = 1004;
  var interfaceHeight = 673;
  var contentWidth = 1004;
  var contentHeight = 568;
  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("41");
  image.setHeight("37");
  image.setFileName("3h");
  image.setExtension("gif");
  image.setAltText("Back");
  image.hasOver = true;
  image.hasDisabled = true;
  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("31");
  image.setHeight("37");
  image.setFileName("3i");
  image.setExtension("gif");
  image.setAltText("Play/Pause");
  image.hasOver = true;
  image.hasOn = true;
  image.hasDisabled = true;
  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("38");
  image.setHeight("37");
  image.setFileName("3j");
  image.setExtension("gif");
  image.setAltText("Next");
  image.hasOver = true;
  image.hasDisabled = true;
  image.hasFlash = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("EXIT");
  image.setHref("javascript:kloObj.confirmExitKlo();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('EXIT');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('EXIT');");
  image.setWidth("58");
  image.setHeight("37");
  image.setFileName("3b");
  image.setExtension("gif");
  image.setAltText("Exit");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);

  var image = new InterfaceImage();
  image.setName("GLOSSARY");
  image.setHref("javascript:kloObj.toggleGlossary();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('GLOSSARY');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('GLOSSARY');");
  image.setWidth("60");
  image.setHeight("37");
  image.setFileName("3c");
  image.setExtension("gif");
  image.setAltText("Glossary");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("HELP");
  image.setHref("javascript:kloObj.toggleHelp();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('HELP');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('HELP');");
  image.setWidth("62");
  image.setHeight("37");
  image.setFileName("3d");
  image.setExtension("gif");
  image.setAltText("Help");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("CAPTIONS");
  image.setHref("javascript:cwsWin.customToggleCaptions();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('CAPTIONS');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('CAPTIONS');");
  image.setWidth("65");
  image.setHeight("37");
  image.setFileName("3e");
  image.setExtension("gif");
  image.setAltText("Toggle Captions");
  image.hasOver = true;
  image.hasOn = true;
  image.on = false;
  lessonUserInterfaces["en"]["standard"].addImage(image);
 
  var image = new InterfaceImage();
  image.setName("REFS");
  image.setHref("javascript:kloObj.toggleRefs();");
  image.setMouseOver("javascript:cwsWin.customMouseOv('REFS');");
  image.setMouseOut("javascript:cwsWin.customMouseOut('REFS');");
  image.setWidth("55");
  image.setHeight("37");
  image.setFileName("3f");
  image.setExtension("gif");
  image.setAltText("Contact");
  image.hasOver = true;
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("EXIT_POPUP");
  image.setWidth("51");
  image.setHeight("23");
  image.setFileName("2a_exit");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PREVIOUS_POPUP");
  image.setWidth("52");
  image.setHeight("23");
  image.setFileName("2a_back");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("CAPTIONS_OFF_POPUP");
  image.setWidth("106");
  image.setHeight("23");
  image.setFileName("2a_captions_off");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("CAPTIONS_ON_POPUP");
  image.setWidth("106");
  image.setHeight("23");
  image.setFileName("2a_captions_on");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("REFS_POPUP");
  image.setWidth("76");
  image.setHeight("23");
  image.setFileName("2a_contact");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("GLOSSARY_POPUP");
  image.setWidth("78");
  image.setHeight("23");
  image.setFileName("2a_glossary");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("HELP_POPUP");
  image.setWidth("50");
  image.setHeight("23");
  image.setFileName("2a_help");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("NEXT_POPUP");
  image.setWidth("54");
  image.setHeight("23");
  image.setFileName("2a_next");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PLAY_PAUSE_OFF_POPUP");
  image.setWidth("66");
  image.setHeight("23");
  image.setFileName("2a_pause");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("PLAY_PAUSE_ON_POPUP");
  image.setWidth("66");
  image.setHeight("23");
  image.setFileName("2a_play");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img1a");
  image.setWidth("1004");
  image.setHeight("31");
  image.setFileName("1a");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img4a");
  image.setWidth("1004");
  image.setHeight("14");
  image.setFileName("4a");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img2a");
  image.setWidth("1004");
  image.setHeight("23");
  image.setFileName("2a");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
    
  var image = new InterfaceImage();
  image.setName("img3a");
  image.setWidth("26");
  image.setHeight("37");
  image.setFileName("3a");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img3g");
  image.setWidth("533");
  image.setHeight("37");
  image.setFileName("3g");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("img3k");
  image.setWidth("35");
  image.setHeight("37");
  image.setFileName("3k");
  image.setExtension("gif");
  lessonUserInterfaces["en"]["standard"].addImage(image);
  
  var image = new InterfaceImage();
  image.setName("imgBkgrnd");
  image.setWidth("1004");
  image.setHeight("568");
  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(\"img4a\").getHtml(ui.getImage(\"img4a\").getCurrentImg()) + \"</TD></TR><TR><TD>\" + ui.getImage(\"img2a\").getHtml(ui.getImage(\"img2a\").getCurrentImg()) + \"</TD></TR><TR><TD>\" + ui.getImage(\"img3a\").getHtml(ui.getImage(\"img3a\").getCurrentImg()) +  ui.getImage(\"EXIT\").getHtml(ui.getImage(\"EXIT\").getCurrentImg()) + ui.getImage(\"GLOSSARY\").getHtml(ui.getImage(\"GLOSSARY\").getCurrentImg()) + ui.getImage(\"HELP\").getHtml(ui.getImage(\"HELP\").getCurrentImg()) + ui.getImage(\"CAPTIONS\").getHtml(ui.getImage(\"CAPTIONS\").getCurrentImg()) + ui.getImage(\"REFS\").getHtml(ui.getImage(\"REFS\").getCurrentImg()) + ui.getImage(\"img3g\").getHtml(ui.getImage(\"img3g\").getCurrentImg()) + ui.getImage(\"PREVIOUS\").getHtml(ui.getImage(\"PREVIOUS\").getCurrentImg()) + ui.getImage(\"PLAY_PAUSE\").getHtml(ui.getImage(\"PLAY_PAUSE\").getCurrentImg()) +  ui.getImage(\"NEXT\").getHtml(ui.getImage(\"NEXT\").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("div");
  pnDisObj.id = "pageNumber";
  pnDisObj.name = "pageNumber";
  pnDisObj.position = "absolute";
  pnDisObj.top = "9";
  pnDisObj.left = "922";
  pnDisObj.width = "62px";
  pnDisObj.height = "11px";
  pnDisObj.paddingTop = "0px";
  pnDisObj.paddingLeft = "0px";
  pnDisObj.color = "#01295F";
  pnDisObj.fontFamily = "arial";
  pnDisObj.fontSize = "10px";
  pnDisObj.fontWeight = "normal";
  pnDisObj.textAlign = "center";
  //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.position = "absolute";
  kloTitleObj.top = "3";
  kloTitleObj.left = "10";
  kloTitleObj.width = "918px";
  kloTitleObj.height = "22px";
  kloTitleObj.paddingTop = "0px";
  kloTitleObj.paddingLeft = "0px";
  kloTitleObj.color = "#FFFFFF";
  kloTitleObj.fontFamily = "arial";
  kloTitleObj.fontSize = "20px";
  kloTitleObj.fontWeight = "normal";
  kloTitleObj.textAlign = "left";
  lessonUserInterfaces["en"]["standard"].addHtmlObj(kloTitleObj);
  
  //add page title
  var pageTitleObj = new HtmlObj("span");
  pageTitleObj.id = "pageTitle";
  pageTitleObj.name = "pageTitle";
  pageTitleObj.position = "absolute";
  pageTitleObj.top = "34";
  pageTitleObj.left = "88";
  pageTitleObj.width = "770px";
  pageTitleObj.height = "18px";
  pageTitleObj.paddingTop = "0px";
  pageTitleObj.paddingLeft = "0px";
  pageTitleObj.color = "#01295F";
  pageTitleObj.fontFamily = "arial";
  pageTitleObj.fontSize = "16px";
  pageTitleObj.fontWeight = "normal";
  pageTitleObj.textAlign = "right";
  //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",800,560);
  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 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();
}

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 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();
  }
}