<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002, 2003, 2004, 2005
-->
<title>Activity # 1 of 5 </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   : #BCAFA2;
  color              : #666666;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #EBDEC5;
  }
.css_act, .css_WordBox2
  {
  background-color   : #F9EEDC;
  color              : #000000;
  }
.css_inst
  {
  background-color   : #EFE2CC;
  }
.drk_box
  {
  background-color   : #E2D2AF;
  color              : #EFEFEF;
  }
.txt_bg2
  {
  background-color   : #fefefe;
  }
.top
  {
  background-color   : #806457;
  }
.topFaded
  {
  background-color   : #C4B9A7;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #BCAFA2;
  }
.inst_on
  {
  font-size          : 90%;
  display            : inline;
  cursor             : pointer;
  }
.inst_off
  {
  font-size          : 90%;
  display            : none;
  cursor             : pointer;
  }
.css_note
  {
  margin-top        : 5px;
  padding           : 3px;
  }
.css_catTitle
  {
  color             : #666666;
  font-weight       : bold;
  }
.css_video_div
  {
  position          : absolute;
  z-index           : 1;
  width             : 390px;
  top               : 50px;
  display           : none;
  }
.css_video_table
  {
  border-collapse   : collapse;
  }
.css_video_table .css_tl
  {
  height           : 21px;
  width            : 4px;
  background-image : url(../../images/video_tl.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_tc
  {
  height           : 21px;
  width            : 380px;
  padding:0px;
  margin:0px;	
  background-image : url(../../images/video_bar_gradient.gif);
  background-repeat: repeat-x;
  font-weight      : bold;
  color            : #FFFFFF;
  border-bottom    : 1px solid #bebebe;
  font-size        : 75%;
}
.css_video_table .css_tc .css_title
  {
  padding          : 3px 0px 3px 10px;
  float            : left;

  }
.css_video_table .css_tc .css_close
  {
  float            : right;
  background-image : url(../../images/video_tr.gif);
  background-repeat: repeat-x;
  }
.css_video_table .css_tr
  {
  height           : 20px;
  width            : 5px;
  background-image : url(../../images/video_tr.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_cl
  {
  width            : 4px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-color : #FFFFFF;
  }
.css_video_table .css_cc
  {
  padding          : 5px 10px 5px 10px;
  width            : 375px;
  background-color : #FFFFFF;
  }
.css_video_table .css_cr
  {
  width            : 5px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color : #FFFFFF;
  }
.css_video_table .css_bl
  {
  width            : 4px;
  background-image : url(../../images/video_bl.gif);
  background-repeat: no-repeat;
  }
.css_video_table .css_bc
  {
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color : #FFFFFF;
  }
.css_video_table .css_br
  {
  height           : 5px;
  width            : 5px;
  background-image : url(../../images/video_br.gif);
  background-repeat: no-repeat;
  }
.cdEmpty
  {
  font-size       : 1pt;
  }

</style>



<script language="JavaScript" type="text/JavaScript">



function loadVid_legacy( FN, B)  //added 09/20/2007       filepath, false
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="270"'  )
    ws( ' height="232"'  )
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="transparent"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }

   loadPlayer( B ? 'videoTest.swf?theFile=' + FN + '&autoStart=true' : 'videoTest.swf?theFile=' + FN + '&autoStart=false')

  return wr
  }






     function loadVid(FN, B) {
         var wr = ''
         function ws()
          {
          for (var i=0, L=arguments.length; i<L; i++)
            wr += arguments[i]
          }

         function loadPlayer(A) {
         ws( '<video id="videoTag" controls="controls" style="width:300px; height:168px">  ' )        //// w:386px, h:217px
         ws( '<source src="', A, '" type="video/mp4"> ' )
         ws( '</video> ' )
         }
         
         loadPlayer(FN)
         return wr
      }



DLI_main_init()

function DLI_main_init()
  {
  set_global_var( '$w_lib',     new w_class().get_source() )
  set_global_var( 'gv_ISwap',   true )
  set_global_var( 'gv_pop_win', null )
  }

function set_global_var( name, val )
  {
  eval( 'window[name] = val' )
  }

function IE()
  {
  var a = navigator.userAgent.toLowerCase()
  return a.indexOf("msie") != -1
  }

// --------------------------------- Page Building Utilities Add-in ---------------------------------------
function xid( a )
  {
  return document.getElementById( a )
  }

function spf( s, t )
  {
  var n=0
  function F()
    {
    return t[n++]
    }
  return s.replace(/~/g, F)
  }

function print_class()
  {
  var w = null
  function xid(a)
    {
    return document.getElementById(a)
    }
  this.registerChild = function(the_win)
    {
    w = the_win
    }
  this.init = function()
    {
    var e = document.createElement('div')
    e.innerHTML = '<iframe src="PrShell.htm" style="position: absolute; right: 0px; top: -1000px; margin:0; padding:0; width:100%;"><\/iframe>'
    document.body.appendChild(e)
    }
  this.getPrintWindow = function()
    {
    return w
    }
  }//print_class

var w0
var w1
var w2
var w3

function popup_class()
  {
  var _this     = this
  var imageDir  = '../../images/'
  var theID     = 0
  var ie        = document.all && !window.opera
  var tjx       = []
  var PWX       = {}
  _this.resizable = true

  function xid(a)
    {
    return document.getElementById(a)
    }
  function spf(s, t)
    {
    var n=0
    function F()
      {
      return t[n++]
      }
    return s.replace(/~/g, F)
    }
  function px(A)
    {
    return A + 'px'
    }
  function IntI(a)
    {
    return parseInt(a)||0
    }
  this.registerChild = function(the_id, the_win)
    {
    var t = PWX[the_id]
    t.the_child_window = the_win
    t.onopen()
    return t
    }
  this.init = function(the_id,  af, afALT)      //revised 04/01/09 for popup2 audio play: video click N compare
    {
    var wr = ''
    function ws()
      {
      for (var i=0, n=arguments.length; i<n; i++)
        wr += arguments[i]
      }
    function wl()
      {
      ws.apply(this, arguments)
      ws(String.fromCharCode(13, 10))
      }
    if (!xid('id_popup_wrapper'))
      {
      var e = document.createElement('div')
      e.id = 'id_popup_wrapper'
      e.innerHTML = '<span style="display:none">&nbsp;<\/span>'
      document.body.appendChild(e)
      }
    var e = document.createElement('div')
    e.id = the_id


    ws('<div class="css_d-h_div" style="padding: 2px; text-indent: 3px; font: 90% Arial; color: white; background-color: #a6a6a6; cursor: move; width: auto; overflow : hidden;">')
    ws('<span><\/span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 2px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" alt="Printer"\/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" alt="Minim"\/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" alt="Close"\/>')
    ws('<\/div><\/div>')
    ws('<div class="css_d-content_div" style="background-color: #F9F8F0; padding: 4px; text-indent: 0px; font: 90% Arial; overflow: auto;"><\/div>')
    if(af)
      {
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
      ws('<div id="vir_id_videoPlayerHolder" style="height:232px; width:270px; border-right: solid black 1px; background-color: #F9F8F0; display:none;"><\/div>')
      }
    if(afALT)
      ws('<div id="vir_id_mediaPlayerHolder1" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
    ws('<div id="stat" class="css_d-status_div" style="border-top: solid gray 1px; background-color: #F8F8F8; height: 13px;"><div class="css_d-resizer" style="float: right; width : 13px; height: 13px; cursor: nw-resize; font-size: 0; background: transparent url(', imageDir, 'resize.gif) top right no-repeat;"><\/div>')
    wl('<\/div>')
    e.innerHTML = wr
    xid('id_popup_wrapper').appendChild(e)
    this.z = this.z ? this.z++ : 100
    var t = xid(the_id)
    t.style.cssText = 'position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; visibility: hidden; background-color: white;'
    var d = t.getElementsByTagName('div')
    for (var i=0; i<d.length; i++)
      if (/css_d-/.test(d[i].className))
        t[d[i].className.replace(/css_d-/, '')] = d[i]
    t.style.zIndex = this.z
    t.h_div._parent = t
    t.controls._parent = t
    t.resizer._parent = t
    t.onopen = function()
      {
      return true
      }
    t.onclose = function()
      {
      return true
      }
    t.onmousedown = function()
      {
      _this.z++
      this.style.zIndex = _this.z
      }
    t.minimize = function()                                          // the whole minimization business // MG
      {
      var divs = []
      for(var ii=0; ii<this.childNodes.length; ii++)
        {
        if(this.childNodes[ii].nodeType == 1)
          divs.push(ii)
        }
      for(var kk=0, ll=divs.length; kk<ll; kk++)                     // the battle to keep the invisible status bars as they are // MG
        {
        if( (this.childNodes[kk].nodeName == 'DIV')&&(this.childNodes[kk].style.display == "block") )
          this.childNodes[kk].style.display = "none"
        else if( ( t.resizable != false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          this.childNodes[kk].style.display = "block"
        else if( ( t.resizable == false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          {
          if(kk < ll-1)
            this.childNodes[kk].style.display = "block"
          }
        }
      }
    t.lock = function( L )                                           // to lock the window so it can't be dragged //MG
      {
      var yn = L.src.indexOf('unlocked') > -1 ? L.src.replace(/un(locked)(.*)(\.gif)$/,"$1$2$3") : L.src.replace(/(locked)(.*)(\.gif)$/,"un$1$2$3")
      L.src = yn
      if( yn.indexOf('unlocked') == -1 )
        this.h_div.onmousedown = function()
          {
          return true
          }
      else
        this.h_div.onmousedown = t.resizer.onmousedown
      }
    t.printout = function()
      {
      var wp = print_manager.getPrintWindow()
      var txt = this.getElementsByTagName("DIV")[2].innerHTML        //alternatively, we could name the DIV but I was lazy // MG
      wp.xid('id_out').innerHTML = txt
      wp.focus()                                                     // if not given focus, it'll print the top win // MG
      wp.print()
      }
    t.h_div.onmousedown = t.resizer.onmousedown = function(e)
      {
      dragging = true
      var d = _this
      var t = this._parent
      t.style.filter = 'alpha(opacity=50)'
      t.style.opacity = 0.5
      d.etarget = this
      var e = window.event || e
      d.initmousex = e.clientX
      d.initmousey = e.clientY
      d.initx = IntI(t.offsetLeft)
      d.inity = IntI(t.offsetTop)
      d.width = IntI(t.offsetWidth)
      d.contentheight = IntI(t.content_div.offsetHeight)
      document.onmousemove = function(e)
        {
        var d = _this
        var etarget = d.etarget
        var e = window.event || e
        d.d_x = e.clientX-d.initmousex
        d.d_y = e.clientY-d.initmousey
        if ( (etarget.className=='css_d-h_div') && dragging )
          d.move(etarget._parent)
        else if (etarget.className=='css_d-resizer')
          d.resize(etarget._parent, e)
        return false
        }
      document.onmouseup = function ceeze()        // named the function to call it from elsewhere //MG
        {
        dragging = false                           // added a variable to make DIVs draggable or docked //MG
        _this.etarget = null
        document.onmousemove = document.onmouseup = null
        document.onmouseover = document.onmouseout = null
        t.style.filter = 'alpha(opacity=100)'
        t.style.opacity = 1.0
        }
      t.onmouseout = function()                    // This entire function to
        {
        var e = window.event || e                  //
        if( e.clientX < 40 || e.clientY < 20 )     // when approaching left & top egdes of the window
          ceeze()                                  // do the same as mouseup
        }                                          //
      return false                                 //
      }                                            //   MG & BL
    t.controls.onclick = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close/i.test(sourceobj.getAttribute('title')))
        d.close(this._parent)
      else if (/Minim/i.test(sourceobj.getAttribute('title')))
        this._parent.minimize()
      else if (/Lock/i.test(sourceobj.getAttribute('title')))
        this._parent.lock( sourceobj )
      else if (/Printer/i.test(sourceobj.getAttribute('title')))
        this._parent.printout()
      return false
      }
    t.controls.onmouseover = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/(\.gif)/,"_on$1")
      return false
      }
    t.controls.onmouseout = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/_on(\.gif)/,"$1")
      return false
      }
    t.moveTo = function(x, y)
      {
      _this.moveTo(this, x, y)
      }
    t.show = function()
      {
      _this.show(this)
      }
    t.hide = function()
      {
      _this.close(this)
      }
    t.setHTML = function(HTML)
      {
      _this.setHTML(this, HTML)
      }
    t.setSize = function(w, h)
      {
      _this.setSize(this, w, h)
      }
    t.setResize = function(b)
      {
      _this.setResize(this, b)
      }
    t.setTitle = function(t, RTL)
      {
      _this.setTitle(this, t, RTL)
      }
    tjx.push(t)
    return t
    }
  this.move = function(t)
    {
    t.style.left = px(Math.max(10, this.d_x+this.initx))
    t.style.top  = px(Math.max(10, this.d_y+this.inity))
    }
  this.open = function(S)
    {
    var t = this.init(theID, S.aud, S.audALT)       //revised 04/01/09 for popup2 audio play: video click N compare
    t.setSize(S.width, S.height)
    t.moveTo(S.x, S.y)
    t.setResize(S.resize != false ? true : false)
    t.style.visibility = 'visible'
    t.style.display = 'block'
    t.content_div.style.display = 'block'
    t.content_div.style.overflow = 'auto'
    var v = '&nbsp;'
    t.content_div.innerHTML = v
    var u = '_id_pop_win_' + t.id
    PWX[u] = t
    if (ie)
      {
      var a = xid('id_popup_wrapper').getElementsByTagName('*')
      for (var i=0, L=a.length; i<L; i++)
        a[i].unselectable = 'on'
      }
    theID++
    return t
    }
  this.setHTML = function(t, HTML)
    {
    t.content_div.innerHTML = HTML
    }
  this.setSize = function(t, w, h)
    {
    t.style.width              = px(Math.max(IntI(w), 150))
    t.content_div.style.height = px(Math.max(IntI(h), 100))
    }
  this.moveTo = function(t, x, y)
    {
    this.update_pos()
    t.style.left = px(this.scroll_left + IntI(x))
    t.style.top  = px(this.scroll_top  + IntI(y))
    }
  this.setResize = function(t, b)
    {
    if(!b)
      t.resizable = false
    t.status_div.style.display = b ? 'block' : 'none'
    }
  this.setTitle = function(t, title, RTL)
    {
    t.h_div.firstChild.innerHTML = title
    if (RTL)
      {
      var s = t.h_div.style
      //t.h_div.dir = 'rtl' --- turned off because screws up buttons in the title bar //MG
      s.paddingLeft = '5px'
      s.textAlign = 'left'
      }
    }
  this.update_pos = function()
    { 
    var domclientWidth = document.documentElement && IntI(document.documentElement.clientWidth) || 99999
    this.standardbody  = document.compatMode=='CSS1Compat' ? document.documentElement : document.body
    this.scroll_top  = ie ? this.standardbody.scrollTop    : window.pageYOffset
    this.scroll_left = ie ? this.standardbody.scrollLeft   : window.pageXOffset
    this.docwidth    = ie ? this.standardbody.clientWidth  : /Safari/i.test(navigator.userAgent) ? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
    this.docheight   = ie ? this.standardbody.clientHeight : window.innerHeight
    }
  this.resize = function(t, e)
    {
    t.style.width = px(Math.max(this.width+this.d_x, 150))
    t.content_div.style.height = px(Math.max(this.contentheight+this.d_y, 100))
    }
  this.close = function(t)
    {
    try
      {
      if(t==w2)
        {
        var myCheck = confirm ("Are you sure to close the popup window?")
        if(myCheck)
          var b = t.onclose()
        }
      else
        var b = t.onclose()
      }
    catch(e)
      {
      //alert(e)
      var b = true
      }
    if (b)
      {
      this.update_pos()
      t.lastx = IntI((t.style.left || t.offsetLeft))-this.scroll_left
      t.lasty = IntI((t.style.top || t.offsetTop))-this.scroll_top
      t.lastwidth = t.style.width
      t.style.display = 'none'
      }
    return b
    }
  this.show = function(t)
    {
    if (t.lastx)
      {
      this.update_pos()
      t.state = ''
      t.content_div.style.display = 'block'
      t.status_div.style.display = 'block'
      var s = t.style
      s.display = 'block'
      s.left = px(IntI(t.lastx)+_this.scroll_left)
      s.top =  px(IntI(t.lasty)+_this.scroll_top)
      s.width = px(IntI(t.lastwidth))
      }
    else
      t.style.display = 'block'
    t.state = ''
    }
  this.allDone = function()
    {
    var A = tjx
    for (var i=0; i<A.length; i++)
      A[i].h_div._parent = A[i].resizer._parent = A[i].controls._parent = null
    }
  }//popup_class

function InSwap( ch )
  {
  xid( 'vir_id_XL_inst0' ).className = xid( 'vir_id_XL_inst0' ).className == 'inst_off' ? 'inst_on' : 'inst_off'
  xid( 'vir_id_FL_inst0' ).className = xid( 'vir_id_FL_inst0' ).className == 'inst_on' ? 'inst_off' : 'inst_on'
  }

function w_class()
  {
  var wr = ''
  function ws()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    }
  function wl()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    wr += String.fromCharCode(32, 13, 10)
    }
  function init()
    {
    wl( "var wr = ''"     )
    wl( ws.toString()     )
    wl( wl.toString()     )
    }
  this.get_source = function()
    {
    return wr
    }
  init()
  }//w_class

