<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002, 2003, 2004, 2005
-->
<title>Activity # 1 of 6 </title>

<meta http-equiv="Content-Type"      content="text/html;  charset=utf-8" />
<meta http-equiv="Content-Language"  content="en" />
<meta http-equiv="Cache-Control"     content="no-cache" />
<meta http-equiv="pragma"            content="no-cache" />
<meta http-equiv="Expires"           content="0" />
<meta name="Author"                  content="DLIFLC" />

<script language="JavaScript" type="text/JavaScript" src="iHTML.txt"></script>

  

<style type="text/css" id="id_css1">
/*-------------------------------------------------------------------------*/

#id_body
  {
  background-color            : #F9F8F0;
  font-family                 : Arial, Verdana;
  margin-top                  : 10px;
  margin-left                 : 5px;
  background-image            : url(../../images/bg.gif);
  }

p
  {
  margin-top       : 0.3cm;
  margin-bottom    : 0px;
  }
.css_workArea
  {
  background-color   : #F9F8F0;
  }
.bar
  {
  background-color   : #8CAECB;
  color              : #FFFFFE;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #DFEAEF;
  }
.css_act, .css_WordBox2
  {
  background-color   : #BDD8EC;
  color              : #33577B;
  }
.css_inst
  {
  background-color   : #E3EBFE;
  }
.drk_box
  {
  background-color   : #C6D7E8;
  color              : #000000;
  }
.txt_bg2
  {
  background-color   : #FFFFFE;
  }
.top
  {
  background-color   : #4E7DC5;
  }
.topFaded
  {
  background-color   : #92AFEC;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #88A0AF;
  }
.inst_on
  {
  font-size          : 90%;
  display            : inline;
  cursor             : pointer;
  }
.inst_off
  {
  font-size          : 90%;
  display            : none;
  cursor             : pointer;
  }
.css_note
  {
  margin-top        : 5px;
  padding           : 3px;
  }
.css_catTitle
  {
  color             : #666666;
  font-weight       : bold;
  }
.css_video_div
  {
  position          : absolute;
  z-index           : 1;
  width             : 390px;
  top               : 50px;
  display           : none;
  }
.css_video_table
  {
  border-collapse   : collapse;
  }
