<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002
-->

<title>Activity # 1 of 4 </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   : #BA99A4;
  color              : #FEFEFE;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #E0D1D1;
  }
.css_act, .css_WordBox2
  {
  background-color   : #D0B7B7;
  color              : #4A4A4A;
  }
.css_inst
  {
  background-color   : #EFE9ED;
  }
.drk_box
  {
  background-color   : #996666;
  color              : #FFFFFF;
  }
.txt_bg2
  {
  background-color   : #fefefe;
  }
.top
  {
  background-color   : #A45C75;
  }
.topFaded
  {
  background-color   : #BA99A4;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #BA99A4;
  }
.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;
  }


.css_rba
  {
  height           : 1.1em;
  width            : 1.1em;
  }

.chkInput
  {
  width           : 20px;
  display         : none;
  text-align      : center;
  }
.css_step
  {
  font-size        : 90%;
  color            : #999999;
  padding          : 2px;
  border-left      : 1 solid #999999;
  border-top       : 1 solid #999999;
  border-bottom    : 1 solid #999999;
  border-right     : 1 solid #999999;
  }

/*-------------------------------------------------------------------------*/
</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" alt="Printer"\/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" alt="Minim"\/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" alt="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
        {
        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" title="Back" 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" title="Next" 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" title="Back" 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" title="Next" 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 ="ad_pol403_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' )

function compareAnswer()
  {
  var ck = document.getElementsByTagName( 'span' )
  var qTbls = xid( 'QTblTD' ).getElementsByTagName( 'table' )
  var countAns = 0
  for(var i=0; i<ck.length; i++)
    if( ck[i].className == 'chkInput' )
      ck[i].style.display = 'inline'
  for( var i=0; i<qTbls.length; i++ )
    {
    var rbs = document.getElementsByName( 'na_obj' + i )
    for(var j=0; j<rbs.length; j++)
     if(rbs[j].checked)
       countAns++
    }
  if (window.DSW)
    DSW.objective( 0, 'IST_Pre-Listening_Info-Type', 3, null )
  var finalFB = 'Correct answers are marked with green arrows. <br />' + xid( 'id_answer' ).innerHTML
  PopUp( finalFB, 'Feedback' )
  }

function InstSwapXL(n)
  {
  var x = xid('id_FL_inst' + n)
  var y = xid('id_XL_inst' + n)
  x.className = "inst_off"
  y.className = "inst_on"
  }
function InstSwapFL(n)
  {
  var x = xid('id_FL_inst' + n)
  var y = xid('id_XL_inst' + n)
  y.className = "inst_off"
  x.className = "inst_on"
  }

function chkNpop()
  {
  var thefb = xid( 'id_ansStep1' ).innerHTML + '<br /><center style="font-size:80%;color:#999999;"><i>(Click the next arrow at the bottom of the page to go to Step 2)<\/i><\/center>'
  PopUp(thefb)
  }


// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

var playerStatus = false

function checkPlayer()
  {
  var playerLoaded = window.document.id_audioPlayer.PercentLoaded()
  if(playerLoaded == 100)
    {
    playerStatus = true
    }
  }

function nextAddOn()
    {
    if (gv_pg == 1)
      {
      var ckNote = document.getElementsByTagName( 'div' )
      for (var i=0; i<ckNote.length; i++)
        if (ckNote[i].className == 'css_note')
          ckNote[i].style.display = 'none'
      window.scrollTo(0,0)
      if (document.all)
        xid( 'id_fTbl' ).focus()
      }
    }

function backAddOn()
    {
    if (gv_pg == 0)
      {
      var ckNote = document.getElementsByTagName( 'div' )
      for (var i=0; i<ckNote.length; i++)
        if (ckNote[i].className == 'css_note')
          ckNote[i].style.display = 'inline'
      }
    }

var swap
function onPrepHint()
  {
    if (xid('id_prepHint'))
      {
      xid('id_prepHint').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid ('id_itemBnk').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid('id_prepHintSpan').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid('id_returnActSpan').style.display = xid('id_prepHint').style.display == 'inline' ? 'inline' : 'none'

      //xid("id_progressBar").innerHTML = ''
      if(xid('id_prepHintSpan').style.display == 'inline')
        IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/ad_pol403_source.mp3' ) )

      swap =  xid('id_prepHint').style.display == 'none' ? true : false
      if(!swap)
        {IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/SELECT' ) )}
      }
  }
function initActy()
  {
  set_global_var( 'gv_q',    0  )
IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/ad_pol403_source.mp3' ) )
  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('ad_pol403_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_info') )
    do_click = function()
      {
      window.open('ad_pol403_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_source') )
    do_click = function()
      {
      window.open('ad_pol403_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_tutorial') )
    do_click = function()
      {
      launchVideoOverlay( 'IST' )
      }

  with (new foundation_gif_btn_class('id_feedback') )
    do_click = function()
      {
      
      }

  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 - ad_pol403')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }



  with (new foundation_gif_btn_class('id_compare') )
    do_click = function()
      {
      chkNpop()
      }

  with (new foundation_gif_btn_class('id_compAns') )
    do_click = function()
      {
      compareAnswer()
      }


  }
//=========================================================================
</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" title="" alt="" /></td>
                      <td width="450" height="12">
                        <img src="../../images/nf2.gif" width="450" height="12" title="" alt="" /></td>
                      <td rowspan="3" width="21" height="43">
                        <img src="../../images/nf4.gif" width="21" height="43" title="" 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" title="Glossary Page" 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" title="Original Source Text/Audio" 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" title="Information Page" alt="Information Page" width="75" height="25" border="0" class="btn" /></td>
<td width="75" height="25" class="top"><img src="../../images/spacerButton.gif" alt="layout Spacer" width="75" height="25" border="0" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_tutorial" src="../../images/tutorial.gif" title="GLOSS Tutorial" alt="GLOSS Tutorial" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <a href="../../questionnaire.html?name=ad_pol403&lang=Arabic" title="GLOSS Questionnaire" alt ="GLOSS Questionnaire" target="_blank">
                                <img id="id_feedback" src="../../images/feedback.gif" title="GLOSS Questionnaire" 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" title="" 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/arabic2.gif" width="43" height="37" title="" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left"><img src="../../images/arabic1.gif" width="138" height="89" title="" alt="" /></td>
                      <td rowspan="2" width="17" height="52" align="left"><img src="../../images/nf6.gif" width="17" height="89" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="43" height="52" align="left" class="top"><img src="../../images/arabic3.gif" width="43" height="52" title="" 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/logo4.gif" width="50" height="46" title="" alt="" /></td>
                      <td rowspan="3" class="top"><img src="../../images/nf7.gif" width="7" height="46" title="" alt="" /></td>
                      <td width="510" height="18" class="top"><img src="../../images/nf8.gif" width="510" height="18" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" ><img src="../../images/activities.gif" border="0" width="70" height="20" title="" alt=""/><a href="default.html" title="Lesson Overview" alt="Lesson Overview"><img id="id_overview" src="../../images/button0.gif" title="Lesson Overview" 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" title="Activity 1" alt="Activity 1" border="0" width="16" height="20" test="0"><a href="ad_pol403_act2.html" title="Activity 2" title="Activity 2"><img id="id_act2" src="../../images/button2.gif" titl3="Activity 2" 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="ad_pol403_act3.html" title="Activity 3" title="Activity 3"><img id="id_act3" src="../../images/button3.gif" titl3="Activity 3" 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="ad_pol403_act4.html" title="Activity 4" title="Activity 4"><img id="id_act4" src="../../images/button4.gif" titl3="Activity 4" alt="Activity 4" onmouseover="this.src='../../images/button4_on.gif'" onmouseout="this.src='../../images/button4.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" title="" 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" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" title="" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" title="" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" title="" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" >
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" 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="rtl"><font color="#fefefe"><b>محادثة تلفونية بين رئيسين</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" title="" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img src="../../images/1px.gif" title="" alt="" width="29" height="29" border="0" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" title="Click for Instructions" 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" title="Click to Bookmark this Activity" 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" title="Reload Page - Clears Activity" 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%" title="" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" title="" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" 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 id="id_fTbl" cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left">
      
            </td>
  </tr>
  <tr>
    <td width="100%" align="center">
      <div id="id_itemBnk">
        <table width="95%" id="id_Q0" class="cls_Q" border="0" style="display:none;">
          <tr>
            <td width="100%">
                              <div style="overflow:visible; height:100; width:685; background-color:#fefefe;">
                  <center style="font-size:80%;color:#999999;"><i>(Click text to switch language)</i></center>
                  <br />
                  <div id="id_FL_inst1" title="Click to see instructions in English." alt="Click to see instructions in English." onclick="InstSwapXL(1)" class="inst_on">
                    <div style="font-weight:bold;font-size:110%;padding:7px;text-align:right" dir="rtl">أكتب عبارة تصف بها مدى فهمك العام للتقرير. هل التقرير صعب الفهم ام مفهوم عامةً؟</div>

                  </div>
                  <div id= "id_XL_inst1" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." onclick="InstSwapFL(1)" class="inst_off">
                    Write a phrase that best describes your ability to understand the audio report. Was it difficult to understand? Or was it generally understandable?
                  </div>
                </div>
</td>
          </tr>
          <tr>
            <td width="100%">
              <table cellspacing="0" cellpadding="3" width="100%" border="0">
                <tr>
                  <td width="100%" style="height:120" align="center">
                    <textarea  id="id_ansTxt" style="width:80%;height:1.5cm"></textarea>
                    <br /><br />
                    <img id="id_compare" src="../../images/btnCompare.gif" onclick="chkNpop()" name="Compare Answer(s)" alt="Compare Answer(s)" width="84" height="20" class="btn" />
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
        <table width="95%" id="id_Q1" class="cls_Q" border="0" style="display:none;">
          <tr>
            <td width="100%">
                              <div style="overflow:visible; height:100; width:685; background-color:#fefefe;">
                  <center style="font-size:80%;color:#999999;"><i>(Click text to switch language)</i></center>
                  <br />
                  <div id="id_FL_inst2" title="Click to see instructions in English." alt="Click to see instructions in English." onclick="InstSwapXL(2)" class="inst_on">
                    <div style="font-weight:bold;font-size:110%;padding:7px;text-align:right" dir="rtl">استمع إلى المقطع الأول من التقرير الإخباري ثم أجب عن هذا السؤال؟</div>

                  </div>
                  <div id= "id_XL_inst2" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." onclick="InstSwapFL(2)" class="inst_off">
                    Listen to the first part of the news report again and answer the&nbsp;question.
                  </div>
                </div>
</td>
          </tr>
          <tr>
            <td width="100%">
               </td>
          </tr>
          <tr>
            <td width="100%">
              <table cellspacing="0" cellpadding="3" width="685" border="0">
                <tr>
                  <td width="100%">
                    <div style="width:100%" id="QTblTD">
                          <table cellspacing="0" cellpadding="3" width="100%" border="0" id="QTbl0">
        <tr>
          <td width="100%" colspan="3" class="txt_bg">
            George Bush valued the efforts of Talabani aimed at letting the Arab Sunna participate in:

          </td>
        </tr>
                 <tr>
          <td width="5%" align="right">
            <span class="chkInput"><img src="../../images/1px.gif" border="0" width="16" height="16" title="" alt="" /></span>
          </td>
          <td width="2%">
            <input id="id_rb0_0" type="radio" class="css_rba" name="na_obj0" />
          </td>
          <td width="93%">
            <div style="padding:3px"><label for="id_rb0_0">the new Iraqi government.</label></div>
          </td>
        </tr>
        <tr>
          <td width="5%" align="right">
            <span class="chkInput"><img src="../../images/1px.gif" border="0" width="16" height="16" title="" alt="" /></span>
          </td>
          <td width="2%">
            <input id="id_rb0_1" type="radio" class="css_rba" name="na_obj0" />
          </td>
          <td width="93%">
            <div style="padding:3px"><label for="id_rb0_1">the new Iraqi National Assembly.</label></div>
          </td>
        </tr>
        <tr>
          <td width="5%" align="right">
            <span class="chkInput"><img src="../../images/grnArrow.gif" border="0" width="16" height="16" title="Correct Answer" alt="Correct Answer" /></span>
          </td>
          <td width="2%">
            <input id="id_rb0_2" type="radio" class="css_rba" name="na_obj0" />
          </td>
          <td width="93%">
            <div style="padding:3px"><label for="id_rb0_2">the drafting committee of the permanent Iraqi constitution.</label></div>
          </td>
        </tr>

      </table>
      <br />




                    </div></td>
                </tr>
                <tr>
                  <td width="100%" align="center">
                    <img id="id_compAns" src="../../images/btnCompare.gif" onclick="compareAnswer()" title="Compare Answer(s)" alt="Compare Answer(s)" width="84" height="20" 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%" title="" alt="" /></td>
          <td width="10" class="topFaded" height="24"><img src="../../images/nf20.gif" width="10" height="100%" title="" 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" title="" alt="" /></td>
          <td width="7" height="100%"><img src="../../images/nf14.gif" width="7" height="24" title="" 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" title="" alt="" /></td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf24.gif" width="10" height="9" title="" 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" title="" alt="" /></td>
                      <td width="16" height="7" class="topFaded"><img src="../../images/nf17top.gif" width="16" height="7" title="" alt="" /></td>
                      <td width="100%" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="100%" height="7" title="" alt="" /></td>
                      <td width="14" height="7" class="topFaded"><img src="../../images/nf18top.gif" width="14" height="7" title="" alt="" /></td>
                      <td width="15" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="15" height="7" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29"><img src="../../images/nf16bot.gif" width="100%" height="29" title="" alt="" /></td>
                      <td width="16" height="29"><img src="../../images/nf17bot.gif" width="16" height="29" title="" 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;" title="Copyright DLIFLC - 2011" alt="Copyright DLIFLC - 2011" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3"><img src="../../images/nf30.gif" width="100%" height="5" title="" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29"><img src="../../images/nf18bot.gif" width="14" height="29" title="" alt="" /></td>
                      <td width="15" height="29"><img src="../../images/nf16bot.gif" width="15" height="29" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf25.gif" width="10" height="9" title="" alt="" /></td>
                <td width="7" height="9"><img src="../../images/nf19.gif" width="7" height="9" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" ><img src="../../images/nf26.gif" width="7" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf27.gif" width="10" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf28.gif" width="10" height="27" title="" alt="" /></td>
                <td width="7"  height="27"><img src="../../images/nf29.gif" width="7" height="27" title="" 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" title="close" 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 instructions in English." alt="Click to see instructions in English." class="inst_on">
      <div dir="rtl" style="font-size:110%; font-weight:bold;padding:5px">استمع إلى التقرير الإخباري ثم أجب عن الأسئلة في الخطوتين الأولى والثانية.</div>
  </div>
  <div id= "id_XL_inst0" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." class="inst_off">
      <div dir="ltr" style="">Listen to the first part of the news report, and then answer the questions in Step 1 and Step 2.</div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1) Read the multiple choice question(s).<br />3) click the "Play" button on the audio player to listen to the broadcast (use the audio player controls to pause, play, or loop the audio clip). You may listen as many times as you like.<br />4)Select the best answer from the choices provided.<br />5) Continue until you have answered all the questions.<br />6) Click the "Compare Answer" button. Depending on your results, you may want to try a slower version in Activity 2. Otherwise, go to Activity 3 to work on the details.
  </div>