// -------------------------------- Window and Dialog Box Utilities - start -------------------------------
function w_open( url, ww, hh )
  {
  hh = hh || 300
  ww = ww || 500
  if (window.showModelessDialog)
    {
    var p = spf( 'dialogWidth:~px; dialogHeight:~px; help:0; resizable:1; status:0', [ww, hh] )
    var w = showModelessDialog( url, '', p )
    }
  else
    {
    var p = spf( 'toolbar=0, scrollbars=1, menubar=0, resizable=1, status=0, location=0, directories=0, width=~px, height=~px', [ww, hh] )
    var w = open( url, '_blank', p )
    }
  if (!url)
    {
    eval( $w_lib )
    wl( '<html>' )
    wl( '<head>' )
    wl( '<meta http-equiv="Content-Type"  content="text/html; charset=utf-8" />' )
    wl( '<style type="text/css">' )
    wl( 'body' )
    wl( '  {' )
    wl( '  background-color: Cornsilk' )
    wl( '  }' )
    wl( '<\/style>' )
    wl( '<title>LOG-POPUP window<\/title>' )
    wl( '<\/head>' )
    wl( '<body>' )
    wl( '<\/body>' )
    wl( '<\/html>' )
    var d = w.document.open( 'text/html' )
    d.writeln( wr )
    d.close()
    }
  return w
  }//w_open
