<!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   : #A7B0B8;
  color              : #594844;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #E7EFEA;
  }
.css_act, .css_WordBox2
  {
  background-color   : #C5CBC8;
  color              : #594844;
  }
.css_inst
  {
  background-color   : #E6ECF3;
  }
.drk_box
  {
  background-color   : #616B66;
  color              : #EFEFEF;
  }
.txt_bg2
  {
  background-color   : #fefefe;
  }
.top
  {
  background-color   : #5581BD;
  }
.topFaded
  {
  background-color   : #ACC0D8;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #ACC0D8;
  }
.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;
  }


/*-------------------------------------------------------------------------*/
#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=' + encodeURIComponent(FN) + '&autoStart=true' : 'videoTest.swf?theFile=' + encodeURIComponent(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

function popup_class()
  {
  var _this     = this
  var imageDir  = window.DSW ? 'S_image/' : '../../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)
    {
    var wr = ''
    function ws()
      {
      for (var i=0, n=arguments.length; i<n; i++)
        wr += arguments[i]
      }
    function wl()
      {
      ws.apply(this, arguments)
      ws(String.fromCharCode(13, 10))
      }
    if (!xid('id_popup_wrapper'))
      {
      var e = document.createElement('div')
      e.id = 'id_popup_wrapper'
      e.innerHTML = '<span style="display:none">&nbsp;<\/span>'
      document.body.appendChild(e)
      }
    var e = document.createElement('div')
    e.id = the_id


    ws('<div class="css_d-h_div" style="padding: 2px; text-indent: 3px; font: 90% Arial; color: white; background-color: #a6a6a6; cursor: move; width: auto; overflow : hidden;">')
    ws('<span></span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 2px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" \/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" \/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" \/>')
    ws('<\/div><\/div>')
    ws('<div class="css_d-content_div" style="background-color: #F9F8F0; padding: 4px; text-indent: 0px; font: 90% Arial; overflow: auto;"><\/div>')
    if(af)
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"></div>')
    ws('<div id="stat" class="css_d-status_div" style="border-top: solid gray 1px; background-color: #F8F8F8; height: 13px;"><div class="css_d-resizer" style="float: right; width : 13px; height: 13px; cursor: nw-resize; font-size: 0; background: transparent url(', imageDir, 'resize.gif) top right no-repeat;"><\/div>')
    wl('<\/div>')
    e.innerHTML = wr
    xid('id_popup_wrapper').appendChild(e)
    this.z = this.z ? this.z++ : 100
    var t = xid(the_id)
    t.style.cssText = 'position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; visibility: hidden; background-color: white;'
    var d = t.getElementsByTagName('div')
    for (var i=0; i<d.length; i++)
      if (/css_d-/.test(d[i].className))
        t[d[i].className.replace(/css_d-/, '')] = d[i]
    t.style.zIndex = this.z
    t.h_div._parent = t
    t.controls._parent = t
    t.resizer._parent = t
    t.onopen = function()
      {
      return true
      }
    t.onclose = function()
      {
      return true
      }
    t.onmousedown = function()
      {
      _this.z++
      this.style.zIndex = _this.z
      }
    t.minimize = function()                                          // the whole minimization business // MG
      {
      var divs = []
      for(var ii=0; ii<this.childNodes.length; ii++)
        {
        if(this.childNodes[ii].nodeType == 1)
          divs.push(ii)
        }
      for(var kk=0, ll=divs.length; kk<ll; kk++)                     // the battle to keep the invisible status bars as they are // MG
        {
        if( (this.childNodes[kk].nodeName == 'DIV')&&(this.childNodes[kk].style.display == "block") )
          this.childNodes[kk].style.display = "none"
        else if( ( t.resizable != false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          this.childNodes[kk].style.display = "block"
        else if( ( t.resizable == false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          {
          if(kk < ll-1)
            this.childNodes[kk].style.display = "block"
          }
        }
      }
    t.lock = function( L )                                           // to lock the window so it can't be dragged //MG
      {
      var yn = L.src.indexOf('unlocked') > -1 ? L.src.replace(/un(locked)(.*)(\.gif)$/,"$1$2$3") : L.src.replace(/(locked)(.*)(\.gif)$/,"un$1$2$3")
      L.src = yn
      if( yn.indexOf('unlocked') == -1 )
        this.h_div.onmousedown = function()
          {
          return true
          }
      else
        this.h_div.onmousedown = t.resizer.onmousedown
      }
    t.printout = function()
      {
      var wp = print_manager.getPrintWindow()
      var txt = this.getElementsByTagName("DIV")[2].innerHTML        //alternatively, we could name the DIV but I was lazy // MG
      wp.xid('id_out').innerHTML = txt
      wp.focus()                                                     // if not given focus, it'll print the top win // MG
      wp.print()
      }
    t.h_div.onmousedown = t.resizer.onmousedown = function(e)
      {
      dragging = true
      var d = _this
      var t = this._parent
      t.style.filter = 'alpha(opacity=50)'
      t.style.opacity = 0.5
      d.etarget = this
      var e = window.event || e
      d.initmousex = e.clientX
      d.initmousey = e.clientY
      d.initx = IntI(t.offsetLeft)
      d.inity = IntI(t.offsetTop)
      d.width = IntI(t.offsetWidth)
      d.contentheight = IntI(t.content_div.offsetHeight)
      document.onmousemove = function(e)
        {
        var d = _this
        var etarget = d.etarget
        var e = window.event || e
        d.d_x = e.clientX-d.initmousex
        d.d_y = e.clientY-d.initmousey
        if ( (etarget.className=='css_d-h_div') && dragging )
          d.move(etarget._parent)
        else if (etarget.className=='css_d-resizer')
          d.resize(etarget._parent, e)
        return false
        }
      document.onmouseup = function ceeze()        // named the function to call it from elsewhere //MG
        {
        dragging = false                           // added a variable to make DIVs draggable or docked //MG
        _this.etarget = null
        document.onmousemove = document.onmouseup = null
        document.onmouseover = document.onmouseout = null
        t.style.filter = 'alpha(opacity=100)'
        t.style.opacity = 1.0
        }
      t.onmouseout = function()                    // This entire function to
        {                                          // drop the window if the mouse exits the DIV and is about to mouseout the window
        var e = window.event || e                  //
        if( e.clientX < 40 || e.clientY < 20 )     // when approaching left & top egdes of the window
          ceeze()                                  // do the same as mouseup
        }                                          //
      return false                                 //
      }                                            //   MG & BL
    t.controls.onclick = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close/i.test(sourceobj.getAttribute('title')))
        d.close(this._parent)
      else if (/Minim/i.test(sourceobj.getAttribute('title')))
        this._parent.minimize()
      else if (/Lock/i.test(sourceobj.getAttribute('title')))
        this._parent.lock( sourceobj )
      else if (/Printer/i.test(sourceobj.getAttribute('title')))
        this._parent.printout()
      return false
      }
    t.controls.onmouseover = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/(\.gif)/,"_on$1")
      return false
      }
    t.controls.onmouseout = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/_on(\.gif)/,"$1")
      return false
      }
    t.moveTo = function(x, y)
      {
      _this.moveTo(this, x, y)
      }
    t.show = function()
      {
      _this.show(this)
      }
    t.hide = function()
      {
      _this.close(this)
      }
    t.setHTML = function(HTML)
      {
      _this.setHTML(this, HTML)
      }
    t.setSize = function(w, h)
      {
      _this.setSize(this, w, h)
      }
    t.setResize = function(b)
      {
      _this.setResize(this, b)
      }
    t.setTitle = function(t, RTL)
      {
      _this.setTitle(this, t, RTL)
      }
    tjx.push(t)
    return t
    }
  this.move = function(t)
    {
    t.style.left = px(Math.max(10, this.d_x+this.initx))
    t.style.top  = px(Math.max(10, this.d_y+this.inity))
    }
  this.open = function(S)
    {
    var t = this.init(theID, S.aud)
    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)       //revised 10/19/2007 : added 'B' 
  {
  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
  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_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w1 )
    {
    while (w1.firstChild)
      w1.removeChild(w1.firstChild)
    pop_manager.close(w1)
    }
  var af = (audio != undefined) ? true : false
  w1 = pop_manager.open({x: 120, y: 240, width: 500, height: 280, aud: af})
  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

