<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2004
-->

<title>Activity # 3 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;
  }


/*-------------------------------------------------------------------------*/
#id_menu_box
  {
  font-size        : 80%;
  text-align       : center;
  top              : -100px;
  left             : 0px;
  width            : 150px;
  border           : 1px solid #666666;
  position         : absolute;
  background-color : #FFFFEE;
  margin           : 0px;
  padding          : 2px;
  visibility       : hidden;
  }

/*-------------------------------------------------------------------------*/
</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_act4.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 ="ad_pol403_act2.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 ---------------------------------------------


set_global_var( 'itemType', 'page' )

function viewTranscript()
  {
  PopUp( xid('id_fbDiv').innerHTML, 'Complete text' )
  }

function cleanUpBGColor()
  {
  var inB = xid( 'id_input').getElementsByTagName ( 'input' )
  var inBTxt = []
  for( var i=0; i<inB.length; i++ )
    if( inB[i].type == 'text' )
      inBTxt[inBTxt.length] = inB[i]
  for( var i=0; i<inBTxt.length; i++ )
    inBTxt[i].style.backgroundColor = "#FFFFFF"
  }
function PopUpHT(n)
  {
  cleanUpBGColor()
  var inB = xid( 'id_input').getElementsByTagName ( 'input' )
  gv_q = inB.length
  var inBTxt = []
  for( var i=0; i<inB.length; i++ )
    if( inB[i].type == 'text' )
      inBTxt[inBTxt.length] = inB[i]
  var theHint = xid( 'id_hint_' + n ).innerHTML
  var m = n+1
  PopUp( theHint, 'Hint for Item ' + m )
  inBTxt[n].style.backgroundColor = "#FFFF99"
  if (window.DSW)
    {
    DSW.interaction( 'Partial_Transcription', 6, 4, n + '. ' + inBTxt[n].value )
    DSW.objective( n, 'LPT_Partial_Transcription', 3, null )
    pre_response = true
    pre_ans += n + '. ' + inBTxt[n].value + ' /  '
    }
  }

//===============================================

var playerStatus = false

function checkPlayer()
  {
  var playerLoaded = window.document.id_audioPlayer.PercentLoaded()
  if(playerLoaded == 100)
    {
    playerStatus = true
    }
  }

function nextAddOn()
  {
  }

function backAddOn()
  {
  }