.css_video_table .css_tl
  {
  height           : 21px;
  width            : 4px;
  background-image : url(../../images/video_tl.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_tc
  {
  height           : 21px;
  width            : 380px;
  padding:0px;
  margin:0px;	
  background-image : url(../../images/video_bar_gradient.gif);
  background-repeat: repeat-x;
  font-weight      : bold;
  color            : #FFFFFF;
  border-bottom    : 1px solid #bebebe;
  font-size        : 75%;
}
.css_video_table .css_tc .css_title
  {
  padding          : 3px 0px 3px 10px;
  float            : left;
  }
.css_video_table .css_tc .css_close
  {
  float            : right;
  background-image : url(../../images/video_tr.gif);
  background-repeat: repeat-x;
  }
.css_video_table .css_tr
  {
  height           : 20px;
  width            : 5px;
  background-image : url(../../images/video_tr.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_cl
  {
  width            : 4px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-color : #FFFFFF;
  }
.css_video_table .css_cc
  {
  padding          : 5px 10px 5px 10px;
  width            : 375px;
  background-color : #FFFFFF;
  }
.css_video_table .css_cr
  {
  width            : 5px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color : #FFFFFF;
  }
.css_video_table .css_bl
  {
  width            : 4px;
  background-image : url(../../images/video_bl.gif);
  background-repeat: no-repeat;
  }
.css_video_table .css_bc
  {
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color : #FFFFFF;
  }
.css_video_table .css_br
  {
  height           : 5px;
  width            : 5px;
  background-image : url(../../images/video_br.gif);
  background-repeat: no-repeat;
  }
.cdEmpty
  {
  font-size       : 1pt;
  }

.beforedragged
  {
  color              : #00cc33;
  }
.dragged
  {
  color              : #cccccc;
  text-decoration    : line-through;
  }
.undragged
  {
  color              : #000000;
  text-decoration    : none;
  }
/*-------------------------------------------------------------------------*/
</style>



<script language="JavaScript" type="text/JavaScript">
//=========================================================================



function loadVid( FN, B)  //added 09/20/2007
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="270"'  )
    ws( ' height="232"'  )
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="transparent"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }

   loadPlayer( B ? 'videoTest.swf?theFile=' + FN + '&autoStart=true' : 'videoTest.swf?theFile=' + FN + '&autoStart=false')

  return wr
  }

DLI_main_init()

function DLI_main_init()
  {
  set_global_var( '$w_lib',     new w_class().get_source() )
  set_global_var( 'gv_ISwap',   true )
  set_global_var( 'gv_pop_win', null )
  }

function set_global_var( name, val )
  {
  eval( 'window[name] = val' )
  }

function IE()
  {
  var a = navigator.userAgent.toLowerCase()
  return a.indexOf("msie") != -1
  }

// --------------------------------- Page Building Utilities Add-in ---------------------------------------
function xid( a )
  {
  return document.getElementById( a )
  }

function spf( s, t )
  {
  var n=0
  function F()
    {
    return t[n++]
    }
  return s.replace(/~/g, F)
  }

function print_class()
  {
  var w = null
  function xid(a)
    {
    return document.getElementById(a)
    }
  this.registerChild = function(the_win)
    {
    w = the_win
    }
  this.init = function()
    {
    var e = document.createElement('div')
    e.innerHTML = '<iframe src="PrShell.htm" style="position: absolute; right: 0px; top: -1000px; margin:0; padding:0; width:100%;"><\/iframe>'
    document.body.appendChild(e)
    }
  this.getPrintWindow = function()
    {
    return w
    }
  }//print_class

var w0
var w1
var w2
var w3

function popup_class()
  {
  var _this     = this
  var imageDir  = '../../images/'
  var theID     = 0
  var ie        = document.all && !window.opera
  var tjx       = []
  var PWX       = {}
  _this.resizable = true

  function xid(a)
    {
    return document.getElementById(a)
    }
  function spf(s, t)
    {
    var n=0
    function F()
      {
      return t[n++]
      }
    return s.replace(/~/g, F)
    }
  function px(A)
    {
    return A + 'px'
    }
  function IntI(a)
    {
    return parseInt(a)||0
    }
  this.registerChild = function(the_id, the_win)
    {
    var t = PWX[the_id]
    t.the_child_window = the_win
    t.onopen()
    return t
    }
  this.init = function(the_id,  af, afALT)      //revised 04/01/09 for popup2 audio play: video click N compare
    {
    var wr = ''
    function ws()
      {
      for (var i=0, n=arguments.length; i<n; i++)
        wr += arguments[i]
      }
    function wl()
      {
      ws.apply(this, arguments)
      ws(String.fromCharCode(13, 10))
      }
    if (!xid('id_popup_wrapper'))
      {
      var e = document.createElement('div')
      e.id = 'id_popup_wrapper'
      e.innerHTML = '<span style="display:none">&nbsp;<\/span>'
      document.body.appendChild(e)
      }
    var e = document.createElement('div')
    e.id = the_id


    ws('<div class="css_d-h_div" style="padding: 2px; text-indent: 3px; font: 90% Arial; color: white; background-color: #a6a6a6; cursor: move; width: auto; overflow : hidden;">')
    ws('<span><\/span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 2px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" \/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" \/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" \/>')
    ws('<\/div><\/div>')
    ws('<div class="css_d-content_div" style="background-color: #F9F8F0; padding: 4px; text-indent: 0px; font: 90% Arial; overflow: auto;"><\/div>')
    if(af)
      {
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
      ws('<div id="vir_id_videoPlayerHolder" style="height:232px; width:270px; border-right: solid black 1px; background-color: #F9F8F0; display:none;"><\/div>')
      }
    if(afALT)
      ws('<div id="vir_id_mediaPlayerHolder1" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
    ws('<div id="stat" class="css_d-status_div" style="border-top: solid gray 1px; background-color: #F8F8F8; height: 13px;"><div class="css_d-resizer" style="float: right; width : 13px; height: 13px; cursor: nw-resize; font-size: 0; background: transparent url(', imageDir, 'resize.gif) top right no-repeat;"><\/div>')
    wl('<\/div>')
    e.innerHTML = wr
    xid('id_popup_wrapper').appendChild(e)
    this.z = this.z ? this.z++ : 100
    var t = xid(the_id)
    t.style.cssText = 'position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; visibility: hidden; background-color: white;'
    var d = t.getElementsByTagName('div')
    for (var i=0; i<d.length; i++)
      if (/css_d-/.test(d[i].className))
        t[d[i].className.replace(/css_d-/, '')] = d[i]
    t.style.zIndex = this.z
    t.h_div._parent = t
    t.controls._parent = t
    t.resizer._parent = t
    t.onopen = function()
      {
      return true
      }
    t.onclose = function()
      {
      return true
      }
    t.onmousedown = function()
      {
      _this.z++
      this.style.zIndex = _this.z
      }
    t.minimize = function()                                          // the whole minimization business // MG
      {
      var divs = []
      for(var ii=0; ii<this.childNodes.length; ii++)
        {
        if(this.childNodes[ii].nodeType == 1)
          divs.push(ii)
        }
      for(var kk=0, ll=divs.length; kk<ll; kk++)                     // the battle to keep the invisible status bars as they are // MG
        {
        if( (this.childNodes[kk].nodeName == 'DIV')&&(this.childNodes[kk].style.display == "block") )
          this.childNodes[kk].style.display = "none"
        else if( ( t.resizable != false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          this.childNodes[kk].style.display = "block"
        else if( ( t.resizable == false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          {
          if(kk < ll-1)
            this.childNodes[kk].style.display = "block"
          }
        }
      }
    t.lock = function( L )                                           // to lock the window so it can't be dragged //MG
      {
      var yn = L.src.indexOf('unlocked') > -1 ? L.src.replace(/un(locked)(.*)(\.gif)$/,"$1$2$3") : L.src.replace(/(locked)(.*)(\.gif)$/,"un$1$2$3")
      L.src = yn
      if( yn.indexOf('unlocked') == -1 )
        this.h_div.onmousedown = function()
          {
          return true
          }
      else
        this.h_div.onmousedown = t.resizer.onmousedown
      }
    t.printout = function()
      {
      var wp = print_manager.getPrintWindow()
      var txt = this.getElementsByTagName("DIV")[2].innerHTML        //alternatively, we could name the DIV but I was lazy // MG
      wp.xid('id_out').innerHTML = txt
      wp.focus()                                                     // if not given focus, it'll print the top win // MG
      wp.print()
      }
    t.h_div.onmousedown = t.resizer.onmousedown = function(e)
      {
      dragging = true
      var d = _this
      var t = this._parent
      t.style.filter = 'alpha(opacity=50)'
      t.style.opacity = 0.5
      d.etarget = this
      var e = window.event || e
      d.initmousex = e.clientX
      d.initmousey = e.clientY
      d.initx = IntI(t.offsetLeft)
      d.inity = IntI(t.offsetTop)
      d.width = IntI(t.offsetWidth)
      d.contentheight = IntI(t.content_div.offsetHeight)
      document.onmousemove = function(e)
        {
        var d = _this
        var etarget = d.etarget
        var e = window.event || e
        d.d_x = e.clientX-d.initmousex
        d.d_y = e.clientY-d.initmousey
        if ( (etarget.className=='css_d-h_div') && dragging )
          d.move(etarget._parent)
        else if (etarget.className=='css_d-resizer')
          d.resize(etarget._parent, e)
        return false
        }
      document.onmouseup = function ceeze()        // named the function to call it from elsewhere //MG
        {
        dragging = false                           // added a variable to make DIVs draggable or docked //MG
        _this.etarget = null
        document.onmousemove = document.onmouseup = null
        document.onmouseover = document.onmouseout = null
        t.style.filter = 'alpha(opacity=100)'
        t.style.opacity = 1.0
        }
      t.onmouseout = function()                    // This entire function to
        {                                          // drop the window if the mouse exits the DIV and is about to mouseout the window
        var e = window.event || e                  //
        if( e.clientX < 40 || e.clientY < 20 )     // when approaching left & top egdes of the window
          ceeze()                                  // do the same as mouseup
        }                                          //
      return false                                 //
      }                                            //   MG & BL
    t.controls.onclick = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close/i.test(sourceobj.getAttribute('title')))
        d.close(this._parent)
      else if (/Minim/i.test(sourceobj.getAttribute('title')))
        this._parent.minimize()
      else if (/Lock/i.test(sourceobj.getAttribute('title')))
        this._parent.lock( sourceobj )
      else if (/Printer/i.test(sourceobj.getAttribute('title')))
        this._parent.printout()
      return false
      }
    t.controls.onmouseover = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/(\.gif)/,"_on$1")
      return false
      }
    t.controls.onmouseout = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/_on(\.gif)/,"$1")
      return false
      }
    t.moveTo = function(x, y)
      {
      _this.moveTo(this, x, y)
      }
    t.show = function()
      {
      _this.show(this)
      }
    t.hide = function()
      {
      _this.close(this)
      }
    t.setHTML = function(HTML)
      {
      _this.setHTML(this, HTML)
      }
    t.setSize = function(w, h)
      {
      _this.setSize(this, w, h)
      }
    t.setResize = function(b)
      {
      _this.setResize(this, b)
      }
    t.setTitle = function(t, RTL)
      {
      _this.setTitle(this, t, RTL)
      }
    tjx.push(t)
    return t
    }
  this.move = function(t)
    {
    t.style.left = px(Math.max(10, this.d_x+this.initx))
    t.style.top  = px(Math.max(10, this.d_y+this.inity))
    }
  this.open = function(S)
    {
    var t = this.init(theID, S.aud, S.audALT)       //revised 04/01/09 for popup2 audio play: video click N compare
    t.setSize(S.width, S.height)
    t.moveTo(S.x, S.y)
    t.setResize(S.resize != false ? true : false)
    t.style.visibility = 'visible'
    t.style.display = 'block'
    t.content_div.style.display = 'block'
    t.content_div.style.overflow = 'auto'
    var v = '&nbsp;'
    t.content_div.innerHTML = v
    var u = '_id_pop_win_' + t.id
    PWX[u] = t
    if (ie)
      {
      var a = xid('id_popup_wrapper').getElementsByTagName('*')
      for (var i=0, L=a.length; i<L; i++)
        a[i].unselectable = 'on'
      }
    theID++
    return t
    }
  this.setHTML = function(t, HTML)
    {
    t.content_div.innerHTML = HTML
    }
  this.setSize = function(t, w, h)
    {
    t.style.width              = px(Math.max(IntI(w), 150))
    t.content_div.style.height = px(Math.max(IntI(h), 100))
    }
  this.moveTo = function(t, x, y)
    {
    this.update_pos()
    t.style.left = px(this.scroll_left + IntI(x))
    t.style.top  = px(this.scroll_top  + IntI(y))
    }
  this.setResize = function(t, b)
    {
    if(!b)
      t.resizable = false
    t.status_div.style.display = b ? 'block' : 'none'
    }
  this.setTitle = function(t, title, RTL)
    {
    t.h_div.firstChild.innerHTML = title
    if (RTL)
      {
      var s = t.h_div.style
      //t.h_div.dir = 'rtl' --- turned off because screws up buttons in the title bar //MG
      s.paddingLeft = '5px'
      s.textAlign = 'left'
      }
    }
  this.update_pos = function()
    { 
    var domclientWidth = document.documentElement && IntI(document.documentElement.clientWidth) || 99999
    this.standardbody  = document.compatMode=='CSS1Compat' ? document.documentElement : document.body
    this.scroll_top  = ie ? this.standardbody.scrollTop    : window.pageYOffset
    this.scroll_left = ie ? this.standardbody.scrollLeft   : window.pageXOffset
    this.docwidth    = ie ? this.standardbody.clientWidth  : /Safari/i.test(navigator.userAgent) ? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
    this.docheight   = ie ? this.standardbody.clientHeight : window.innerHeight
    }
  this.resize = function(t, e)
    {
    t.style.width = px(Math.max(this.width+this.d_x, 150))
    t.content_div.style.height = px(Math.max(this.contentheight+this.d_y, 100))
    }
  this.close = function(t)
    {
    try
      {
      if(t==w2)
        {
        var myCheck = confirm ("Are you sure to close the popup window?")
        if(myCheck)
          var b = t.onclose()
        }
      else
        var b = t.onclose()
      }
    catch(e)
      {
      //alert(e)
      var b = true
      }
    if (b)
      {
      this.update_pos()
      t.lastx = IntI((t.style.left || t.offsetLeft))-this.scroll_left
      t.lasty = IntI((t.style.top || t.offsetTop))-this.scroll_top
      t.lastwidth = t.style.width
      t.style.display = 'none'
      }
    return b
    }
  this.show = function(t)
    {
    if (t.lastx)
      {
      this.update_pos()
      t.state = ''
      t.content_div.style.display = 'block'
      t.status_div.style.display = 'block'
      var s = t.style
      s.display = 'block'
      s.left = px(IntI(t.lastx)+_this.scroll_left)
      s.top =  px(IntI(t.lasty)+_this.scroll_top)
      s.width = px(IntI(t.lastwidth))
      }
    else
      t.style.display = 'block'
    t.state = ''
    }
  this.allDone = function()
    {
    var A = tjx
    for (var i=0; i<A.length; i++)
      A[i].h_div._parent = A[i].resizer._parent = A[i].controls._parent = null
    }
  }//popup_class

function InSwap( ch )
  {
  xid( 'vir_id_XL_inst0' ).className = xid( 'vir_id_XL_inst0' ).className == 'inst_off' ? 'inst_on' : 'inst_off'
  xid( 'vir_id_FL_inst0' ).className = xid( 'vir_id_FL_inst0' ).className == 'inst_on' ? 'inst_off' : 'inst_on'
  }

function w_class()
  {
  var wr = ''
  function ws()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    }
  function wl()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    wr += String.fromCharCode(32, 13, 10)
    }
  function init()
    {
    wl( "var wr = ''"     )
    wl( ws.toString()     )
    wl( wl.toString()     )
    }
  this.get_source = function()
    {
    return wr
    }
  init()
  }//w_class