// ------------------------------- Window and Dialog Box Utilities - end ----------------------------------

var gv_max = gv_pg = 0

function getProgressBar()
  {
  if( xid("id_progressBar") )
    {
    var myPage = gv_pg + 1
    var myProgInt = xid("id_progressBar")
    var myProgBtm = xid("id_progressBtm")
    gv_max = gv_max > 1 ? gv_max : 1
    if (window.DSW)
      if (gv_max > 1)
        {
        var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
        myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
        myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
        myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
        }
      else
        var myCnt = ''
    else
      {
      var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
      myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
      myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
      myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
      }
    myProgInt.innerHTML = myCnt
    }
  }

function initPg()
  {
  if( xid("id_progressBar") )
    {
    x = xid('id_bck')
    y = xid('id_next')
    z = xid('id_Q0')
    if (z)
      z.style.display = 'inline'
    }
  }

function countQ()
  {
  var x = 0
  var iBnk = xid('id_itemBnk')
  if(iBnk)
    {
    var t = iBnk.getElementsByTagName('table')
    for (var i=0; i<t.length; i++)
      if(t[i].className == 'cls_Q')
        x++
    gv_max = x
    }
  getProgressBar()
  initPg()
  }

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="ad_ecn203_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_ecn203_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()
  }

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()
  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()
  {
  }