// --------------------------------------- Pop-Up Window Add-In -------------------------------------------
function PopUp(fb, usg, audio, dh, dw, B, L)       //revised 10/19/2007 : added 'B'   added L: 02/26/2009 for adjusting main text length of Click_N_Compare template
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w0.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w0.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio, B))     //added 'B'
      }
    }
  if( w0 )
    {
    while (w0.firstChild)
      w0.removeChild(w0.firstChild)
    pop_manager.close(w0)
    }
  var af = (audio != undefined) ? true : false

  if(L == 'Longest')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 480, aud: af})
  else if(L == 'Longer')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 380, aud: af})
  else
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp

function PopUp2(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w1.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w1.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder1').style.display = 'block'                              //revised 04/01/09 for popup2 audio play: video click N compare
      xid('vir_id_mediaPlayerHolder1').style.zIndex = 102                                   //revised 04/01/09 for popup2 audio play: video click N compare
      IHTML(xid('vir_id_mediaPlayerHolder1'), loadAud("media/" + audio + ""))               //revised 04/01/09 for popup2 audio play: video click N compare
      }
    }
  if( w1 )
    {
    while (w1.firstChild)
      w1.removeChild(w1.firstChild)
    pop_manager.close(w1)
    }
  var af = false                                                                           //revised 04/01/09 for popup2 audio play: video click N compare
  var afALT = (audio != undefined) ? true : false                                          //revised 04/01/09 for popup2 audio play: video click N compare
  w1 = pop_manager.open({x: 120, y: 240, width: 500, height: 280, aud: af, audALT: afALT}) //revised 04/01/09 for popup2 audio play: video click N compare
  AA()
  }//PopUp2

function PopUp3(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w2.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w2.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w2 )
    {
    while (w2.firstChild)
      w2.removeChild(w2.firstChild)
    pop_manager.close(w2)
    }
  var af = (audio != undefined) ? true : false
  w2 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp3

function PopUp4(fb, usg, audio, dh, dw)       //Added 02/18/2010  for video popups of E_CO_Lesson_Source
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w3.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w3.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_videoPlayerHolder').style.display = 'block'
      xid('vir_id_videoPlayerHolder').style.zIndex = 102
      xid('vir_id_videoPlayerHolder').innerHTML = HTML_vid_player_1(audio)
      }
    }
  if( w3 )
    {
    while (w3.firstChild)
      w3.removeChild(w3.firstChild)
    pop_manager.close(w3)
    }    

  var af = (audio != undefined) ? true : false
  w3 = pop_manager.open({x: 60, y: 120, width: 270, height: 0, aud: af}, true)    //added true 02/18/2010  for video size
  AA()

  }//PopUp4

// ------------------------------- Window and Dialog Box Utilities - end ----------------------------------

var gv_max = gv_pg = 0

function getProgressBar()
  {
  if( xid("id_progressBar") )
    {
    var myPage = gv_pg + 1
    var myProgInt = xid("id_progressBar")
    var myProgBtm = xid("id_progressBtm")
    gv_max = gv_max > 1 ? gv_max : 1
    if (window.DSW)
      if (gv_max > 1)
        {
        var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
        myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" title="Back" alt="Back">'
        myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
        myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" title="Next" alt="Next">'
        }
      else
        var myCnt = ''
    else
      {
      var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
      myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" title="Back" alt="Back">'
      myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
      myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" title="Next" alt="Next">'
      }
    myProgInt.innerHTML = myCnt
    }
  }

function initPg()
  {
  if( xid("id_progressBar") )
    {
    x = xid('id_bck')
    y = xid('id_next')
    z = xid('id_Q0')
    if (z)
      {
      z.style.display = "inline"
      }
    }
  }

function countQ()
  {
  var x = 0
  var iBnk = xid('id_itemBnk')
  if(iBnk)
    {
    var t = iBnk.getElementsByTagName('table')
    for (var i=0; i<t.length; i++)
      if(t[i].className == 'cls_Q')
        x++
    gv_max = x
    }
  getProgressBar()
  initPg()
  }

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="sp_pol057_act2.html"
    }
  else
    {
    var ex = xid( 'id_Q' + gv_pg )
    if (ex)
      {
      xid( 'id_Q' + gv_pg ).style.display = "none"
      gv_pg++
      xid( 'id_Q' + gv_pg ).style.display = "inline"
      if(IE())
        xid( 'id_wrkgArea' ).focus()
      getProgressBar()
      }
    }
  nextAddOn()
  }

