<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2006
-->

<title>Overview Page</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_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;
  }


.myScorm
 {
 background-color      :#000000;
 }
</style>




<script language="JavaScript" type="text/javascript">
//=========================================================================
function initActy()
  {
  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_start') )
    do_click = function()
      {
      window.location='ad_ecn203_act1.html'
      }


  if (window.DSW)
    DSW.pg_load()
  }

function set_global_var( name, val )
  {
  eval( 'window[name] = val' )
  }

// --------------------------------- 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


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()
      {
      }
    }  
  }


var agt= navigator.userAgent.toLowerCase()
var ie = (agt.indexOf("msie") != -1)
var ns = (navigator.appName.indexOf("Netscape") != -1)
var status = true

function balloonHideShow()
  {
  var mx = ns ? 200 : event.clientX + document.body.scrollLeft - 200
  var my = ns ?  60 : event.clientY + document.body.scrollTop - 300
  var pop = xid('id_popup')

  if( status )
    with ( pop )
      {
      style.display = 'block';
      style.left = mx
      style.top = my
      focus()
      }
  else
    with ( pop )
      {
      style.display = 'none';
      }
  status = !status
  }



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--//
  if (window.DSW)
    DSW.pg_load( gv_max )
  initActy()
  //PopUp( xid('id_instruction').innerHTML,'Instructions' )
  }

//=========================================================================
</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=""/><img src="../../images/here0.gif" alt="Lesson Overview" border="0" width="16" height="20" /><!--
--><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><!--
--><a href="ad_ecn203_act3.html" title="Activity 3"><!--
--><img id="id_act3" src="../../images/button3.gif" alt="Activity 3" onmouseover="this.src='../../images/button3_on.gif'" onmouseout="this.src='../../images/button3.gif'" border="0" width="16" height="20" /></a><!--
--><a href="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 src="../../images/1px.gif" alt="" width="29" height="29" border="0" /></td>
                      <td width="30" height="30" align="center">
                        <img src="../../images/1px.gif" alt="" width="29" height="29" border="0" /></td>
                      <td width="30" height="30" align="center">
                        <img src="../../images/1px.gif" alt="" width="29" height="29" border="0" /></td>
                      <td width="30" height="30" align="center">
                        <img src="../../images/1px.gif" alt="" width="29" height="29" border="0" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table border="0" cellspacing="0" cellpadding="0" width="700">
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" width="24" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="1" height="24"><img src="../../images/1px.gif" width="1" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="132" height="24"><img src="../../images/1px.gif" width="132" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="543" height="24"><img src="../../images/1px.gif" width="543" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
  </tr>
  <tr>
    <td width="157" height="24" colspan="3" class="top"><img src="../../images/startLessonOverview.gif" alt="lesson overview label" width="157" height="24" border="0" hspace="0" vspace="0" /></td>
    <td width="543" height="24"><img src="../../images/1px.gif" width="543" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
  </tr>
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" width="24" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="1" height="24" bgcolor="#000000"><img src="../../images/1px.gif" width="1" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="132" height="24"><img src="../../images/1px.gif" width="132" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
    <td width="543" height="24"><img src="../../images/1px.gif" width="543" height="24" border="0" alt="" hspace="0" vspace="0" /></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="700">
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24" bgcolor="#000000"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/startVerticalEndTop.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="128" colspan="2" height="24" class="topFaded"><img src="../../images/startLessonObjective.gif" alt="lesson objective label" width="128" height="24" border="0" /></td>
    <td width="521" height="24" class="css_inst"><img src="../../images/startHorizontalLine.gif" alt="" width="521" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/startVerticalEndTop.gif" alt="" width="1" height="24" border="0" /></td>
  </tr>
  <tr>
    <td width="24"><img src="../../images/1px.gif" alt="" width="24" height="100%" border="0" /></td>
    <td width="1" bgcolor="#000000"><img src="../../images/1px.gif" alt="" width="1" height="100%" border="0" /></td>
    <td width="24"><img src="../../images/1px.gif" alt="" width="24" height="100%" border="0" /></td>
    <td width="1" bgcolor="#000000"><img src="../../images/1px.gif" alt="" width="1" height="100%" border="0" /></td>
    <td width="64"><img src="../../images/1px.gif" alt="" width="64" height="100%" border="0" /></td>
    <td width="586" colspan="3" vAlign="top" style="padding-left:11px; padding-right:11px; padding-bottom:11px; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;width:640px;font-size:90%;" 
      class="css_inst">Understand the gist and details of a technical newscast including “nunated” words and phrases.</td>
  </tr>
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/startVerticalEndBottom.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="24" height="24"><img src="../../images/startHorizontalLine.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24" bgcolor="#000000"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="650" colspan="4" height="24"><img src="../../images/1px.gif" alt="" width="650" height="24" border="0" /></td>
  </tr>
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24" class="myScorm"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="128" colspan="2" height="24" class="topFaded" valign="top"><img src="../../images/startLessonDescription.gif" alt="lesson description label" width="128" height="24" border="0" /></td>
    <td width="521" height="24" class="css_inst"><img src="../../images/startHorizontalLine.gif" alt="" width="521" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/startVerticalEndTop.gif" alt="" width="1" height="24" border="0" /></td>
  </tr>
  <tr>
    <td width="24"><img src="../../images/1px.gif" alt="" width="24" height="100%" border="0" /></td>
    <td width="1"><img src="../../images/1px.gif" alt="" width="1" height="100%" border="0" /></td>
    <td width="24"><img src="../../images/1px.gif" alt="" width="24" height="100%" border="0" /></td>
    <td width="1" class="myScorm"><img src="../../images/1px.gif" alt="" width="1" height="100%" border="0" /></td>
    <td width="64"><img src="../../images/1px.gif" alt="" width="64" height="100%" border="0" /></td>
    <td width="586" colspan="3" vAlign="top" style="padding-left:11px; padding-right:11px; padding-bottom:11px; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000;width:640px;font-size:90%;"
      class="css_inst">1.&nbsp;&nbsp;Identify the main theme of the broadcast.<br />