// -------------------------------- Window and Dialog Box Utilities - start -------------------------------
function w_open( url, ww, hh )
  {
  hh = hh || 300
  ww = ww || 500
  if (window.showModelessDialog)
    {
    var p = spf( 'dialogWidth:~px; dialogHeight:~px; help:0; resizable:1; status:0', [ww, hh] )
    var w = showModelessDialog( url, '', p )
    }
  else
    {
    var p = spf( 'toolbar=0, scrollbars=1, menubar=0, resizable=1, status=0, location=0, directories=0, width=~px, height=~px', [ww, hh] )
    var w = open( url, '_blank', p )
    }
  if (!url)
    {
    eval( $w_lib )
    wl( '<html>' )
    wl( '<head>' )
    wl( '<meta http-equiv="Content-Type"  content="text/html; charset=utf-8" />' )
    wl( '<style type="text/css">' )
    wl( 'body' )
    wl( '  {' )
    wl( '  background-color: Cornsilk' )
    wl( '  }' )
    wl( '<\/style>' )
    wl( '<title>LOG-POPUP window<\/title>' )
    wl( '<\/head>' )
    wl( '<body>' )
    wl( '<\/body>' )
    wl( '<\/html>' )
    var d = w.document.open( 'text/html' )
    d.writeln( wr )
    d.close()
    }
  return w
  }//w_open
// --------------------------------------- Pop-Up Window Add-In -------------------------------------------
function PopUp(fb, usg, audio, dh, dw, B, L)       //revised 10/19/2007 : added 'B'   added L: 02/26/2009 for adjusting main text length of Click_N_Compare template
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w0.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w0.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio, B))     //added 'B'
      }
    }
  if( w0 )
    {
    while (w0.firstChild)
      w0.removeChild(w0.firstChild)
    pop_manager.close(w0)
    }
  var af = (audio != undefined) ? true : false

  if(L == 'Longest')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 480, aud: af})
  else if(L == 'Longer')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 380, aud: af})
  else
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp

function PopUp2(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w1.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w1.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder1').style.display = 'block'                              //revised 04/01/09 for popup2 audio play: video click N compare
      xid('vir_id_mediaPlayerHolder1').style.zIndex = 102                                   //revised 04/01/09 for popup2 audio play: video click N compare
      IHTML(xid('vir_id_mediaPlayerHolder1'), loadAud("media/" + audio + ""))               //revised 04/01/09 for popup2 audio play: video click N compare
      }
    }
  if( w1 )
    {
    while (w1.firstChild)
      w1.removeChild(w1.firstChild)
    pop_manager.close(w1)
    }
  var af = false                                                                           //revised 04/01/09 for popup2 audio play: video click N compare
  var afALT = (audio != undefined) ? true : false                                          //revised 04/01/09 for popup2 audio play: video click N compare
  w1 = pop_manager.open({x: 120, y: 240, width: 500, height: 280, aud: af, audALT: afALT}) //revised 04/01/09 for popup2 audio play: video click N compare
  AA()
  }//PopUp2

function PopUp3(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w2.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w2.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w2 )
    {
    while (w2.firstChild)
      w2.removeChild(w2.firstChild)
    pop_manager.close(w2)
    }
  var af = (audio != undefined) ? true : false
  w2 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp3
function PopUp4(fb, usg, audio, dh, dw)       //Added 02/18/2010  for video popups of E_CO_Lesson_Source
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w3.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w3.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_videoPlayerHolder').style.display = 'block'
      xid('vir_id_videoPlayerHolder').style.zIndex = 102
      xid('vir_id_videoPlayerHolder').innerHTML = HTML_vid_player_1(audio)
      }
    }
  if( w3 )
    {
    while (w3.firstChild)
      w3.removeChild(w3.firstChild)
    pop_manager.close(w3)
    }    

  var af = (audio != undefined) ? true : false
  w3 = pop_manager.open({x: 60, y: 120, width: 270, height: 0, aud: af}, true)    //added true 02/18/2010  for video size
  AA()

  }//PopUp4