</div>

</div>



<div id="id_answer" style="display:none">
<P>George Bush valued the efforts of Talabani that were aimed at letting the Arab Sunna participate in the drafting committee for a permanent Iraqi constitution. </P>
<P>This is stated in the following sentence: </P>
<P dir=rtl align=right><STRONG>أشاد الرئيس بوش بشجاعة ودور الرئيس الطالباني في الحكومة العراقية</STRONG> <FONT color=#0000ff><STRONG>مثمّـناً جهوده الرامية إلى إشراك العرب السُـنّـة في لجنة صياغة الدستور الدائم في العراق .</STRONG></FONT><STRONG><FONT dir=ltr color=#0000ff>  </FONT></STRONG></P>
<P dir=ltr align=left><FONT color=#000000>Notice that</FONT><FONT color=#0000ff><STRONG> مُثـَمِناً&nbsp; </STRONG><FONT color=#000000>(valued) ends with <STRONG>تنوين </STRONG>, and it is pronounced as</FONT><STRONG> مُثـَمِ<FONT color=#ff0000>نـَن</FONT></STRONG></FONT>.</P>
<P dir=ltr align=left> </P>

</div>

<div id="id_ansStep1" style="display:none">
<P>You might have encountered some difficulties in understanding some verbs and phrases that are mentioned, such as the following: </P>
<P>
<TABLE style="BORDER-COLLAPSE: collapse" border=1 borderColor=#111111 cellPadding=3 width="100%" autocol="1">
<TBODY>
<TR>
<TD width="50%">to conduct</TD>
<TD width="50%">
<P dir=rtl align=right><STRONG> أجرى</STRONG> </P></TD></TR>
<TR>
<TD>to praise</TD>
<TD>
<P dir=rtl align=right><STRONG> أشاد</STRONG></P></TD></TR>
<TR>
<TD>to value</TD>
<TD>
<P dir=rtl align=right><STRONG> ثمّــن</STRONG> </P></TD></TR>
<TR>
<TD>efforts aimed at</TD>
<TD>
<P dir=rtl align=right><STRONG> جهود</STRONG> <STRONG>رامية</STRONG> </P></TD></TR>
<TR>
<TD>forming of</TD>
<TD>
<P dir=rtl align=right><STRONG> سنّ</STRONG> </P></TD></TR>
<TR>
<TD>constructive efforts</TD>
<TD>
<P dir=rtl align=right><STRONG> جهود حثيثة</STRONG> </P></TD></TR></TBODY></TABLE></P>&nbsp;

</div>

</body>
</html>