2.&nbsp;&nbsp;Grasp the details of the newscast.<br />
3.&nbsp;&nbsp;Transcribe "nunated" words and phrases.<br />
4.&nbsp;&nbsp;Compare the main newscast to a related report.<br />
</td>
  </tr>
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24" class="myScorm"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="650" colspan="4" height="24"><img src="../../images/1px.gif" alt="" width="650" height="24" border="0" /></td>
  </tr>
  <tr>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24"><img src="../../images/1px.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="24" height="24"><img src="../../images/1px.gif" alt="" width="24" height="24" border="0" /></td>
    <td width="1" height="24" vAlign="top"><img src="../../images/startVerticalEndBottom.gif" alt="" width="1" height="24" border="0" /></td>
    <td width="650" colspan="4" height="24"><img src="../../images/startHorizontalLine.gif" alt="" width="275" height="24" border="0" />
<img src="../../images/startArrow.gif" alt=""  width="5" height="24" border="0" />
<img id="id_start" src="../../images/btnStart.gif" alt="Start Lesson" class="btn" width="84" height="20" border="0" />
</td>
  </tr>
  <tr>
    <td width="24" height="1"><img src="../../images/1px.gif" alt="" width="24" height="1" border="0" /></td>
    <td width="1" height="1"><img src="../../images/1px.gif" alt="" width="1" height="1" border="0" /></td>
    <td width="24" height="1"><img src="../../images/1px.gif" alt="" width="24" height="1" border="0" /></td>
    <td width="1" height="1"><img src="../../images/1px.gif" alt="" width="1" height="1" border="0" /></td>
    <td width="64" height="1"><img src="../../images/1px.gif" alt="" width="64" height="1" border="0" /></td>
    <td width="64" height="1"><img src="../../images/1px.gif" alt="" width="64" height="1" border="0" /></td>
    <td width="521" height="1"><img src="../../images/1px.gif" alt="" width="521" height="1" border="0" /></td>
    <td width="1" height="1"><img src="../../images/1px.gif" alt="" width="1" height="1" border="0" /></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>

</body>
</html>