// ------------------------------- Window and Dialog Box Utilities - end ----------------------------------

var gv_max = gv_pg = 0

function getProgressBar()
  {
  if( xid("id_progressBar") )
    {
    var myPage = gv_pg + 1
    var myProgInt = xid("id_progressBar")
    var myProgBtm = xid("id_progressBtm")
    gv_max = gv_max > 1 ? gv_max : 1
    if (window.DSW)
      if (gv_max > 1)
        {
        var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
        myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
        myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
        myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
        }
      else
        var myCnt = ''
    else
      {
      var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
      myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
      myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
      myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
      }
    myProgInt.innerHTML = myCnt
    }
  }

function initPg()
  {
  if( xid("id_progressBar") )
    {
    x = xid('id_bck')
    y = xid('id_next')
    z = xid('id_Q0')
    if (z)
      z.style.display = 'inline'
    }
  }

function countQ()
  {
  var x = 0
  var iBnk = xid('id_itemBnk')
  if(iBnk)
    {
    var t = iBnk.getElementsByTagName('table')
    for (var i=0; i<t.length; i++)
      if(t[i].className == 'cls_Q')
        x++
    gv_max = x
    }
  getProgressBar()
  initPg()
  }

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="tkm_sec325_act2.html"
    }
  else
    {
    var ex = xid( 'id_Q' + gv_pg )
    if (ex)
      {
      xid( 'id_Q' + gv_pg ).style.display = 'none'
      gv_pg++
      xid( 'id_Q' + gv_pg ).style.display = 'inline'
      if(IE())
        xid( 'id_wrkgArea' ).focus()
      getProgressBar()
      }
    }
  nextAddOn()
  }

function back()
  {
  if(gv_pg == 0)
    {
    window.location = "default.html"
    }
  else
    {
    xid( 'id_Q' + gv_pg ).style.display = 'none'
    gv_pg--
    xid( 'id_Q' + gv_pg ).style.display = 'inline'
    if(IE())
      xid( 'id_wrkgArea' ).focus()
    getProgressBar()
    if (gv_pop_win)
      gv_pop_win.close()
    }
  backAddOn()
  }

// --------------------------------------- Load Audio Add-in ----------------------------------------------

function loadAud( FN, B )
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="187"' )     //187
    ws( ' height="29"' )     //29
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="opaque"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }
  if(B)
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=true&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )
  else
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=false&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )

  return wr
  }

// -------------------------------------- Button Class Add-in ---------------------------------------------
function foundation_gif_btn_class( the_id )
  {
  var _this = this
  var e = xid(the_id)
  if (e)
    {
    var a = e.src+''
    var b = a.substr(0, a.length-4) + '_on.gif'
    if (document.images)
      new Image().src = b
    e.onclick = function()
      {
      _this.do_click()
      }
    e.onmouseover = function()
      {
      this.src= b
      }
    e.onmouseout = function()
      {
      this.src= a
      }
    this.do_click = function()
      {
      }
    }  
  }

// -------------------------------------- Bookmark & Reload Add-in ------------------------------------------
function bookmark(title)
  {
  if(IE())
    {
    try
      {
      window.external.AddFavorite(location.href,title)
      }
    catch(e)
      {
      alert('This feature is not available in standalone mode.')
      return
      }
    }
  else
    alert('Netscape, Firefox, and Mozilla user need to press CTRL+D to bookmark this page.')
  }

function pageReload()
  {
  window.location.reload()
  }

// ------------------------------------- Tutorial Video Play Add-in ----------------------------------------------
//================== Tutorial Video Starts ====================
var videoArchive = {OP:'15_how_to_(dotheactivities).flv',
                    SCB:'30_categorizing_matched.flv',
                    SC:'18_categorizing_unmatched.flv',
                    CMF:'22_match_images.flv',
                    CNC:'26_click_and _compare.flv',
                    FNB:'24_fill-in-blanks.flv',
                    SUM:'31_summary.flv',
                    MC1:'20_multiple_choice.flv',
                    PVC:'17_prediction.flv',
                    SCN:'33_scanning.flv',
                    SCP:'29_sentence_order_02.flv',
                    SKM:'23_skimming.flv',
                    SMA:'32_summary_multiple_answer.flv',
                    TF1:'19_true_false.flv',
                    VMF:'21_match_sentences.flv',
                    SCW:'27_sentence_order_01.flv',
                    LBS:'34_lc_by_segment.flv',
                    LPT:'35_partial_transc_lc.flv',
                    IST:'36_pre_lc_info_type.flv',
                    LMC:'37_lc_mc_summary_ls_ma.flv',
                    BST:'38_pre_lc_brainstorm.flv',
                    PSG:'39_pre_lc_seg_gist.flv',
                    LMA:'40_lc_multiple_answer.flv',
                    YNF:'41_yes_no_free_response_lc.flv',
                    IST:'42_lc_info_type.flv',
                    LMC:'44_lc_multiple_choice.flv',
                    LTF:'45_lc_t_f.flv',
                    LGF:'46_lc_get_point.flv',
                    LMF:'22_match_images.flv',
                    VCC:'47_v_click_compare.flv',
                    VSM:'48_v_sum_multiple_ans.flv',
                    VCM:'49_v_clause_matching.flv',
                    VSO:'50_v_sentence_order.flv',
                    VBS:'51_v_by_segment.flv'
                    }

var winopen
var winfeatures = "status=0, toolbar=0, menubar=0, titlebar=0, scrollbars=0, resizible=0, width=285, height=270"
function launchVideoOverlay( aType )
  {
  var flvName = videoArchive[aType]

  if (flvName != undefined)
    {
    winopen= window.open("../../tutorial/vidTutor.html?name=" + flvName, "_blank", winfeatures)
    }
  else
    PopUp( 'No video tutorial on this activity is available for now.', 'Video Tutorial' )
  }


function closeVideoOverlay()
  {
  IHTML( xid('id_videoHolder'), loadVideo( '' ) )
  xid( 'id_tutorialVideo' ).style.display = 'none'
  }

//================== Tutorial Video Ends ======================


function show_copyright()
  {
  var copyRightSt = '<div style="height:100%;padding:5px;font-size:90%;">1. GLOSS lessons and materials are intended for personal and nonprofit educational use only, and any other use may violate U.S. and international copyright laws. Further reproduction by any means is unauthorized.<br /><br />2. GLOSS developers have received permission to use copyrighted materials on the condition that they are used exclusively for nonprofit educational purposes in lessons produced by U.S. government employees and government contractors only. These copyrighted materials include most of the authentic texts, photos, graphics, audio, and video that constitute the core content of the GLOSS lessons, which may not be copied, published or redistributed without the written permission of the individual copyright holders who are acknowledged on the information page of each lesson. Copyrighted text, photos, graphics, audio and/or video material shall not be published, broadcast, rewritten for broadcast or publication or redistributed directly or indirectly in any medium. Neither these materials nor any portion thereof may be stored in a computer except for personal and non-commercial use.</div>'
  PopUp( copyRightSt, 'Copyright Statement')
  }

window.onunload = function()
  {
  this.pop_manager.allDone()                                                                   //---added-MG--//
  if (window.DSW)
    DSW.pg_unload()
  }