function back()
  {
  if(gv_pg == 0)
    {
    window.location = "default.html"
    }
  else
    {
    xid( 'id_Q' + gv_pg ).style.display = "none"
    gv_pg--
    xid( 'id_Q' + gv_pg ).style.display = "inline"
    if(IE())
      xid( 'id_wrkgArea' ).focus()
    getProgressBar()
    if (gv_pop_win)
      gv_pop_win.close()
    }
  backAddOn()
  }

// --------------------------------------- Load Audio Add-in ----------------------------------------------

function loadAud( FN, B )
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="187"' )     //187
    ws( ' height="29"' )     //29
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="transparent"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }
  if(B)
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=true&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )
  else
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=false&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )

  return wr
  }

// -------------------------------------- Button Class Add-in ---------------------------------------------
function foundation_gif_btn_class( the_id )
  {
  var _this = this
  var e = xid(the_id)
  if (e)
    {
    var a = e.src+''
    var b = a.substr(0, a.length-4) + '_on.gif'
    if (document.images)
      new Image().src = b
    e.onclick = function()
      {
      _this.do_click()
      }
    e.onmouseover = function()
      {
      this.src= b
      }
    e.onmouseout = function()
      {
      this.src= a
      }
    this.do_click = function()
      {
      }
    }  
  }

// -------------------------------------- Bookmark & Reload Add-in ------------------------------------------
function bookmark(title)
  {
  if(IE())
    {
    try
      {
      window.external.AddFavorite(location.href,title)
      }
    catch(e)
      {
      alert('This feature is not available in standalone mode.')
      return
      }
    }
  else
    alert('Netscape, Firefox, and Mozilla user need to press CTRL+D to bookmark this page.')
  }

function pageReload()
  {
  window.location.reload()
  }

// ------------------------------------- Tutorial Video Play Add-in ----------------------------------------------
//================== Tutorial Video Starts ====================
var videoArchive = {OP:'15_how_to_(dotheactivities).flv',
                    SCB:'30_categorizing_matched.flv',
                    SC:'18_categorizing_unmatched.flv',
                    CMF:'22_match_images.flv',
                    CNC:'26_click_and _compare.flv',
                    FNB:'24_fill-in-blanks.flv',
                    SUM:'31_summary.flv',
                    MC1:'20_multiple_choice.flv',
                    PVC:'17_prediction.flv',
                    SCN:'33_scanning.flv',
                    SCP:'29_sentence_order_02.flv',
                    SKM:'23_skimming.flv',
                    SMA:'32_summary_multiple_answer.flv',
                    TF1:'19_true_false.flv',
                    VMF:'21_match_sentences.flv',
                    SCW:'27_sentence_order_01.flv',
                    LBS:'34_lc_by_segment.flv',
                    LPT:'35_partial_transc_lc.flv',
                    IST:'36_pre_lc_info_type.flv',
                    LMC:'37_lc_mc_summary_ls_ma.flv',
                    BST:'38_pre_lc_brainstorm.flv',
                    PSG:'39_pre_lc_seg_gist.flv',
                    LMA:'40_lc_multiple_answer.flv',
                    YNF:'41_yes_no_free_response_lc.flv',
                    LIT:'42_lc_info_type.flv',
                    LMC:'44_lc_multiple_choice.flv',
                    LTF:'45_lc_t_f.flv',
                    LGF:'46_lc_get_point.flv',
                    LMF:'22_match_images.flv',
                    VCC:'47_v_click_compare.flv',
                    VSM:'48_v_sum_multiple_ans.flv',
                    VCM:'49_v_clause_matching.flv',
                    VSO:'50_v_sentence_order.flv',
                    VBS:'51_v_by_segment.flv'
                    }

var winopen
var winfeatures = "status=0, toolbar=0, menubar=0, titlebar=0, scrollbars=0, resizible=0, width=285, height=270"
function launchVideoOverlay( aType )
  {
  var flvName = videoArchive[aType]

  if (flvName != undefined)
    {
    winopen= window.open("../../tutorial/vidTutor.html?name=" + flvName, "_blank", winfeatures)
    }
  else
    PopUp( 'No video tutorial on this activity is available for now.', 'Video Tutorial' )
  }


function closeVideoOverlay()
  {
  IHTML( xid('id_videoHolder'), loadVideo( '' ) )
  xid( 'id_tutorialVideo' ).style.display = 'none'
  }

//================== Tutorial Video Ends ======================


function show_copyright()
  {
  var copyRightSt = '<div style="height:100%;padding:5px;font-size:90%;">1. GLOSS lessons and materials are intended for personal and nonprofit educational use only, and any other use may violate U.S. and international copyright laws. Further reproduction by any means is unauthorized.<br /><br />2. GLOSS developers have received permission to use copyrighted materials on the condition that they are used exclusively for nonprofit educational purposes in lessons produced by U.S. government employees and government contractors only. These copyrighted materials include most of the authentic texts, photos, graphics, audio, and video that constitute the core content of the GLOSS lessons, which may not be copied, published or redistributed without the written permission of the individual copyright holders who are acknowledged on the information page of each lesson. Copyrighted text, photos, graphics, audio and/or video material shall not be published, broadcast, rewritten for broadcast or publication or redistributed directly or indirectly in any medium. Neither these materials nor any portion thereof may be stored in a computer except for personal and non-commercial use.</div>'
  PopUp( copyRightSt, 'Copyright Statement')
  }

window.onunload = function()
  {
  this.pop_manager.allDone()                                                                   //---added-MG--//
  if (window.DSW)
    DSW.pg_unload()
  }

window.onload = function()
  {
  this.print_manager = new print_class()                                                //---added-MG--//
  this.print_manager.init()                                                             //---added-MG--//
  this.pop_manager = new popup_class()                                                  //---added-MG--//
  countQ()
  if (window.DSW)
    DSW.pg_load( gv_max )
  initActy()
  if (xid('id_copyright_dliflc'))
    xid('id_copyright_dliflc').onclick = function()
      {
      show_copyright()
      }
  PopUp( xid('id_instruction').innerHTML,'Instructions' )
  }

// --------------------------------------- DLI Standard Javascript - end ---------------------------------------------


// -------------------------------- Activity Specific Javascript - start ---------------------------------------------

set_global_var( 'itemType', 'item' )

function foundation_hat_class()
  {
  var d = {ff: [], count:0}
  this.get_d = function()
    {
    return d
    }
  this.inhat  = function(n)
    {
    return d.ff[n]
    }
  this.remove = function(n)
    {
    if (d.ff[n])
      {
      d.ff[n] = false
      count--
      }
    }
  this.size = function()
    {
    return d.count
    }
  this.fill   = function(n)
    {
    d.ff = []
    for (var i=0; i<n; i++)
      d.ff[i] = true
    d.count = n
    }
  this.get = function()
    {
    var n, k, r
    r = d.count
    if (r > 0)
      {
      n = Math.ceil(Math.random()*r)
      r = k = 0
      do
        if (d.ff[r++])
          k++
      while (k < n)
        d.ff[r-1] = false
      d.count--
      }
    return r-1
    }
  }//foundation_hat_class

//----------------------------------------- timer - start -----------------------------------------------
var gv_interval_id = 0                    // ticker interval timer ID
var gv_ttt = 0
var timePiece = ''
var vv_pg = 0

function ticker()
  {
  function m1(m)
    {
    var n
    if ( m <= 1 )
      n = ' minute '
    else
      n = ' minutes '
    return m + n
    }

  gv_ttt++
  var sec = gv_ttt % 60
  var min = (gv_ttt - sec) / 60
  var time_spent = 'You solved the word/phrase order in '
  if ( min >= 1 )
    time_spent += m1(min) + sec + ' seconds.'
  else
    time_spent += sec + ' seconds.'
   timePiece = time_spent
  } //ticker