var swap
function onPrepHint()
  {
    if (xid('id_prepHint'))
      {
      xid('id_prepHint').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid ('id_showToggole').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()
  {
  window.pre_response = null
  window.pre_ans = ''
  set_global_var( 'gv_q',    0  )
  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( 'LPT' )
      }

  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 - 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()
      {
      viewTranscript()
      }


  with (new foundation_gif_btn_class('id_primAud') )
    do_click = new Function(spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )",["ad_pol403_source.mp3"]))
  var inB = xid( 'id_input').getElementsByTagName ( 'input' )
  for (var i=0, bLen=inB.length; i<bLen; i++)
    {
    var smAudBtn = xid( 'id_smAud_' + i )
    if (smAudBtn && smAudBtn.name)
      with (new foundation_gif_btn_class('id_smAud_' + i) )
        do_click = new Function(spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )",[smAudBtn.name]))
    var smHntBtn = xid( 'id_smHint_' + i )
    if (smHntBtn)
      with (new foundation_gif_btn_class('id_smHint_' + i) )
        do_click = new Function( spf("PopUpHT(~)", [i]) )
    }

IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/ad_pol403_source.mp3' ) )
  }
//=========================================================================
</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><a href="ad_pol403_act1.html" title="Activity 1" title="Activity 1"><img id="id_act1" src="../../images/button1.gif" title="Activity 1" alt="Activity 1" onmouseover="this.src='../../images/button1_on.gif'" onmouseout="this.src='../../images/button1.gif'" border="0" width="16" height="20" /></a><a href="ad_pol403_act2.html" title="Activity 2" title="Activity 2"><img id="id_act2" src="../../images/button2.gif" title="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><img src="../../images/here3.gif" title="Activity 3" alt="Activity 3" border="0" width="16" height="20" test="0"><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 id="id_teacherNoteBtn" src="../../images/btnTeacher.gif" title="Click for Teacher's Note" 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" 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 cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left">
      
            </td>
  </tr>
  <tr>
    <td>
      <table cellspacing="0" cellpadding="3" width="95%" border="0" id="id_showToggole">
        <tr>
          <td width="100%">
            <table cellspacing="0" cellpadding="0" width="100%" border="0">
              <tr>
                <td width="66%" align="left">
                  <img id="id_primAud" src="../../images/btnAudio1.gif" title="Play Primary Audio" alt="Play Primary Audio" width="108" height="20" border="0" class="btn" />

</td>
                <td width="34%" align="right">
                  <img id="id_compare" src="../../images/btnViewTranscript.gif" title="View Transcript" alt="View Transcript" width="108" height="20" class="btn" /></td>
              </tr>
            </table>
          </td>
        <tr>
          <td width="100%">
            <table cellspacing="0" cellpadding="5" width="100%" border="1">
              <tr>
                <td width="100%" class="txt_bg">
                    <div id="id_input" style="width:100%;border:1px inset;font-weight:bold;font-size:110%;padding:7px;" dir="rtl">
<P>في إتصال ٍ هاتفي <span style="display:none">أجراه </span><input type="text" size="12" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /> <img id="id_smAud_0" src="../../images/btnAudio.gif" name="ad_pol403_act3_hint1.mp3" width="17" height="17" title="Play Audio" alt="Play Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /><img id="id_smHint_0" src="../../images/btnHintSmall.gif" title="Show Hint" alt="Show Hint" width="17" height="17" style="vertical-align: middle;" class="btn" />الرئيس الأمريكي جورج بوش مع الرئيس العراقي جلال الطالباني <span style="display:none">أشاد</span><input type="text" size="8" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /> <img id="id_smAud_1" src="../../images/btnAudio.gif" name="ad_pol403_act3_hint2.mp3" width="17" height="17" title="Play Audio" alt="Play Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /><img id="id_smHint_1" src="../../images/btnHintSmall.gif" title="Show Hint" alt="Show Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> الرئيس بوش بشجاعة ودور الرئيس الطالباني في الحكومة العراقية مثمناً جهوده الرامية إلى اشراك العرب السنة في لجنة صياغة الدستور الدائم في العراق . </P>
<P>وحسب مكتب الرئيس العراقي فإن الرئيس بوش <span style="display:none">أكّد</span><input type="text" size="8" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /> <img id="id_smAud_2" src="../../images/btnAudio.gif" name="ad_pol403_act3_hint3.mp3" width="17" height="17" title="Play Audio" alt="Play Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /><img id="id_smHint_2" src="../../images/btnHintSmall.gif" title="Show Hint" alt="Show Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> اِهتمام الشعب الأمريكي بإنجاز سَن الدستور الدائم في موعده. ومن جانبه أكدّ الرئيس الطالباني للرئيس بوش بأن الجهود الحثيثة تـُبذل لإنجاز صياغة الدستور الدائم في موعده المحدد.</P>
<P> و<span style="display:none">طالب</span><input type="text" size="8" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /> <img id="id_smAud_3" src="../../images/btnAudio.gif" name="ad_pol403_act3_hint4.mp3" width="17" height="17" title="Play Audio" alt="Play Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" title="" alt="" width="4" height="17" border="0" /><img id="id_smHint_3" src="../../images/btnHintSmall.gif" title="Show Hint" alt="Show Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> الرئيس الأمريكي من الرئيس العراقي نقل تحياته وتهانيه لمسعود البارزاني بمناسبة اِنتخابه رئيساً لإقليم كردستان، مؤكدا دعمه للشعب الكردي في مسيرته الديمقراطية ضمن العراق الموحد والمستقل. </P>
</div>

                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </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">استمع إلى التقرير الإخباري ثم املأ الفراغات بالأفعال المحذوفة منه. اذهب إلى <STRONG>ملاحظة المدرس</STRONG> <IMG title="" border=0 hspace=0 alt="" align=absMiddle src="Images/teacherBtnSmall.gif" _src="Images/teacherBtnSmall.gif">&nbsp; لمعرفة المزيد عن الأفعال التي تـُسْتخدم كثيراً في الأخبار.</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 news report, and then fill the blanks with the missing verbs that are commonly used in the news. To learn more about the verbs often used in the news, read the <STRONG>Teacher's Note <IMG title="" border=0 hspace=0 alt="" align=absMiddle src="Images/teacherBtnSmall.gif" _src="Images/teacherBtnSmall.gif">.</STRONG></div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1) Read the question/directions, then click the "Play" button on the audio player to listen to the entire primary audio clip (use the audio player controls to pause, play, or loop the audio clip). In the event there is an entire alternate audio clip, there will be an "Alternate Audio" button. Click this button to listen to an alternate audio clip only as necessary.<br />2) Read the entire text identifying the missing sections. Click on the "speaker" icon next to each input box to listen to the section of the audio passage.<br />3) Move the cursor to the input box and click to activate the cursor.<br />4) Fill in the input box to complete the missing section - be as precise as possible. If you need help, click on the "?" icon next to each input box - you will receive additional text information to help you with your transcription.<br />5) Continue in this manner until the entire text is restored.<br />6)  Click the "Compare Script" button to see a complete transcription. The answers appear in bold. You may click on them to receive additional feedback/explanations.
  </div>
</div>

</div>

<div id="id_popup" style="display:none">
<P>There are certain Arabic verbs that are commonly used in the news. Knowing these verbs will help you to improve your comprehension skills. Some of these verbs have prepositions, such as <STRONG>نوّه</STRONG> <STRONG>بـ</STRONG>&nbsp; (to praise or to mention). Here are some other verbs:</P>
<P dir=rtl align=right> <STRONG>أقدم (على)</STRONG> = to undertake </P>
<P dir=rtl align=right><STRONG>أقدمت الولايات المتحدة على إيقاف تمويل الشبكات الإرهابية في العالم.</STRONG></P>
<P dir=rtl align=right> <STRONG>اقترح</STRONG> = to suggest</P>
<P dir=rtl align=right><STRONG> اقترحت الأمم المتحدة معاهدة سلام في إقليم دارفور.</STRONG> </P>
<P dir=rtl align=right><STRONG>ارتكب</STRONG> = to commit</P>
<P dir=rtl align=right> <STRONG>ارتكب الإرهابيون جرائم ضد الإنسانية في العراق.</STRONG> </P>
<P dir=rtl align=right><STRONG>اقتحم</STRONG> = to break into</P>
<P dir=rtl align=right><STRONG> اقتحمت القوات العراقية منازل الإرهابين صباح أمس.</STRONG> </P>

</div>


<div id="id_hints" style="display:none">
<div id="id_hint_0">he made it
</div>

<div id="id_hint_1">to praise
</div>

<div id="id_hint_2">to assure or confirm
</div>

<div id="id_hint_3">to ask or demand
</div>


</div>

 <div id="id_fbDiv" style="display:none;">
  <div style="width:100%;height:150px;overflow:visible;">
      <center style="font-size:80%;color:#999999;"><i>(Click underlined portions of text to view explanations.)</i></center>
      <hr width="75%" size="1" />
    <div dir="rtl"padding:7px;text-align:right;">
<P>في إتصال ٍ هاتفي <span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb0').innerHTML)">أجراه </span>الرئيس الأمريكي جورج بوش مع الرئيس العراقي جلال الطالباني <span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb1').innerHTML)">أشاد</span> الرئيس بوش بشجاعة ودور الرئيس الطالباني في الحكومة العراقية مثمناً جهوده الرامية إلى اشراك العرب السنة في لجنة صياغة الدستور الدائم في العراق . </P>
<P>وحسب مكتب الرئيس العراقي فإن الرئيس بوش <span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb2').innerHTML)">أكّد</span> اِهتمام الشعب الأمريكي بإنجاز سَن الدستور الدائم في موعده. ومن جانبه أكدّ الرئيس الطالباني للرئيس بوش بأن الجهود الحثيثة تـُبذل لإنجاز صياغة الدستور الدائم في موعده المحدد.</P>
<P> و<span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb3').innerHTML)">طالب</span> الرئيس الأمريكي من الرئيس العراقي نقل تحياته وتهانيه لمسعود البارزاني بمناسبة اِنتخابه رئيساً لإقليم كردستان، مؤكدا دعمه للشعب الكردي في مسيرته الديمقراطية ضمن العراق الموحد والمستقل. </P></div>
<div id="id_finalFBs" style="display:none"><div id="id_fb0"><P><STRONG>أجراه</STRONG> (conducted) contains the verb <STRONG>أجرى</STRONG> (to make), which is a common verb found in the news. It is also used in these contexts:</P>
<P dir=rtl align=right> <STRONG>أجرى الرئيس العراقي المحادثات</STRONG> (talks)<STRONG> مع الرئيس الايراني.</STRONG></P>
<P dir=rtl align=right><STRONG> أو</STRONG></P>
<P dir=rtl align=right><STRONG> أجرى الرئيس الفلسطيني المفاوضات</STRONG> (negotiations)<STRONG> مع الجانب الاسرائيلي.</STRONG></P>
</div><div id="id_fb1"><P dir=ltr align=left><STRONG>أشاد</STRONG> (to praise) is a commonly used verb in the news, and it comes with the preposition (<STRONG>بـ</STRONG>). Here is a sentence where it is used:</P>
<P dir=rtl align=right>&nbsp; <FONT dir=rtl color=#0000ff><STRONG>أشاد</STRONG></FONT><STRONG dir=rtl> الرئيس بوش <FONT color=#0000ff>ب</FONT>شجاعة...</STRONG></P>
<P dir=rtl align=right><STRONG></STRONG> </P>
<P dir=ltr align=left><STRONG></STRONG> </P>
<P dir=ltr align=left> </P>
<P dir=ltr align=right> </P>
</div><div id="id_fb2"><STRONG>أكّد</STRONG> (to assure or to confirm) is also a common verb found in the news. Notice that <STRONG>مؤكـَداً</STRONG> is <STRONG>اسم&nbsp; فاعل</STRONG>, which is mentioned in the audio more than once, and it is derived from the verb <STRONG>أكّد</STRONG>.&nbsp; It also ends with <STRONG>تنوين الفتح</STRONG>&nbsp; (you hear<FONT style="BACKGROUND-COLOR: #ffffff" color=#0000ff> <FONT style="BACKGROUND-COLOR: #ffffff" color=#000000>مؤكدَن</FONT></FONT>).
</div><div id="id_fb3"><STRONG>طالَب</STRONG> (to ask or demand) is a common verb found in the news. You may have heard <STRONG>تالَب</STRONG> instead of <STRONG>طالَب</STRONG> .&nbsp;
</div></div>

  </div>
</div>


</body>
</html>