window.onload = function()
  {
  this.print_manager = new print_class()                                                //---added-MG--//
  this.print_manager.init()                                                             //---added-MG--//
  this.pop_manager = new popup_class()                                                  //---added-MG--//
  countQ()
  if (window.DSW)
    DSW.pg_load( gv_max )
  initActy()
  if (xid('id_copyright_dliflc'))
    xid('id_copyright_dliflc').onclick = function()
      {
      show_copyright()
      }
  PopUp( xid('id_instruction').innerHTML,'Instructions' )
  }

// --------------------------------------- DLI Standard Javascript - end ---------------------------------------------


// -------------------------------- Activity Specific Javascript - start ---------------------------------------------

set_global_var( 'itemType',  'step' )
set_global_var( 'gi_drag', new drag_class() )

var pool = new Array()
pool[0] = {idea:"Türkmenistanyň hökümeti",cln:1,dir:"ltr"}
pool[1] = {idea:"Medeniýet Ministrligi",cln:2,dir:"ltr"}
pool[2] = {idea:"Hukuk goraýjy edarasy",cln:1,dir:"ltr"}
pool[3] = {idea:"Oba Hojalyk Ministrligi",cln:2,dir:"ltr"}
pool[4] = {idea:"Ilçihanalaryň wekilleri",cln:1,dir:"ltr"}
pool[5] = {idea:"Ykdysadyýet Ministrligi",cln:2,dir:"ltr"}
pool[6] = {idea:"Habar beriş serişdeleri",cln:1,dir:"ltr"}
pool[7] = {idea:"Jemgiýetçilik guramalary",cln:1,dir:"ltr"}


function hat_class()
  {
  this.inhat  = function(n){return(this.ff[n])}
  this.remove = function(n){if(this.ff[n]){this.ff[n]=false;this.count--}}
  this.fill   = function(n)
    {
    this.ff = []
    for (var i=0; i < n; i++)
      this.ff[i] = true
    this.count = n
    }
  this.get = function()
    {
    var n, k, r
    r = this.count
    if (r > 0)
      {
      n = Math.ceil(Math.random()*r)
      r = k = 0
      do
        if (this.ff[r++])
          k++
      while (k < n)
        this.ff[r-1] = false
      this.count--
      }
    return r-1
    }
  if (arguments.length > 0)
    this.fill( arguments[0] )
  }//hat_class

function build_pool()
  {
  var wr = ''
  function ws()
    {
    for (var i=0; i<arguments.length; i++)
      wr += arguments[i]
    }
  function wl()
    {
    ws.apply( null, arguments )
    ws( String.fromCharCode(10) )
    }

  var hatA = new hat_class( pool.length )
  function build_tbl(dir,idea,cln,n)
    {
    var myStyle = ''
    var myDir = ''
    dir == 'rtl' ? myStyle='font-weight:bold;' : myStyle
    dir == 'rtl' ? myDir='dir="rtl"' : myDir
    return spf('<td width="33%" align="center" ~><span style="cursor:pointer;~" onmousedown="gi_drag.DragStart(this,~,~)" id="c~">~<\/span><\/td>',[myDir,myStyle,cln,n,cln,idea])
    }
  p = pool.length
  wr = ''
  wl( '<table width="100%" height="100%" border="0">' )
  for ( i=0,j=1; i<p; i++,j++ )
    {
    var a = hatA.get()
    if ( i % 3 == 0)
      wl( '  <tr>' )
    wl( build_tbl(pool[a].dir,pool[a].idea,pool[a].cln,a) )
    if ( j % 3 == 0 )
      wl( '  <\/tr>' )
    }
  wl( '<\/table> ' )
  return wr
  }

var side_in = 0
var side_out = 0

function drag_class()
  {
  var green = []
  var red = []

  function in_str( sub_str, big_str )
    {
    function F(a)
      {
      return '|' + a + '|'
      }
    return F(big_str).indexOf(F(sub_str)) >= 0
    }

  function judge(a,b)
    {
    x = xid('id_cnt').value
    if( pool[x].cln == b )
      {
      side_in++
      green[green.length] = a
      }
    else
      {
      side_out++
      red[red.length] = a
      }
    xid('id_cnt').value = ''
    }

  this.showFB = function()
    {
    function highlight2()
      {
      var words= document.getElementsByName('outWord')
      for( var i=0; i<words.length; i++ )
        {
        for( j=0; j<red.length; j++ )
          {
          words[i].disabled = false
          if( words[i].value == red[j].value )
            {
            words[i].style.color = '#ff0000'
            words[i].style.fontWeight = 'bold'
            }
          }
        }
      var tgt = xid( 'id_tgt' )
      var remains = tgt.getElementsByTagName( 'span' )
        for(var i=0; i<remains.length; i++)
          {
          if(remains[i].className != 'dragged' && remains[i].id == '1')
            {
            remains[i].style.color = '#0000ff'
            remains[i].style.fontWeight = 'bold'
            }
          }
      }
    var addJudge = 'no'
    if( addJudge.toLowerCase() == 'yes' )
      highlight2()
    PopUp( xid( 'id_fb1' ).innerHTML )
    }

  var cnt = 0
  function tries()
    {
    cnt++
    return cnt
    }

  this.DragStart = function(a,b,c)
    {
    check_arrived()
    a.className = 'beforeDragged'
    xid('id_barrel').value = a.innerHTML
    xid('id_cnt').value = c
    a.onclick = function(){}
    }

  this.DragStop = function(a,b)
    {
    function showBtn()
      {
      var clmn1 = xid('id_clmn1')
      var clm1TAs = clmn1.getElementsByTagName( 'TEXTAREA' )
      var si = side_in
      if( si == 5 || tries() == clm1TAs.length)
        xid('id_fdback_btn').style.visibility = "visible"
      }

    if( a.value.length <= 0 && xid('id_barrel').value.length > 0)
      {
      a.value=xid('id_barrel').value
      xid('id_barrel').value = ''
      judge(a,b)
      showBtn()
      gi_drag.mkProgressBar()
      }
    check_arrived()
    }

  function check_arrived()
    {
    var tgt = document.getElementsByTagName('span')
    var tgt2 = []
    for(var i=0, j=0; i<tgt.length; i++)
      {
      if( tgt[i].className == 'beforeDragged' )
        {
        tgt2[j] = tgt[i].innerHTML
        j++
        }
      }
    var clmn1 = xid('id_clmn1')
    var clm1TAs = clmn1.getElementsByTagName( 'TEXTAREA' )
    var clmn11 = ''

    for( var i=0; i<clm1TAs.length; i++)
      {
      if(clm1TAs[i].value != '')
        {
        clmn11 += clm1TAs[i].value
        clmn11 += '|'
        }
      }
    for(var i=0; i<tgt2.length; i++)
      {
      if(!in_str(tgt2[i],clmn11))
        {
        for(var j=0; j<tgt.length; j++)
          {
          if(tgt[j].innerHTML == tgt2[i])
            tgt[j].className = 'undragged'
          }
        }
      else
        {
        for(var j=0; j<tgt.length; j++)
          if(tgt[j].innerHTML == tgt2[i])
            tgt[j].className = 'dragged'
        }
      }
    }

  this.check_duplicates = function(a,b)
    {
    var tgt = xid('id_barrel')
    var tgt2 = tgt.value
    var clmn1 = xid('id_clmn1')
    var clm1TAs = clmn1.getElementsByTagName( 'TEXTAREA' )
    var clmn11 = ''
    for( var i=0; i<clm1TAs.length; i++)
      {
      if(clm1TAs[i].value != '')
        {
        clmn11 += clm1TAs[i].value
        clmn11 += '|'
        }
      }
    if(in_str(tgt2,clmn11))
      {
      alert('Please, click the item you have not used first.')
      check_arrived()
      }
    else
      {
      gi_drag.DragStop(a,b)
      }
    }
  this.mkProgressBar = function()
    {
    var a = '<img src="../../images/pgBar.gif" border="0" width="~" height="8" /><img src="../../images/pgBarEnd.gif" border="0" width="5" height="8" />'
    var rNo =  5
    var si = side_in
    var b = Math.floor((si/rNo)*500)-1
    var c = Math.floor((si/rNo)*100) + ' %'
    xid( 'id_progBar' ).innerHTML = spf( a, [b] )
    xid( 'id_progPercentage' ).innerHTML = c
    if (window.DSW)
      if (xid('id_fdback_btn').style.visibility == 'visible')
         DSW.score_item( 0, Math.floor((si/rNo)*100), 1 )
    }
  }