function initActy()
  {
  window.pre_response = null
  window.pre_ans = ''
  set_global_var( 'gv_q',    0  )
  with (new foundation_gif_btn_class('id_info') )
    do_click = function()
      {
      window.open('ad_ecn203_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_ecn203_source.html', 'source', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=522')
      }

  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('ad_ecn203_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_resources') )
    do_click = function()
      {
      window.open('ad_ecn203_resources.html', 'resources', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_tutorial') )
    do_click = function()
      {
      
      }

  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_ecn203')
      }

  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_ecn203_act3_seg4.mp3"]))
  with (new foundation_gif_btn_class('id_altAud') )
    do_click = new Function(spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )",["ad_ecn203_act3_seg4_Slow.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.title)
      with (new foundation_gif_btn_class('id_smAud_' + i) )
        do_click = new Function(spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )",[smAudBtn.title]))
    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_ecn203_act3_seg4.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" alt="" /></td>
                      <td width="450" height="12">
                        <img src="../../images/nf2.gif" width="450" height="12" alt="" /></td>
                      <td rowspan="3" width="21" height="43">
                        <img src="../../images/nf4.gif" width="21" height="43" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="450" height="25">
                        <table width="450"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="75" height="25" class="top">
                              <img id="id_glossary" src="../../images/glossary.gif" alt="Glossary Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_source" src="../../images/source.gif" alt="Original Source Text/Audio" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_info" src="../../images/info.gif" alt="Information Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_resources" src="../../images/resources.gif" alt="Additional Resources Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <a href="../../tutorial.html" title="GLOSS Tutorial" target="_blank">
                                <img id="id_tutorial" src="../../images/tutorial.gif" alt="GLOSS Tutorial" width="75" height="25" border="0" class="btn" /></a></td>
                            <td width="75" height="25" class="top">
                              <a href="../../questionnaire.html?name=ad_ecn203&lang=Arabic" title="GLOSS Questionnaire" target="_blank">
                                <img id="id_feedback" src="../../images/feedback.gif" alt="GLOSS Questionnaire" width="75" height="25" border="0" class="btn" /></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td width="450" height="6">
                        <img src="../../images/nf3.gif" width="450" height="6" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td rowspan="2" align="left">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="43" height="37" align="left">
                        <img src="../../images/arabic2.gif" width="43" height="37" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left">
                        <img src="../../images/arabic1.gif" width="138" height="89" alt="" /></td>
                      <td rowspan="2" width="17" height="52" align="left">
                        <img src="../../images/nf6.gif" width="17" height="89" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="43" height="52" align="left" class="top">
                        <img src="../../images/arabic3.gif" width="43" height="52" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table width="546"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="50" height="46">
                        <img src="../../images/logo.gif" width="50" height="46" alt="" /></td>
                      <td rowspan="3" class="top">
                        <img src="../../images/nf7.gif" width="7" height="46" alt="" /></td>
                      <td width="510" height="18" class="top">
                        <img src="../../images/nf8.gif" width="510" height="18" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" >
<img src="../../images/activities.gif" border="0" width="70" height="20" alt=""/><a href="default.html" title="Lesson Overview"><!--
--><img id="id_overview" src="../../images/button0.gif" alt="Lesson Overview" onmouseover="this.src='../../images/button0_on.gif'" onmouseout="this.src='../../images/button0.gif'" border="0" width="16" height="20" /></a><!--
--><a href="ad_ecn203_act1.html" title="Activity 1"><!--
--><img id="id_act1" src="../../images/button1.gif" 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_ecn203_act2.html" title="Activity 2"><!--
--><img id="id_act2" src="../../images/button2.gif" alt="Activity 2" onmouseover="this.src='../../images/button2_on.gif'" onmouseout="this.src='../../images/button2.gif'" border="0" width="16" height="20" /></a><!--
--><img src="../../images/here3.gif" alt="Activity 3" border="0" width="16" height="20" test="0"><!--
--><a href="ad_ecn203_act4.html" title="Activity 4"><!--
--><img id="id_act4" src="../../images/button4.gif" alt="Activity 4" onmouseover="this.src='../../images/button4_on.gif'" onmouseout="this.src='../../images/button4.gif'" border="0" width="16" height="20" /></a><!--
--></td>
                    </tr>
                    <tr>
                      <td width="510" height="8" class="top">
                        <img src="../../images/nf9.gif" width="510" height="8" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>

          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" >
                  <img src="../../images/nf10.gif" width="7" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" >
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="topFaded" height="30">
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="190">
                        <div id="id_mediaPlayerHolder" style="width:186; height:29;"></div></td>
                      <td width="100%" height="30" class="title" align="center"><div dir="rtl"><font color="#fefefe"><b>الجنيه المصري والدولار</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img id="id_teacherNoteBtn" src="../../images/btnTeacher.gif" alt="Click for Teacher's Note" width="29" height="29" style="cursor:pointer" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" alt="Click for Instructions" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_bookmarkBtn" src="../../images/btnBookmark.gif" alt="Click to Bookmark this Activity" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_refreshBtn" src="../../images/btnRefresh.gif" alt="Reload Page - Clears Activity" width="29" height="29" border="0" class="btn" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table 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">
        <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" alt="Play Primary Audio" width="108" height="20" border="0" class="btn" />
<img src="../../images/1px.gif" alt="" width="5" height="20" border="0" /><img id="id_altAud" src="../../images/btnAudio2.gif" alt="Play Alternate Audio" width="108" height="20" border="0" class="btn" />
</td>
                <td width="34%" align="right">
                  <img id="id_compare" src="../../images/btnViewTranscript.gif" 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" alt="" width="4" height="17" border="0" /> <img id="id_smAud_0" src="../../images/btnAudio.gif" title="ad_ecn203_act3_hint1.mp3" width="17" height="17" alt="Set Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /><img id="id_smHint_0" src="../../images/btnHintSmall.gif" alt="Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> أمام الدولار وذلك <span style="display:none">بسياساتٍ نقديةٍ</span><input type="text" size="30" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /> <img id="id_smAud_1" src="../../images/btnAudio.gif" title="ad_ecn203_act3_hint2.mp3" width="17" height="17" alt="Set Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /><img id="id_smHint_1" src="../../images/btnHintSmall.gif" alt="Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> صارمة أسفرت عن الإعلان عن دمج عدة بنوك بالإضافة إلى رفع سعر الفائدة على الودائع بالجنيه المصري لتصل إلى ثلاثة عشر بالمائة (13%). ومع هبوط الدولار، تظل عقدة المواطنين في مصر قائمة مع الأسعار <span style="display:none">خاصةً </span><input type="text" size="12" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /> <img id="id_smAud_2" src="../../images/btnAudio.gif" title="ad_ecn203_act3_hint3.mp3" width="17" height="17" alt="Set Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /><img id="id_smHint_2" src="../../images/btnHintSmall.gif" alt="Hint" width="17" height="17" style="vertical-align: middle;" class="btn" />أسعار المواد الغذائية مع تأكيدات البعض بأن لا انخفاض للأسعار قبل ثلاثة أشهر<span style="display:none"> نظراً</span><input type="text" size="10" onclick="cleanUpBGColor();this.style.backgroundColor = '#FFFF99'" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /> <img id="id_smAud_3" src="../../images/btnAudio.gif" title="ad_ecn203_act3_hint4.mp3" width="17" height="17" alt="Set Audio" style="vertical-align: middle;" class="css_btn" /><img src="../../images/1px.gif" alt="" width="4" height="17" border="0" /><img id="id_smHint_3" src="../../images/btnHintSmall.gif" alt="Hint" width="17" height="17" style="vertical-align: middle;" class="btn" /> لأن ستين بالمائة (60%) من الغذاء يتم استيراده بالدولار وكان ذلك قد تم بسعره عندما تجاوز الستة جنيهات. </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%" alt="" /></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
          <td height="24" class="topFaded">
            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
              <tr>
                <td width="50%" align="center">
                  <div id="id_progressBar" class="topFaded"></div></td>
              </tr>
            </table></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf21.gif" width="10" height="24" alt="" /></td>
          <td width="7" height="100%">
            <img src="../../images/nf14.gif" width="7" height="24" alt="" /></td>
        </tr>
        <tr>
          <td colspan="5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" height="9">
                  <img src="../../images/nf15.gif" width="7" height="9" alt="" /></td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf24.gif" width="10" height="9" alt="" /></td>
                <td rowspan="2">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="16" height="7" class="topFaded">
                        <img src="../../images/nf17top.gif" width="16" height="7" alt="" /></td>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="14" height="7" class="topFaded">
                        <img src="../../images/nf18top.gif" width="14" height="7" alt="" /></td>
                      <td width="15" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="15" height="7" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29">
                        <img src="../../images/nf16bot.gif" width="100%" height="29" alt="" /></td>
                      <td width="16" height="29">
                        <img src="../../images/nf17bot.gif" width="16" height="29" alt="" /></td>
                      <td width="100%" height="29">
                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td id="id_progressBtm">
                        <img src="../../images/copyright.gif" width="150" height="24" alt="Copyright DLIFLC - 2004" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3">
                              <img src="../../images/nf30.gif" width="100%" height="5" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29">
                        <img src="../../images/nf18bot.gif" width="14" height="29" alt="" /></td>
                      <td width="15" height="29">
                        <img src="../../images/nf16bot.gif" width="15" height="29" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf25.gif" width="10" height="9" alt="" /></td>
                <td width="7" height="9">
                  <img src="../../images/nf19.gif" width="7" height="9" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" >
                  <img src="../../images/nf26.gif" width="7" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf27.gif" width="10" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf28.gif" width="10" height="27" alt="" /></td>
                <td width="7"  height="27">
                  <img src="../../images/nf29.gif" width="7" height="27" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>


<div id="id_instruction" style="display:none;">
<div style="height:95%;padding:5px;" onclick="InSwap( this )">
  <center style="font-size:80%;color:#666666;"><i>(Click text to switch language)</i></center>
  <hr width="75%" size="1" />
  <div id="id_FL_inst0" title="Click to see the English instruction." class="inst_on">
      <div dir="rtl" style="font-size:110%; font-weight:bold;padding:5px"><P><U><IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif">&nbsp;اقرأ ملحوظة المعلم قبل أن تبدأ هذا النشاط!</U> </P>
<P>استمع إلى المقطع التالي واكتب الكلمات المحذوفة منه. </P></div>
  </div>
  <div id= "id_XL_inst0" title="Click to see the target language instruction." class="inst_off">
      <div dir="ltr" style=""><P><IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif">&nbsp;<U>Read the teacher's note before beginning this activity!</U>&nbsp; </P>
<P>Listen to the following segment and transcribe its missing items. </P></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><STRONG><U>Note</U></STRONG></P>
<P>This activity will help you reinforce the nunation rules you have learned in earlier activities. Nunation is an integral feature of Arabic in general and of formal spoken Arabic in particular. Understanding such rules enhances you ability to listen and decode the conveyed message. </P>
<P>You will listen and transcribe the nunated words that occurred in the concluding segment of this newscast. Note that the provided audio hints&nbsp;include words that precede and follow a&nbsp;deleted item. You may also choose to listen to the entire segment if it better helps you distinguish between the beginning and end of a&nbsp;deleted item.&nbsp;You may also&nbsp;review the following teacher’s note about nunation&nbsp;before beginning this activity.&nbsp;</P>
<DIV dir=ltr align=left><STRONG><U>Nunation</U></STRONG>&nbsp;<U>(<FONT color=#0000ff>التنوين</FONT>)</U></DIV>
<DIV dir=ltr align=left><U></U>&nbsp;</DIV>
<DIV dir=ltr align=left>As indicated previously, nunation is an integral feature of formal spoken Arabic.&nbsp;Nunation (<FONT color=#0000ff>التنوين</FONT>) is used in pronouncing several words (primarily nouns and adjectives) that are included in this broadcast. Generally, in formal spoken Arabic, nunation is part of the pronunciation of indefinite nouns that are not the first term of an <FONT color=#0000ff><EM>Idafa</EM> </FONT>(noun in construct) construction, nor a "diptote" (<FONT color=#0000ff>ممنوع من الصرف</FONT>). Nunation is the sound of letter <FONT color=#0000ff><EM>Nun</EM></FONT> (<FONT color=#0000ff>ن</FONT>) that is heard, but not written at the end of a word. It is usually marked with a double <EM><FONT color=#0000ff>Fatha</FONT></EM> <FONT size=4>(<FONT color=#0000ff>ً</FONT> ),</FONT> double<FONT color=#0000ff><EM> Kasra</EM></FONT><FONT size=4> (ٍ<FONT color=#0000ff> </FONT>),</FONT> or double <EM><FONT color=#0000ff>Dhamma</FONT></EM> <FONT size=4>(<FONT color=#0000ff>ٌ</FONT> ) </FONT>in written code. For example, in this listening segment, you hear the following:<BR><BR>
<DIV dir=rtl align=right><FONT color=#0000ff>أثار التحسن الذي طرأ على وضع العملة المصرية <EM><U>تفاوتاً</U></EM> في وجهات النظر بشأن&nbsp;استمرار يته. <BR><BR></FONT></DIV>The nunated word here is (<FONT color=#0000ff><EM>تفاوت</EM></FONT>), and since it is in the accusative case (an object), the nunation is marked on an <EM><FONT color=#0000ff>Alif </FONT></EM>with two&nbsp;<EM><FONT color=#0000ff>Fathas</FONT></EM> at the end of the word. The word is pronounced as <FONT color=#0000ff><EM>Tafawoutan (تفاوتاً)</EM></FONT>. Note that the<EM><FONT color=#0000ff> Alif</FONT></EM> is used mostly when the word is in the accusative case. Otherwise, the nunation is marked with two <EM><FONT color=#0000ff>Kasras</FONT></EM> or two <FONT color=#0000ff><EM>Dhammas </EM><FONT color=#000000>on</FONT> </FONT><FONT color=#000000>the final letter of a word</FONT>, depending on the case of the word (noun or adjective). </DIV>

</div>


<div id="id_hints" style="display:none">
<div id="id_hint_0">The missing item is an adverbial word&nbsp;that means <EM>"for a long time."</EM>
</div>

<div id="id_hint_1">The missing phrase is a noun and an adjective in the genitive case, preceded by the preposition (<FONT color=#0000ff>ب</FONT>). This phrase is&nbsp;equivalent to <EM>"monetary policy"</EM> in English. 
<P></P>
</div>

<div id="id_hint_2">The missing item is a word that means <EM>"especially"</EM> in this context.
</div>

<div id="id_hint_3">The missing item is a word that is equivalent to <EM>"due (to)"</EM>&nbsp;in English.
</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> صارمة أسفرت عن الإعلان عن دمج عدة بنوك بالإضافة إلى رفع سعر الفائدة على الودائع بالجنيه المصري لتصل إلى ثلاثة عشر بالمائة (13%). ومع هبوط الدولار، تظل عقدة المواطنين في مصر قائمة مع الأسعار <span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb2').innerHTML)">خاصةً </span>أسعار المواد الغذائية مع تأكيدات البعض بأن لا انخفاض للأسعار قبل ثلاثة أشهر<span class="cls_fbk" style="cursor:pointer;text-decoration:underline;" onclick="PopUp2(xid('id_fb3').innerHTML)"> نظراً</span> لأن ستين بالمائة (60%) من الغذاء يتم استيراده بالدولار وكان ذلك قد تم بسعره عندما تجاوز الستة جنيهات. </P></div>
<div id="id_finalFBs" style="display:none"><div id="id_fb0">Although this&nbsp;word is&nbsp;pronounced with a <EM>Nun</EM><STRONG>&nbsp;</STRONG>(<FONT color=#0000ff>ن</FONT>), the nunation is triggered&nbsp;with an <EM>Alif</EM><STRONG> </STRONG>that is added to the original word (<FONT color=#0000ff>طويل</FONT>) with two <EM>Fathas</EM>&nbsp;<FONT size=4>(<FONT color=#0000ff>ً </FONT>)</FONT> since the word&nbsp;is in the accusative case.
</div><div id="id_fb1">The noun-adjective phrase (<FONT color=#0000ff>سياساتٍ نقديةٍ</FONT>) is in the genitive case since they are preceded by the preposition (<FONT color=#0000ff>ب</FONT>). In this case, however, the nunation is triggered by two <EM>Kasras</EM> (ٍ<FONT color=#0000ff> </FONT>) placed&nbsp;on the&nbsp;final letter of each word.&nbsp;
</div><div id="id_fb2">Although this word is in the accustive case, the nunation is triggered by only adding&nbsp;two<EM> Fathas </EM><FONT size=4>(ً&nbsp;<FONT color=#0000ff> </FONT>)</FONT>&nbsp;to the final letter, that is (<FONT color=#0000ff>ة</FONT>). In this particular case, no<EM><STRONG> </STRONG>Alif</EM> (<FONT color=#0000ff>ا</FONT>) is needed.
</div><div id="id_fb3">Since this word (<FONT color=#0000ff>نظر)</FONT> is in the accusative case and does not end with (<FONT color=#0000ff>ة</FONT>), the nunation is triggered by adding an <EM>Alif </EM>(<FONT color=#0000ff>ا</FONT>) with two <EM>Fathas</EM> to become (<FONT color=#0000ff>نظراً</FONT>).
</div></div>

  </div>
</div>


</body>
</html>