function start_timer()
  {
  gv_interval_id = 0
  if ( !gv_interval_id )
    {
    ticker()
    gv_interval_id = window.setInterval( 'ticker()', 1000 )
    }
  }

function stop_timer()
  {
  window.clearInterval(gv_interval_id)
  gv_ttt = 0
  }

//--------------------------------------- timer - end --------------------------------------------

function safe_crack_class(whoami)
  {
  set_global_var( whoami, this )
  var tblNoP = xid( 'id_itemBnk' ).getElementsByTagName ('table')
  var tblNo = []
  for(var i=0; i<tblNoP.length; i++)
    if(tblNoP[i].className == "cls_Q")
      tblNo[tblNo.length] = tblNoP[i]
  var data_raw = []
  var a1 = []
  var c = []
  var theHint = ''
  var Try = 0

  function get_data(n)
    {
    if (tblNo[n])
      {
      var y = tblNo[n].getElementsByTagName ('td')
      for(j=0;j<y.length;j++)
        data_raw[j]= y[j].innerHTML
      return data_raw
      }
    }

  this.make_game = function(n)
    {
    c = []
    get_data(n)
    theHint = data_raw[2]? data_raw[2]: ''
    if ( data_raw[0])
      a1 = data_raw[0].split('||')
    var b = new foundation_hat_class()
    var x = null
    b.fill(a1.length -1)
    while ((x = b.get()) >=0)
      c[c.length] = a1[x]

    function build_table()
      {
      Try = 0
      var td_color_swap = true
      eval( $w_lib )
      wl( '<table border="0" width="100%"><tr>' )
      wl( spf( '  <td width="90%" ><img id="id_btn1" onclick="~.show_img();start_timer()" src="../../images/btnStartTimer.gif" width="89" height="20" onmouseover="this.src=\'../../images/btnStartTimer_on.gif\'" onmouseout="this.src=\'../../images/btnStartTimer.gif\'" timer="Start Timer" alt="Start Timer" class="btn" /><img id="id_btn2" onclick="gi_safe.check_no()" src="../../images/btnCheckAnswerBig.gif" width="89px" height="20px" style="display:none" onmouseover="this.src=\'../../images/btnCheckAnswerBig_on.gif\'" onmouseout="this.src=\'../../images/btnCheckAnswerBig.gif\'" timer="Check Answer" alt="Check Answer" class="btn" /><\/td>', [whoami] ) )
      wl( spf( '  <td width="10%" ><img src="../../images/btnHint.gif" onclick="~.show_hint()" title="Show Hint" alt="Show Hint" width="49" height="20" onmouseover="this.src=\'../../images/btnHint_on.gif\'" onmouseout="this.src=\'../../images/btnHint.gif\'" class="btn" /><\/td>', [whoami] ) )
      wl( '<\/tr>' )
      wl( '<\/table>' )
      wl( '<table border="0" width="100%">' )
      for (var i=0; i<c.length; i++)
        {
        var bgChange = td_color_swap ? '' : 'background-color:#FFFFFF;'
        var DFB = data_raw[1] == 'rtl' ? 'rtl;font-weight:bold;font-size:110%;margin-right:5px' : 'ltr'
        wl( '<tr>' )
        if( data_raw[1] == 'rtl' )
          {
          wl( spf( '  <td id="id_n~" style="display:none" width="0px" ~>~<\/td>',[i, bgChange, i+1]) )
          wl( spf( '  <td align="right" style="~"><div id="id_sTxt_~" style="overflow:auto;display:none;direction:~;width:100%;padding-right:7px;">~<\/div><\/td>',[bgChange, i, DFB, c[i]]) )
          if( i == 0)
            wl( spf( '  <td width="30" height="30" class="txt_bg" style="text-align:center"><img id="ib_b~" src="../../images/back03.gif" width="23" height="14" style="display:none" class="btn" />',[i])  )
          else
            wl( spf( '  <td width="30" height="30" class="txt_bg" style="text-align:center"><img id="ib_b~" src="../../images/back01.gif" width="23" height="14" onmouseover="this.src=\'../../images/back02.gif\'" onmouseout="this.src=\'../../images/back01.gif\'" style="display:none" onclick="~.c_back(~)" class="btn" />',[i, whoami, i])  )
          if( i == c.length-1 )
            wl( spf( '  <img id="ib_f~" src="../../images/forward03.gif" style="display:none" class="btn" /><\/td>',[i]) )
          else
            wl( spf( '  <img id="ib_f~" src="../../images/forward01.gif" onmouseover="this.src=\'../../images/forward02.gif\'" width="23" height="14" onmouseout="this.src=\'../../images/forward01.gif\'" style="display:none" onclick="~.c_next(~)" class="btn" /><\/td>',[i, whoami, i]) )
          }
        else
          {
          if( i == 0)
            wl( spf( '  <td width="30" height="30" class="txt_bg" style="text-align:center"><img id="ib_b~" src="../../images/back03.gif" width="23" height="14" style="display:none" class="btn" />',[i])  )
          else
            wl( spf( '  <td width="30" height="30" class="txt_bg" style="text-align:center"><img id="ib_b~" src="../../images/back01.gif" width="23" height="14" onmouseover="this.src=\'../../images/back02.gif\'" onmouseout="this.src=\'../../images/back01.gif\'" style="display:none" onclick="~.c_back(~)" class="btn" />',[i, whoami, i])  )
          if( i == c.length-1 )
            wl( spf( '  <img id="ib_f~" src="../../images/forward03.gif" style="display:none"><\/td>',[i]) )
          else
            wl( spf( '  <img id="ib_f~" src="../../images/forward01.gif" onmouseover="this.src=\'../../images/forward02.gif\'" width="23" height="14" onmouseout="this.src=\'../../images/forward01.gif\'" style="display:none" onclick="~.c_next(~)" class="btn" /><\/td>',[i, whoami, i]) )
         wl( spf( '  <td id="id_n~" style="display:none" width="10px" ~>~<\/td>',[i, bgChange, i+1]) )
         wl( spf( '  <td style="~"><div id="id_sTxt_~" style="overflow:auto;display:none;direction:~;width:100%">~<\/div><\/td>',[bgChange, i, DFB, c[i]]) )
          }
        wl( '<\/tr>' )
        td_color_swap = !td_color_swap
        }
      wl( '<\/table>' )
      return wr
      }
    var game1 = xid('id_game1')
    game1.innerHTML = build_table()
    }

  this.c_back = function(n)
    {
    var no = parseInt( xid( 'id_n' + n ).innerHTML)
    var no2 = parseInt( xid( 'id_n' + (n-1) ).innerHTML)
    var text1 = xid ( 'id_sTxt_' + n )
    var text2 = xid ( 'id_sTxt_' + (n-1) )
    xid( 'id_n' + n ).innerHTML = no2
    text1.innerHTML = c[no2-1]
    xid( 'id_n' + (n-1) ).innerHTML = no
    text2.innerHTML = c[no-1]
    }

  this.c_next = function(n)
    {
    var no = parseInt( xid( 'id_n' + n ).innerHTML)
    var no2 = parseInt( xid( 'id_n' + (n+1) ).innerHTML)
    var text1 = xid ( 'id_sTxt_' + n )
    var text2 = xid ( 'id_sTxt_' + (n+1) )
    xid( 'id_n' + n ).innerHTML = no2
    text1.innerHTML = c[no2-1]
    xid( 'id_n' + (n+1) ).innerHTML = no
    text2.innerHTML = c[no-1]
    }

  this.show_img = function()
    {
    for(i=0; i<c.length; i++)
      {
      xid( 'ib_b' + i ).style.display = 'inline'
      xid( 'ib_f' + i ).style.display = 'inline'
      xid( 'id_sTxt_' + i ).style.display = 'inline'
      }
    xid( 'id_btn1' ).style.display = 'none'
    xid( 'id_btn2' ).style.display = 'inline'
    }

  this.check_no = function()
    {
    var RA = 0
    var myS = (c.length-RA) > 1 ? 's' : ''
    var myFB = ''

    for (var i=0; i<c.length; i++ )
      if (xid( 'id_sTxt_' + i ).innerHTML == a1[i])
        RA++

    if (RA == c.length)
      {
      var DR4 = data_raw[4]? data_raw[4]: ''
      var DR6 = data_raw[6]? data_raw[6]: ''
      myFB = "Congratulations!<br /><br /> " + timePiece + "<br /><br />"
      myFB += "Please review the following feedback:<br />" + DR4 + "<br /><br />" + DR6
      PopUp(myFB)
      Try = 0
      stop_timer()
      if (window.DSW)
        {
        DSW.score_item( vv_pg, 100)
        DSW.set_score_exists ( 100 )
        }
      Try = 0
      }
    else
      {
      if (Try == 0)
        {
        myFB = 'You put ' + RA + ' out of ' + c.length + ' parts into the correct position.  You have one more chance to find the ' + (c.length-RA) + ' part' + myS + ' that should be moved and place them in the correct order.  When you are done, click the "Check Answer" button.'
        PopUp(myFB)
        Try = 1
        score_exists = true
        }
      else
        {
        myFB = '<p>You put ' + RA + ' out of ' + c.length + ' parts into the correct position. Please review the following feedback to see the correct order:<\/p>'
        myFB += data_raw[4]
        PopUp(myFB)
        Try = 0
        }
      if (window.DSW)
        {
        var myScore =  parseInt(Math.round(100*(RA/c.length)))
        DSW.score_item( vv_pg, myScore )
        DSW.set_score_exists ( myScore )
        }
      }
    }

  this.show_hint = function()
    {
    PopUp( theHint, 'Hint' )
    }
  }

// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

function nextAddOn()
    {
    gi_safe.make_game(gv_pg)
    vv_pg ++
    stop_timer()
    }

function backAddOn()
    {
    gi_safe.make_game(gv_pg)
    vv_pg --
    stop_timer()
    }

function initActy()
  {
  new safe_crack_class('gi_safe')
  gi_safe.make_game(0)
  with (new foundation_gif_btn_class('id_info') )
    do_click = function()
      {
      window.open('sp_pol057_info.html', 'information', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_resources') )
    do_click = function()
      {
      window.open('sp_pol057_resources.html', 'resources', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=600, height=385')
      }

  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('sp_pol057_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=530')
      }

  with (new foundation_gif_btn_class('id_source') )
    do_click = function()
      {
      window.open('sp_pol057_source.html', 'source', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=530')
      }

  with (new foundation_gif_btn_class('id_tutorial') )
    do_click = function()
      {
      launchVideoOverlay( 'SCW' )
      }

  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 - sp_pol057')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }



  }

</script>

</head>
<body id="id_body">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="height:100%">
  <tr>
    <td>
      <table width="765" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td>
            <table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="567">
                  <table width="546" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="96" height="43">
                        <img src="../../images/nf1.gif" width="96" height="43" title="" alt="" /></td>
                      <td width="450" height="12">
                        <img src="../../images/nf2.gif" width="450" height="12" title="" alt="" /></td>
                      <td rowspan="3" width="21" height="43">
                        <img src="../../images/nf4.gif" width="21" height="43" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="450" height="25">
                        <table width="450"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="75" height="25" class="top">
                              <img id="id_glossary" src="../../images/glossary.gif" title="Glossary Page" alt="Glossary Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_source" src="../../images/source.gif" title="Original Source Text/Audio" alt="Original Source Text/Audio" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_info" src="../../images/info.gif" title="Information Page" alt="Information Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_resources" src="../../images/resources.gif" title="Additional Resources Page" alt="Additional Resources Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_tutorial" src="../../images/tutorial.gif" title="GLOSS Tutorial" alt="GLOSS Tutorial" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <a href="../../questionnaire.html?name=sp_pol057&lang=Spanish" title="GLOSS Questionnaire" alt ="GLOSS Questionnaire" target="_blank">
                                <img id="id_feedback" src="../../images/feedback.gif" title="GLOSS Questionnaire" alt="GLOSS Questionnaire" width="75" height="25" border="0" class="btn" /></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td width="450" height="6"><img src="../../images/nf3.gif" width="450" height="6" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td rowspan="2" align="left">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="43" height="37" align="left"><img src="../../images/spanish2.gif" width="43" height="37" title="" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left"><img src="../../images/spanish1.gif" width="138" height="89" title="" alt="" /></td>
                      <td rowspan="2" width="17" height="52" align="left"><img src="../../images/nf6.gif" width="17" height="89" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="43" height="52" align="left" class="top"><img src="../../images/spanish3.gif" width="43" height="52" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table width="546"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="50" height="46"><img src="../../images/logo.gif" width="50" height="46" title="" alt="" /></td>
                      <td rowspan="3" class="top"><img src="../../images/nf7.gif" width="7" height="46" title="" alt="" /></td>
                      <td width="510" height="18" class="top"><img src="../../images/nf8.gif" width="510" height="18" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" ><img src="../../images/activities.gif" border="0" width="70" height="20" title="" alt=""/><a href="default.html" title="Lesson Overview" alt="Lesson Overview"><img id="id_overview" src="../../images/button0.gif" title="Lesson Overview" alt="Lesson Overview" onmouseover="this.src='../../images/button0_on.gif'" onmouseout="this.src='../../images/button0.gif'" border="0" width="16" height="20" /></a><img src="../../images/here1.gif" title="Activity 1" alt="Activity 1" border="0" width="16" height="20" test="0"><a href="sp_pol057_act2.html" title="Activity 2" title="Activity 2"><img id="id_act2" src="../../images/button2.gif" titl3="Activity 2" alt="Activity 2" onmouseover="this.src='../../images/button2_on.gif'" onmouseout="this.src='../../images/button2.gif'" border="0" width="16" height="20" /></a><a href="sp_pol057_act3.html" title="Activity 3" title="Activity 3"><img id="id_act3" src="../../images/button3.gif" titl3="Activity 3" alt="Activity 3" onmouseover="this.src='../../images/button3_on.gif'" onmouseout="this.src='../../images/button3.gif'" border="0" width="16" height="20" /></a><a href="sp_pol057_act4.html" title="Activity 4" title="Activity 4"><img id="id_act4" src="../../images/button4.gif" titl3="Activity 4" alt="Activity 4" onmouseover="this.src='../../images/button4_on.gif'" onmouseout="this.src='../../images/button4.gif'" border="0" width="16" height="20" /></a><a href="sp_pol057_act5.html" title="Activity 5" title="Activity 5"><img id="id_act5" src="../../images/button5.gif" titl3="Activity 5" alt="Activity 5" onmouseover="this.src='../../images/button5_on.gif'" onmouseout="this.src='../../images/button5.gif'" border="0" width="16" height="20" /></a></td>
                    </tr>
                    <tr>
                      <td width="510" height="8" class="top"><img src="../../images/nf9.gif" width="510" height="8" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>

          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" >
                  <img src="../../images/nf10.gif" width="7" height="8" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" title="" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" title="" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" title="" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" style="background-image:url('../../images/nf13.gif'); background-repeat:repeat-y;" >
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="topFaded" height="100%" style="background-image:url('../../images/nf20.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
                <td class="topFaded" height="30">
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="190">
                        <div id="id_mediaPlayerHolder" style="width:186; height:29;"></div></td>
                      <td width="100%" height="30" class="title" align="center"><div dir="ltr"><font color="#fefefe"><b>Black Beach, la cárcel de los horrores de Obiang</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" title="" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img id="id_teacherNoteBtn" src="../../images/btnTeacher.gif" title="Click for Teacher's Note" alt="Click for Teacher's Note" width="29" height="29" style="cursor:pointer" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" title="Click for Instructions" alt="Click for Instructions" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_bookmarkBtn" src="../../images/btnBookmark.gif" title="Click to Bookmark this Activity" alt="Click to Bookmark this Activity" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_refreshBtn" src="../../images/btnRefresh.gif" title="Reload Page - Clears Activity" alt="Reload Page - Clears Activity" width="29" height="29" border="0" class="btn" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" style="background-image:url('../../images/nf21.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf21.gif" width="10" height="100%" title="" alt="" /></td>
                <td width="7"  height="100%" style="background-image:url('../../images/nf14.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2" style="background-image:url('../../images/nf13.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2" style="background-image:url('../../images/nf20.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2" style="background-image:url('../../images/nf21.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf21.gif" width="10" height="100%" title="" alt="" /></td>
                <td width="7"  height="100%" rowspan="2" style="background-image:url('../../images/nf14.gif'); background-repeat:repeat-y;">
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td>
      <P>
<TABLE style="BORDER-TOP-STYLE: none; BORDER-COLLAPSE: collapse; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none" borderColor=#111111 cellSpacing=0 cellPadding=0 width="100%" border=0 autocol="1">
<TBODY>
<TR>
<TD width="33%"><IMG border=0 hspace=0 alt="Bandera de la República de Guinea Ecuatorial" src="Images/FlagEquatoriaGuinea.gif" align=middle _src="Images/FlagEquatoriaGuinea.gif"></TD>
<TD width="33%"><FONT size=2><STRONG>
<P align=left>¿Sabía que hay un país en África donde el idioma oficial es el español? Poca gente lo sabe. <BR><BR></STRONG></FONT><FONT size=2><STRONG>En esta lección, leerá un artículo sobre la situación actual en este país: Guinea Ecuatorial. <BR></STRONG></FONT><FONT size=2><STRONG><BR>En preparación para esta lectura, lea esta cronología de eventos críticos en la historia del país. </STRONG></FONT></P></TD>
<TD width="34%"><IMG border=0 hspace=0 alt="Escudo de Guinea Ecuatorial" src="Images/EscudoEquatorialGuinea.gif" align=middle _src="Images/EscudoEquatorialGuinea.gif"></TD></TR></TBODY></TABLE></P>
<P></P>
</td>
  </tr>

  <tr>
    <td width="100%">
      <div id="id_game1"></div>
    </td>
  </tr>
</table>
<br />
 <!--                  Content Ends Here                -->
          </td>
        </tr>
        <tr>
          <td width="7" height="24"><img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
          <td width="10" class="topFaded" height="24"><img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
          <td height="24" class="topFaded">
            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
              <tr>
                <td width="50%" align="center">
                  <div id="id_progressBar" class="topFaded"></div></td>
              </tr>
            </table></td>
          <td width="10" class="topFaded" height="24"><img src="../../images/nf21.gif" width="10" height="24" title="" alt="" /></td>
          <td width="7" height="100%"><img src="../../images/nf14.gif" width="7" height="24" title="" alt="" /></td>
        </tr>
        <tr>
          <td colspan="5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" height="9"><img src="../../images/nf15.gif" width="7" height="9" title="" alt="" /></td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf24.gif" width="10" height="9" title="" alt="" /></td>
                <td rowspan="2">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="100%" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="100%" height="7" title="" alt="" /></td>
                      <td width="16" height="7" class="topFaded"><img src="../../images/nf17top.gif" width="16" height="7" title="" alt="" /></td>
                      <td width="100%" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="100%" height="7" title="" alt="" /></td>
                      <td width="14" height="7" class="topFaded"><img src="../../images/nf18top.gif" width="14" height="7" title="" alt="" /></td>
                      <td width="15" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="15" height="7" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29"><img src="../../images/nf16bot.gif" width="100%" height="29" title="" alt="" /></td>
                      <td width="16" height="29"><img src="../../images/nf17bot.gif" width="16" height="29" title="" alt="" /></td>
                      <td width="100%" height="29">
                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td id="id_progressBtm"><img src="../../images/copyright.gif" id="id_copyright_dliflc" style="cursor:pointer;width:150px;height:24px;" title="Copyright DLIFLC - 2011" alt="Copyright DLIFLC - 2011" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3"><img src="../../images/nf30.gif" width="100%" height="5" title="" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29"><img src="../../images/nf18bot.gif" width="14" height="29" title="" alt="" /></td>
                      <td width="15" height="29"><img src="../../images/nf16bot.gif" width="15" height="29" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf25.gif" width="10" height="9" title="" alt="" /></td>
                <td width="7" height="9"><img src="../../images/nf19.gif" width="7" height="9" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" ><img src="../../images/nf26.gif" width="7" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf27.gif" width="10" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf28.gif" width="10" height="27" title="" alt="" /></td>
                <td width="7"  height="27"><img src="../../images/nf29.gif" width="7" height="27" title="" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<div id="id_tutorialVideo" class="css_video_div">
  <table class="css_video_table">
    <tr>
      <td class="css_tl"></td>
      <td class="css_tc">
        <div class="css_title">Video Tutorial</div>
        <div class="css_close"><img border="0" src="../../images/video_close.gif" title="close" alt="close" width="16" height="21" onclick="closeVideoOverlay()" /></div></td>
      <td  class="css_tr"></td>
    </tr>
    <tr>
      <td class="css_cl"></td>
      <td class="css_cc" align="center">
        <div id="id_videoHolder"></div>
      </td>
      <td class="css_cr"></td>
    </tr>
    <tr>
      <td class="css_bl"></td>
      <td class="css_bc"></td>
      <td class="css_br"></td>
    </tr>
</table>
</div>

<div id="id_instruction" style="display:none;">
<div style="height:95%;padding:5px;" onclick="InSwap( this )">
  <center style="font-size:80%;color:#666666;"><i>(Click text to switch language)</i></center>
  <hr width="75%" size="1" />
  <div id="id_FL_inst0" title="Click to see instructions in English." alt="Click to see instructions in English." class="inst_on">
      <div dir="ltr" style=""><UL>
<LI>Haga click en <STRONG>Start Timer</STRONG> para leer las 10 oraciones sobre acontecimientos en la historia de Guinea Ecuatorial. 
<LI>Use las flechitas para mover las oraciones, organizándolas en orden cronológico. 
<LI>Después de seleccionar <STRONG>Check Answers</STRONG> para revisar su trabajo, puede hacer click en el enlace para leer la versión de la cronología en inglés.</LI></UL>
<P><STRONG>NOTA:</STRONG> Tome su tiempo en organizar la información. El propósito de esta actividad no es hacerlo rápidamente, sino comprender la información presentada.</P>
<P>Después de terminar esta actividad, abra el <STRONG>Teacher's Note</STRONG> para familiarizarse más con Guinea Ecuatorial al ver las imágenes y leer las leyendas que aparecen al pasar el "ratón" por encima de las imágenes.</P></div>
  </div>
  <div id= "id_XL_inst0" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." class="inst_off">
      <div dir="ltr" style=""><UL>
<LI>Click <STRONG>Start Timer</STRONG> to read 10 statements about events in the history of Equatorial Guinea. 
<LI>Use the up-and-down arrows to organize the statements in chronological order. 
<LI>After clicking on <STRONG>Check Answers</STRONG> to review your work, you may click on the link to read the English version of this chronology.</LI></UL>
<P><STRONG>NOTE:</STRONG> Take your time to organize the information. The purpose of this exercise is not to work quickly, but to understand the information that is presented. </P>
<P>After completing this activity, view the images and read the roll-over captions in the <STRONG>Teacher's Note</STRONG>&nbsp; to become more familiar with Equatorial Guinea.</P></div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1) Click the "Start Timer" button. The words/phrases/segments will appear in random order.<br />2) Read all of the words/phrases/segments and decide the best order.<br />3) Click on the up and down arrows to move the words/phrases/segments into the correct position.<br />5) Continue through all of the items until you feel you have placed them in the correct order.<br />6) Read through the words/phrases/segments once more to make sure that they make sense.<br />7) Click the "Check Answer" button.<br />8) There may be more than one group of words/phrases/segments to reorder. Click the next arrow at the bottom of the page until you have completed all of the items.
  </div>
</div>

</div>

<div id="id_popup" style="display:none">
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 width="100%" border=0 autocol="1">
<TBODY>
<TR>
<TD width="33%"><IMG border=0 hspace=0 alt="Guinea Ecuatorial y los países vecinos." src="Images/Mapa_GuineaE_Mundo.gif" align=middle _src="Images/Mapa_GuineaE_Mundo.gif"></TD>
<TD width="33%">
<P align=center><STRONG><FONT size=4>Guinea Ecuatorial--único país hispanohablante del continente africano</FONT></STRONG></P></TD>
<TD width="34%"><IMG border=0 hspace=0 alt="Así representaban los cartógrafos de antaño a esta región africana." src="Images/OldMapEcGuinea.gif" align=middle _src="Images/OldMapEcGuinea.gif"></TD></TR>
<TR>
<TD><IMG border=0 hspace=0 alt="Estas niñas son del grupo étnico mayoritario de Guinea Ecuatorial, los Fang." src="Images/Fang_Kids.gif" align=middle _src="Images/Fang_Kids.gif"></TD>
<TD><IMG border=0 hspace=0 alt="En los años '30, el rey indígena, Malabo, trató de impulsar un movimiento de independencia reprimida por los españoles." src="Images/ReyMalabo1930.gif" align=middle _src="Images/ReyMalabo1930.gif"></TD>
<TD><IMG border=0 hspace=0 alt="Miembros de la oposición al gobierno actual, exiliados en España." src="Images/Oposicion.gif" align=middle _src="Images/Oposicion.gif"></TD></TR>
<TR>
<TD><IMG border=0 hspace=0 alt="Mapa de Guinea Ecuatorial." src="Images/BiokoInsetMap.gif" align=middle _src="Images/BiokoInsetMap.gif"></TD>
<TD><IMG border=0 hspace=0 alt="Malabo, la ciudad capital, localizada en la isla de Bioko." src="Images/MalaboEnBioko.gif" align=middle _src="Images/MalaboEnBioko.gif"></TD>
<TD><IMG border=0 hspace=0 alt="De las islas del Golfo de Guinea, Bioko y Annabón pertenecen a Guinea Ecuatorial; juegan un papel importante en determinar la extensión del territorio marítimo del país. " src="Images/GulfOfGuinea_Annobon.gif" align=middle _src="Images/GulfOfGuinea_Annobon.gif"></TD></TR></TBODY></TABLE>

</div>


<div id="id_itemBnk" style="display:none">
  <table id="id_Q0" class="cls_Q">
    <tr><td>Los primeros habitantes del territorio que hoy conforma la República de Guinea Ecuatorial fueron pigmeos; entre los siglos XVII y XIX, los grupos Bantu y Fang emigran a la región.||En 1472, el explorador portugués Fernão do Pó es el primer europeo en llegar a la costa de lo que hoy es Guinea Ecuatorial; en 1474, comienza la colonización portuguesa.||En 1778, Portugal cede a España el territorio que incluye Guinea Ecuatorial a cambio de territorio en las Américas; hasta 1810, Guinea Ecuatorial está bajo el Virreinato del Río de la Plata.||El primer gobernador español llega a Guinea Ecuatorial en 1858; establece relaciones con dirigentes locales y coloca algunos en puestos de poder; se establece una guarnición española.||En 1900, se firma un tratado en París que define los límites de Guinea Española y la reconoce como territorio español; pasa de ser protectorado a ser colonia española.||En 1963, España aprueba la autonomía de la colonia; el presidente del gobierno autónomo es Bonifacio Ondó Edu; se establecen estructuras democráticas.||En marzo 1968, España decide independizar su colonia; hay una convención constitucional, y en septiembre 1968, Franciso Macías Nguema es elegido presidente; comienza un reino de terror.||En 1969, Bonifacio Ondó Edu (quien obtuvo el segundo lugar en las elecciones presidenciales) es encarcelado y “se suicida”; en 1970, Nguema impone un estado de partido único; en 1972 se auto-declara presidente vitalicio.||El reino de terror de Macías continúa hasta 1979; de la población de 300.000, hay 80.000 asesinados (incluyendo el vicepresidente Edmundo Bossio, encarcelado y asesinado en 1975) y 20.000 exiliados.||El progreso logrado bajo los españoles retrocede y hay un colapso económico; en agosto de 1979, Teodoro Obiango derroca a Macías en un sangriento golpe de estado; Macías es ejecutado.||</td><td>ltr</td></tr>
    <tr><td>Recuerde, estos datos se deben organizar en orden cronológico.</td><td>ltr</td></tr>
    <tr><td><OL>
<LI>Los primeros habitantes del territorio que hoy conforma la República de Guinea Ecuatorial fueron pigmeos; entre los siglos XVII y XIX, los grupos Bantu y Fang emigran a la región. <IMG border=0 hspace=0 alt="" src="Images/OldMapEcGuinea.gif" align=right _src="Images/OldMapEcGuinea.gif"> 
<LI>En 1472, el explorador portugués Fernão do Pó es el primer europeo en llegar a la costa de lo que hoy es Guinea Ecuatorial; en 1474, comienza la colonización portuguesa. 
<LI>En 1778, Portugal cede a España el territorio que incluye Guinea Ecuatorial a cambio de territorio en las Américas; hasta 1810, Guinea Ecuatorial está bajo el Virreinato del Río de la Plata. 
<LI>El primer gobernador español llega a Guinea Ecuatorial en 1858; establece relaciones con dirigentes locales y coloca algunos en puestos de poder; se establece una guarnición española. 
<LI>En 1900, se firma un tratado en París que define los límites de Guinea Española y la reconoce como territorio español; pasa de ser protectorado a ser colonia española. 
<LI>En 1963, España aprueba la autonomía de la colonia; el presidente del gobierno autónomo es Bonifacio Ondó Edu; se establecen estructuras democráticas. 
<LI>En marzo 1968, España decide independizar su colonia; hay una convención constitucional, y en septiembre 1968, Franciso Macías Nguema es elegido presidente; comienza un reino de terror. 
<LI>En 1969, Bonifacio Ondó Edu (quien obtuvo el segundo lugar en las elecciones presidenciales) es encarcelado y “se suicida”; en 1970, Nguema impone un estado de partido único; en 1972 se auto-declara presidente vitalicio. 
<LI>El reino de terror de Macías continúa hasta 1979; de la población de 300.000, hay 80.000 asesinados (incluyendo el vicepresidente Edmundo Bossio, encarcelado y asesinado en 1975) y 20.000 exiliados. 
<LI>El progreso logrado bajo los españoles retrocede y hay un colapso económico; en agosto de 1979, Teodoro Obiango derroca a Macías en un sangriento golpe de estado; Macías es ejecutado. </LI></OL>
<P><IMG border=0 hspace=0 alt="" src="Images/Mapa_GuineaE_Mundo.gif" align=textTop _src="Images/Mapa_GuineaE_Mundo.gif"></P>
<P>For English version, click <A onclick='window.open("html/Act1.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' href="javascript:void(0);" _onclick='window.open("html/Act1.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' address="html/Act1.htm" _href="javascript:void(0);">here</A>.</P></td><td>ltr</td></tr>
    <tr><td></td><td>ltr</td></tr>
  </table>

</div>
</body>
</html>