function viewMyInput()
  {
  eval( $w_lib )
  wl( '<table width="100%" style="height:100px">' )
  wl( '  <tr>' )
  wl( '    <td align="center">' )
  wl( '      Input - Step 1<\/td>' )
  wl( '  <\/tr>' )
  wl( '  <tr>' )
  wl( '    <td align="center">' )
  wl( spf('  <textarea style="height:75px;width:90%;">~<\/textarea><\/td>', [xid('id_stInput').value.length > 3 ? xid('id_stInput').value : 'You did not have any input for the previous step.'] ) )
  wl( '  <\/tr>' )
  wl( '<\/table>' )

  PopUp( wr )
  }

// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

function nextAddOn()
  {
  }

function backAddOn()
  {
  }

function initActy()
  {
  with (new foundation_gif_btn_class('id_info') )
    do_click = function()
      {
      window.open('tkm_sec325_info.html', 'information', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_resources') )
    do_click = function()
      {
      window.open('tkm_sec325_resources.html', 'resources', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_source') )
    do_click = function()
      {
      window.open('tkm_sec325_source.html', 'source', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=530')
      }

  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('tkm_sec325_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=530')
      }

  with (new foundation_gif_btn_class('id_tutorial') )
    do_click = function()
      {
      launchVideoOverlay( 'PVC' )
      }

  with (new foundation_gif_btn_class('id_feedback') )
    do_click = function()
      {
      
      }

  with (new foundation_gif_btn_class('id_teacherNoteBtn') )
    do_click = function()
      {
      PopUp(document.getElementById('id_popup').innerHTML, 'Teacher\'s Note')
      }

  with (new foundation_gif_btn_class('id_instructionBtn') )
    do_click = function()
      {
      PopUp(document.getElementById('id_instruction').innerHTML, 'Instructions')
      }

  with (new foundation_gif_btn_class('id_bookmarkBtn') )
    do_click = function()
      {
      bookmark('Activity Bookmark for lesson - tkm_sec325')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }


  with (new foundation_gif_btn_class('id_viewInput_btn') )
    do_click = function()
      {
      viewMyInput()
      }

  with (new foundation_gif_btn_class('id_fdback_btn') )
    do_click = function()
      {
      gi_drag.showFB()
      }

  var cl1Ta = xid( 'id_clmn1' ).getElementsByTagName( 'TEXTAREA' )
    for (var i=0; i<cl1Ta.length; i++)
      cl1Ta[i].onclick = function()
        {
        gi_drag.check_duplicates(this,1)
        }

  }

</script>
</head>

<body id="id_body">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="height:100%">
  <tr>
    <td>
      <table width="765" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td>
            <table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="567">
                  <table width="546" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="96" height="43">
                        <img src="../../images/nf1.gif" width="96" height="43" alt="" /></td>
                      <td width="450" height="12">
                        <img src="../../images/nf2.gif" width="450" height="12" alt="" /></td>
                      <td rowspan="3" width="21" height="43">
                        <img src="../../images/nf4.gif" width="21" height="43" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="450" height="25">
                        <table width="450"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="75" height="25" class="top">
                              <img id="id_glossary" src="../../images/glossary.gif" alt="Glossary Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_source" src="../../images/source.gif" alt="Original Source Text/Audio" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_info" src="../../images/info.gif" alt="Information Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_resources" src="../../images/resources.gif" alt="Additional Resources Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_tutorial" src="../../images/tutorial.gif" alt="GLOSS Tutorial" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <a href="../../questionnaire.html?name=tkm_sec325&lang=turkmenistan" title="GLOSS Questionnaire" target="_blank">
                                <img id="id_feedback" src="../../images/feedback.gif" alt="GLOSS Questionnaire" width="75" height="25" border="0" class="btn" /></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td width="450" height="6">
                        <img src="../../images/nf3.gif" width="450" height="6" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td rowspan="2" align="left">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="43" height="37" align="left">
                        <img src="../../images/turkmenistan2.gif" width="43" height="37" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left">
                        <img src="../../images/turkmenistan1.gif" width="138" height="89" alt="" /></td>
                      <td rowspan="2" width="17" height="52" align="left">
                        <img src="../../images/nf6.gif" width="17" height="89" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="43" height="52" align="left" class="top">
                        <img src="../../images/turkmenistan3.gif" width="43" height="52" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table width="546"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="50" height="46">
                        <img src="../../images/logo.gif" width="50" height="46" alt="" /></td>
                      <td rowspan="3" class="top">
                        <img src="../../images/nf7.gif" width="7" height="46" alt="" /></td>
                      <td width="510" height="18" class="top">
                        <img src="../../images/nf8.gif" width="510" height="18" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" >
<img src="../../images/activities.gif" border="0" width="70" height="20" alt=""/><a href="default.html" title="Lesson Overview"><!--
--><img id="id_overview" src="../../images/button0.gif" alt="Lesson Overview" onmouseover="this.src='../../images/button0_on.gif'" onmouseout="this.src='../../images/button0.gif'" border="0" width="16" height="20" /></a><!--
--><img src="../../images/here1.gif" alt="Activity 1" border="0" width="16" height="20" test="0"><!--
--><a href="tkm_sec325_act2.html" title="Activity 2"><!--
--><img id="id_act2" src="../../images/button2.gif" alt="Activity 2" onmouseover="this.src='../../images/button2_on.gif'" onmouseout="this.src='../../images/button2.gif'" border="0" width="16" height="20" /></a><!--
--><a href="tkm_sec325_act3.html" title="Activity 3"><!--
--><img id="id_act3" src="../../images/button3.gif" alt="Activity 3" onmouseover="this.src='../../images/button3_on.gif'" onmouseout="this.src='../../images/button3.gif'" border="0" width="16" height="20" /></a><!--
--><a href="tkm_sec325_act4.html" title="Activity 4"><!--
--><img id="id_act4" src="../../images/button4.gif" alt="Activity 4" onmouseover="this.src='../../images/button4_on.gif'" onmouseout="this.src='../../images/button4.gif'" border="0" width="16" height="20" /></a><!--
--><a href="tkm_sec325_act5.html" title="Activity 5"><!--
--><img id="id_act5" src="../../images/button5.gif" alt="Activity 5" onmouseover="this.src='../../images/button5_on.gif'" onmouseout="this.src='../../images/button5.gif'" border="0" width="16" height="20" /></a><!--
--><a href="tkm_sec325_act6.html" title="Activity 6"><!--
--><img id="id_act6" src="../../images/button6.gif" alt="Activity 6" onmouseover="this.src='../../images/button6_on.gif'" onmouseout="this.src='../../images/button6.gif'" border="0" width="16" height="20" /></a><!--
--></td>
                    </tr>
                    <tr>
                      <td width="510" height="8" class="top">
                        <img src="../../images/nf9.gif" width="510" height="8" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>

          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" >
                  <img src="../../images/nf10.gif" width="7" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" >
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="topFaded" height="30">
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="190">
                        <div id="id_mediaPlayerHolder" style="width:186; height:29;"></div></td>
                      <td width="100%" height="30" class="title" align="center"><div dir="ltr"><font color="#fefefe"><b>Neşe serişdeler ýok edildi</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img id="id_teacherNoteBtn" src="../../images/btnTeacher.gif" alt="Click for Teacher's Note" width="29" height="29" style="cursor:pointer" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" alt="Click for Instructions" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_bookmarkBtn" src="../../images/btnBookmark.gif" alt="Click to Bookmark this Activity" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_refreshBtn" src="../../images/btnRefresh.gif" alt="Reload Page - Clears Activity" width="29" height="29" border="0" class="btn" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table border="0" width="100%">
  <tr>
    <td align="center" width="100%">
      <div id="id_itemBnk">
        <table id="id_Q0" width="700" border="0" class="cls_Q" style="display:inline;">
          <tr>
            <td align="left" valign="top">
                <tr>
    <td>
      <P align=left><STRONG>In this article you will find the following:</STRONG></P>
<UL>
<LI><FONT size=2><STRONG>The names of Turkmen agencies that deal with the prevention of illegal drug use and trafficking </STRONG></FONT>
<LI><FONT size=2><STRONG>What was accomplished during the event </STRONG></FONT>
<LI><FONT size=2><STRONG>What organizations were invited to participate in the event </STRONG></FONT>
<LI><FONT size=2><STRONG>Other related information</STRONG></FONT></LI></UL>
</td>
  </tr>
</td>
          </tr>
          <tr>
            <td width="700" style="background-color:#FEFEFE">
              <div dir="ltr" style="width:100%"><P align=center><IMG border=0 hspace=0 alt="Gök nar" align=baseline src="Images/Lo_tkm_sec325_Ac1_5_6_poppy.gif" _src="Images/Lo_tkm_sec325_Ac1_5_6_poppy.gif"><IMG border=0 hspace=0 alt="Türkmenistanyň kartasy" align=baseline src="Images/Lo_tkm_sec325_Ac1_map.gif" _src="Images/Lo_tkm_sec325_Ac1_map.gif"><IMG border=0 hspace=0 alt="Hökümet Bimasy" align=baseline src="Images/Lo_tkm_sec325_Ac1_3_6_gb.gif" _src="Images/Lo_tkm_sec325_Ac1_3_6_gb.gif"></P></div>

            </td>
          </tr>
          <tr>
            <td>
              Type your input in the box below:
            </td>
          </tr>
          <tr>
            <td>
              <textarea rows="4" id="id_stInput" style="width:100%;"></textarea>
            </td>
          </tr>
        </table>
        <table id="id_Q1" border="0" cellspacing="0" cellpadding="0" width="100%" class="cls_Q" style="display:none;">
          <tr>
            <td width="50"><img src="../../images/Octagon01.gif" alt=""></td>
            <td width="620"><img src="../../images/Octagon02.gif" width="100%" height="25" alt=""></td>
            <td width="50"><img src="../../images/Octagon03.gif" alt=""></td>
          </tr>
          <tr>
            <td width="50"><img src="../../images/Octagon04.gif" alt=""></td>
            <td valign="top">
              <div id="id_tgt" style="height:200px;overflow:auto;background-color:#ffffff;">
                 <script type="text/javascript">
                   document.write( build_pool() )
                 </script>
              </div>
            </td>
            <td width="50"><img src="../../images/Octagon05.gif" alt=""></td>
          </tr>
          <tr>
            <td width="50"><img src="../../images/Octagon06.gif" alt=""></td>
            <td width="620"><img src="../../images/Octagon07.gif" width="100%" height="25" alt=""></td>
            <td width="50"><img src="../../images/Octagon08.gif" alt=""></td>
          </tr>
          <tr>
            <td colspan="3">
              <br />

              <table width="700" align="center" style="border-style:solid; border-color:#666666; border-width:1;height:25;">
                <tr>
                  <td width="100" style="font-size:90%;text-align:center;">Progress Bar
                  </td>
                  <td width="505" id="id_progBar" align="left">
                    <img src="../../images/pgBarEnd.gif" border="0" width="5" height="8" alt=""/></td>
                  <td width="95" id="id_progPercentage" style="font-size:90%;text-align:center;">&nbsp;
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td colspan="3">
              <br />
              <table border="0" width="100%" align="center" style="height:48" >
                <tr >
                  <td width="100%" valign="top">
                  <table id="id_clmn1" border="0" cellpadding="0" cellspacing="0" width="100%">
                          <tr>
        <td width="50%" align="center" >
        <textarea name="outWord" style="width:98%;height:22px;text-align:center;" rows="1"></textarea></td>
        <td width="50%" align="center" >
        <textarea name="outWord" style="width:98%;height:22px;text-align:center;" rows="1"></textarea></td>
      </tr>

      <tr>
        <td width="50%" align="center" >
        <textarea name="outWord" style="width:98%;height:22px;text-align:center;" rows="1"></textarea></td>
        <td width="50%" align="center" >
        <textarea name="outWord" style="width:98%;height:22px;text-align:center;" rows="1"></textarea></td>
      </tr>

      <tr>
        <td width="50%" align="center" >
        <textarea name="outWord" style="width:98%;height:22px;text-align:center;" rows="1"></textarea></td>
        <td width="50%" align="center"></td>
      </tr>


                  </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td colspan="3">
              <table border="0" cellpadding="0" width="100%">
                <tr>
                  <td width="33%">
                  </td>
                  <td width="34%" align="center" height="24">
                      <img id="id_fdback_btn" src="../../images/btnCompare.gif" alt="Compare Answers" style="visibility:hidden" class="btn" />
                  </td>
                  <td align="right" width="33%">
                    <img id="id_viewInput_btn" src="../../images/btnViewInput.gif" alt="View My Input" class="btn" />
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>

 <!--                  Content Ends Here                -->
          </td>
        </tr>
        <tr>
          <td width="7" height="24">
            <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
          <td height="24" class="topFaded">
            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
              <tr>
                <td width="50%" align="center">
                  <div id="id_progressBar" class="topFaded"></div></td>
              </tr>
            </table></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf21.gif" width="10" height="24" alt="" /></td>
          <td width="7" height="100%">
            <img src="../../images/nf14.gif" width="7" height="24" alt="" /></td>
        </tr>
        <tr>
          <td colspan="5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" height="9">
                  <img src="../../images/nf15.gif" width="7" height="9" alt="" /></td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf24.gif" width="10" height="9" alt="" /></td>
                <td rowspan="2">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="16" height="7" class="topFaded">
                        <img src="../../images/nf17top.gif" width="16" height="7" alt="" /></td>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="14" height="7" class="topFaded">
                        <img src="../../images/nf18top.gif" width="14" height="7" alt="" /></td>
                      <td width="15" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="15" height="7" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29">
                        <img src="../../images/nf16bot.gif" width="100%" height="29" alt="" /></td>
                      <td width="16" height="29">
                        <img src="../../images/nf17bot.gif" width="16" height="29" alt="" /></td>
                      <td width="100%" height="29">
                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td id="id_progressBtm">
                            <img src="../../images/copyright.gif" id="id_copyright_dliflc" style="cursor:pointer;width:150px;height:24px;" alt="Copyright DLIFLC - 2009" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3">
                              <img src="../../images/nf30.gif" width="100%" height="5" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29">
                        <img src="../../images/nf18bot.gif" width="14" height="29" alt="" /></td>
                      <td width="15" height="29">
                        <img src="../../images/nf16bot.gif" width="15" height="29" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf25.gif" width="10" height="9" alt="" /></td>
                <td width="7" height="9">
                  <img src="../../images/nf19.gif" width="7" height="9" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" >
                  <img src="../../images/nf26.gif" width="7" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf27.gif" width="10" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf28.gif" width="10" height="27" alt="" /></td>
                <td width="7"  height="27">
                  <img src="../../images/nf29.gif" width="7" height="27" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<div id="id_tutorialVideo" class="css_video_div">
  <table class="css_video_table">
    <tr>
      <td class="css_tl"></td>
      <td class="css_tc">
        <div class="css_title">Video Tutorial</div>
        <div class="css_close">
          <img border="0" src="../../images/video_close.gif" alt="close" width="16" height="21" onclick="closeVideoOverlay()" /></div></td>
      <td  class="css_tr"></td>
    </tr>
    <tr>
      <td class="css_cl"></td>
      <td class="css_cc" align="center">
        <div id="id_videoHolder"></div>
      </td>
      <td class="css_cr"></td>
    </tr>
    <tr>
      <td class="css_bl"></td>
      <td class="css_bc"></td>
      <td class="css_br"></td>
    </tr>
</table>
</div>

<div id="id_instruction" style="display:none;">
<div style="height:95%;padding:5px;" onclick="InSwap( this )">
  <center style="font-size:80%;color:#666666;"><i>(Click text to switch language)</i></center>
  <hr width="75%" size="1" />
  <div id="id_FL_inst0" title="Click to see the English instruction." class="inst_on">
      <div dir="ltr" style=""><P><FONT size=2><STRONG>Bu iş iki bölümden düzülen</STRONG></FONT> </P>
<P>Aşakdaky berlen görkezmelere görä dowam et:</P>
<OL>
<LI>Suratlara seret, makalaň adyny oka we makalanyň näme baradadygyny öňünden bildir 
<LI>Berlen edaralaryň atlaryndan makala degişlilerini belle.</LI></OL>
<P>Görkezmeleri bitireniňden soň Mugallymyň Belliklerine <IMG border=0 hspace=0 alt="" align=baseline src="Images/teacherBtnSmall.gif" _src="Images/teacherBtnSmall.gif"> seret.</P>
<P></P></div>
  </div>
  <div id= "id_XL_inst0" title="Click to see the target language instruction." class="inst_off">
      <div dir="ltr" style=""><P><STRONG><FONT size=2>This activity consists of two steps.</FONT></STRONG></P>
<P>Follow the instructions below for each step:</P>
<P>1. Look at the images, read the title, and then predict the topic of the forthcoming reading material. </P>
<P>2.&nbsp; From the provided list of agencies, choose those that relate to the subject. </P>
<P>Refer to the Teacher's Note <IMG border=0 hspace=0 alt="" align=baseline src="Images/teacherBtnSmall.gif" _src="Images/teacherBtnSmall.gif"> after completing the activity.</P></div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1) Per the instructions, look at the pictures/words/maps and enter (type) the required response.<br />3) Click the next arrow at the bottom of the page to proceed to Step 2.<br />4) Review the words presented in step 2. Click the "View Input" button to compare your predictions from Step 1.<br />5) Per the instructions, move items from the top area to the bottom cells. Select an item by clicking on it (the selected item will turn green).<br />6) Once an item is selected, click in one of the empty boxes below the progress bar (items which have been moved will be gray and lined through).<br />7) Keep an eye on the "Progress Bar." It will advance whenever you correctly move an item from the top.<br />8) Continue until <u>ALL</u> of the boxes are filled or the progress bar reaches 100%.<br />9) Click the "Compare" button to check your choices.  Any item which should have been moved will be highlighted in blue. Items which should not have been moved will be highlighted in red.
  </div>
</div>

</div>

<div id="id_popup" style="display:none">
<P align=center><STRONG>The Turkmen Government Structure</STRONG></P>
<P>In the Turkmen government structure, the following law enforcement agencies are involved in fighting illegal drug use and trafficking:</P>
<UL>
<LI>The Ministry for National Security (the former KGB) 
<LI>The Ministry of Interior (known as the militsiya/police) - Note that regional divisions of the police have administrative structure but not independent authority. They report to the Ministry of Interior. 
<LI>The Ministry of Justice</LI></UL>
<P>In addition to the separate agencies, there is a joint group under the Cabinet of Ministers that is responsible for the prevention of illicit drug abuse and trafficking.</P>

</div>


<div id="id_fbArea" style="display:none;">
     <div  id="id_fb1" dir="ltr" style="display:none;width:100%;height:100%;height:48px;background-color:#FEFEFE;padding:3px;overflow:auto"><P>Based on the images and the title <STRONG>Neşe serişdeler ýok edildi </STRONG>(<EM>Drugs Have Been Destroyed</EM>),<STRONG> </STRONG>you can conclude that the forthcoming reading material will discuss some drug related issue.</P>
<P>The following agencies and organizations pertain to the subject and will be encountered in the reading material:</P>
<UL>
<LI><STRONG>Türkmenistanyň hökümeti</STRONG><EM> - the Turkmen government</EM> 
<LI><STRONG>Hukuk goraýjy düzüm/edara</STRONG> - <EM>law enforcement agency</EM> 
<LI><STRONG>Diplomatik missiýalaryň wekilleri</STRONG> -<STRONG> </STRONG><EM>heads of the embassies</EM> 
<LI><STRONG>Habar beriş serişdeler</STRONG> -<STRONG> </STRONG><EM>news agencies</EM> 
<LI><STRONG>Jemgyýetçilik guramalar</STRONG><EM> - public organizations</EM> </LI></UL>
<P>The organization below is also present in the article. It has a very long title due to its name and the fact that it is part of the Cabinet of Ministers.&nbsp; </P>
<UL>
<LI><STRONG>Ministrler Kabinetiniň ýanyndaky Neşekeşlige garşy göreş boýunça utgaşdyryjy topar </STRONG><EM>- Joint Drug Prevention Group under the Cabinet of Ministers</EM></LI></UL>
<P>The following is the list of agencies that are not relevant to the subject of the text: </P>
<UL>
<LI><STRONG>Medeniýet Ministrligi </STRONG><EM>- the Ministry of Culture</EM> 
<LI><STRONG>Oba hojalyk ministrligi</STRONG><EM> - the Ministry of Agriculture</EM> 
<LI><STRONG>Ykdysadyýet Ministrligi </STRONG><EM>- the Ministry for Economy</EM></LI></UL></div>
</div>
<input type="hidden" id="id_barrel" />
<input type="hidden" id="id_cnt" />
</body>
</html>