<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002
-->
<title>Activity # 1 of 6 </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   : #8CAECB;
  color              : #FFFFFE;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #DFEAEF;
  }
.css_act, .css_WordBox2
  {
  background-color   : #BDD8EC;
  color              : #33577B;
  }
.css_inst
  {
  background-color   : #E3EBFE;
  }
.drk_box
  {
  background-color   : #C6D7E8;
  color              : #000000;
  }
.txt_bg2
  {
  background-color   : #FFFFFE;
  }
.top
  {
  background-color   : #4E7DC5;
  }
.topFaded
  {
  background-color   : #92AFEC;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #88A0AF;
  }
.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( FN, B)  //added 09/20/2007
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="270"'  )
    ws( ' height="232"'  )
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="transparent"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }

   loadPlayer( B ? 'videoTest.swf?theFile=' + FN + '&autoStart=true' : 'videoTest.swf?theFile=' + FN + '&autoStart=false')

  return wr
  }

DLI_main_init()

function DLI_main_init()
  {
  set_global_var( '$w_lib',     new w_class().get_source() )
  set_global_var( 'gv_ISwap',   true )
  set_global_var( 'gv_pop_win', null )
  }

function set_global_var( name, val )
  {
  eval( 'window[name] = val' )
  }

function IE()
  {
  var a = navigator.userAgent.toLowerCase()
  return a.indexOf("msie") != -1
  }

// --------------------------------- Page Building Utilities Add-in ---------------------------------------
function xid( a )
  {
  return document.getElementById( a )
  }

function spf( s, t )
  {
  var n=0
  function F()
    {
    return t[n++]
    }
  return s.replace(/~/g, F)
  }

function print_class()
  {
  var w = null
  function xid(a)
    {
    return document.getElementById(a)
    }
  this.registerChild = function(the_win)
    {
    w = the_win
    }
  this.init = function()
    {
    var e = document.createElement('div')
    e.innerHTML = '<iframe src="PrShell.htm" style="position: absolute; right: 0px; top: -1000px; margin:0; padding:0; width:100%;"><\/iframe>'
    document.body.appendChild(e)
    }
  this.getPrintWindow = function()
    {
    return w
    }
  }//print_class

var w0
var w1
var w2
var w3

function popup_class()
  {
  var _this     = this
  var imageDir  = '../../images/'
  var theID     = 0
  var ie        = document.all && !window.opera
  var tjx       = []
  var PWX       = {}
  _this.resizable = true

  function xid(a)
    {
    return document.getElementById(a)
    }
  function spf(s, t)
    {
    var n=0
    function F()
      {
      return t[n++]
      }
    return s.replace(/~/g, F)
    }
  function px(A)
    {
    return A + 'px'
    }
  function IntI(a)
    {
    return parseInt(a)||0
    }
  this.registerChild = function(the_id, the_win)
    {
    var t = PWX[the_id]
    t.the_child_window = the_win
    t.onopen()
    return t
    }
  this.init = function(the_id,  af, afALT)      //revised 04/01/09 for popup2 audio play: video click N compare
    {
    var wr = ''
    function ws()
      {
      for (var i=0, n=arguments.length; i<n; i++)
        wr += arguments[i]
      }
    function wl()
      {
      ws.apply(this, arguments)
      ws(String.fromCharCode(13, 10))
      }
    if (!xid('id_popup_wrapper'))
      {
      var e = document.createElement('div')
      e.id = 'id_popup_wrapper'
      e.innerHTML = '<span style="display:none">&nbsp;<\/span>'
      document.body.appendChild(e)
      }
    var e = document.createElement('div')
    e.id = the_id


    ws('<div class="css_d-h_div" style="padding: 2px; text-indent: 3px; font: 90% Arial; color: white; background-color: #a6a6a6; cursor: move; width: auto; overflow : hidden;">')
    ws('<span><\/span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 2px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" alt="Printer"\/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" alt="Minim"\/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" alt="Close"\/>')
    ws('<\/div><\/div>')
    ws('<div class="css_d-content_div" style="background-color: #F9F8F0; padding: 4px; text-indent: 0px; font: 90% Arial; overflow: auto;"><\/div>')
    if(af)
      {
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
      ws('<div id="vir_id_videoPlayerHolder" style="height:232px; width:270px; border-right: solid black 1px; background-color: #F9F8F0; display:none;"><\/div>')
      }
    if(afALT)
      ws('<div id="vir_id_mediaPlayerHolder1" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"><\/div>')
    ws('<div id="stat" class="css_d-status_div" style="border-top: solid gray 1px; background-color: #F8F8F8; height: 13px;"><div class="css_d-resizer" style="float: right; width : 13px; height: 13px; cursor: nw-resize; font-size: 0; background: transparent url(', imageDir, 'resize.gif) top right no-repeat;"><\/div>')
    wl('<\/div>')
    e.innerHTML = wr
    xid('id_popup_wrapper').appendChild(e)
    this.z = this.z ? this.z++ : 100
    var t = xid(the_id)
    t.style.cssText = 'position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; visibility: hidden; background-color: white;'
    var d = t.getElementsByTagName('div')
    for (var i=0; i<d.length; i++)
      if (/css_d-/.test(d[i].className))
        t[d[i].className.replace(/css_d-/, '')] = d[i]
    t.style.zIndex = this.z
    t.h_div._parent = t
    t.controls._parent = t
    t.resizer._parent = t
    t.onopen = function()
      {
      return true
      }
    t.onclose = function()
      {
      return true
      }
    t.onmousedown = function()
      {
      _this.z++
      this.style.zIndex = _this.z
      }
    t.minimize = function()                                          // the whole minimization business // MG
      {
      var divs = []
      for(var ii=0; ii<this.childNodes.length; ii++)
        {
        if(this.childNodes[ii].nodeType == 1)
          divs.push(ii)
        }
      for(var kk=0, ll=divs.length; kk<ll; kk++)                     // the battle to keep the invisible status bars as they are // MG
        {
        if( (this.childNodes[kk].nodeName == 'DIV')&&(this.childNodes[kk].style.display == "block") )
          this.childNodes[kk].style.display = "none"
        else if( ( t.resizable != false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          this.childNodes[kk].style.display = "block"
        else if( ( t.resizable == false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          {
          if(kk < ll-1)
            this.childNodes[kk].style.display = "block"
          }
        }
      }
    t.lock = function( L )                                           // to lock the window so it can't be dragged //MG
      {
      var yn = L.src.indexOf('unlocked') > -1 ? L.src.replace(/un(locked)(.*)(\.gif)$/,"$1$2$3") : L.src.replace(/(locked)(.*)(\.gif)$/,"un$1$2$3")
      L.src = yn
      if( yn.indexOf('unlocked') == -1 )
        this.h_div.onmousedown = function()
          {
          return true
          }
      else
        this.h_div.onmousedown = t.resizer.onmousedown
      }
    t.printout = function()
      {
      var wp = print_manager.getPrintWindow()
      var txt = this.getElementsByTagName("DIV")[2].innerHTML        //alternatively, we could name the DIV but I was lazy // MG
      wp.xid('id_out').innerHTML = txt
      wp.focus()                                                     // if not given focus, it'll print the top win // MG
      wp.print()
      }
    t.h_div.onmousedown = t.resizer.onmousedown = function(e)
      {
      dragging = true
      var d = _this
      var t = this._parent
      t.style.filter = 'alpha(opacity=50)'
      t.style.opacity = 0.5
      d.etarget = this
      var e = window.event || e
      d.initmousex = e.clientX
      d.initmousey = e.clientY
      d.initx = IntI(t.offsetLeft)
      d.inity = IntI(t.offsetTop)
      d.width = IntI(t.offsetWidth)
      d.contentheight = IntI(t.content_div.offsetHeight)
      document.onmousemove = function(e)
        {
        var d = _this
        var etarget = d.etarget
        var e = window.event || e
        d.d_x = e.clientX-d.initmousex
        d.d_y = e.clientY-d.initmousey
        if ( (etarget.className=='css_d-h_div') && dragging )
          d.move(etarget._parent)
        else if (etarget.className=='css_d-resizer')
          d.resize(etarget._parent, e)
        return false
        }
      document.onmouseup = function ceeze()        // named the function to call it from elsewhere //MG
        {
        dragging = false                           // added a variable to make DIVs draggable or docked //MG
        _this.etarget = null
        document.onmousemove = document.onmouseup = null
        document.onmouseover = document.onmouseout = null
        t.style.filter = 'alpha(opacity=100)'
        t.style.opacity = 1.0
        }
      t.onmouseout = function()                    // This entire function to
        {
        var e = window.event || e                  //
        if( e.clientX < 40 || e.clientY < 20 )     // when approaching left & top egdes of the window
          ceeze()                                  // do the same as mouseup
        }                                          //
      return false                                 //
      }                                            //   MG & BL
    t.controls.onclick = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close/i.test(sourceobj.getAttribute('title')))
        d.close(this._parent)
      else if (/Minim/i.test(sourceobj.getAttribute('title')))
        this._parent.minimize()
      else if (/Lock/i.test(sourceobj.getAttribute('title')))
        this._parent.lock( sourceobj )
      else if (/Printer/i.test(sourceobj.getAttribute('title')))
        this._parent.printout()
      return false
      }
    t.controls.onmouseover = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/(\.gif)/,"_on$1")
      return false
      }
    t.controls.onmouseout = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/_on(\.gif)/,"$1")
      return false
      }
    t.moveTo = function(x, y)
      {
      _this.moveTo(this, x, y)
      }
    t.show = function()
      {
      _this.show(this)
      }
    t.hide = function()
      {
      _this.close(this)
      }
    t.setHTML = function(HTML)
      {
      _this.setHTML(this, HTML)
      }
    t.setSize = function(w, h)
      {
      _this.setSize(this, w, h)
      }
    t.setResize = function(b)
      {
      _this.setResize(this, b)
      }
    t.setTitle = function(t, RTL)
      {
      _this.setTitle(this, t, RTL)
      }
    tjx.push(t)
    return t
    }
  this.move = function(t)
    {
    t.style.left = px(Math.max(10, this.d_x+this.initx))
    t.style.top  = px(Math.max(10, this.d_y+this.inity))
    }
  this.open = function(S)
    {
    var t = this.init(theID, S.aud, S.audALT)       //revised 04/01/09 for popup2 audio play: video click N compare
    t.setSize(S.width, S.height)
    t.moveTo(S.x, S.y)
    t.setResize(S.resize != false ? true : false)
    t.style.visibility = 'visible'
    t.style.display = 'block'
    t.content_div.style.display = 'block'
    t.content_div.style.overflow = 'auto'
    var v = '&nbsp;'
    t.content_div.innerHTML = v
    var u = '_id_pop_win_' + t.id
    PWX[u] = t
    if (ie)
      {
      var a = xid('id_popup_wrapper').getElementsByTagName('*')
      for (var i=0, L=a.length; i<L; i++)
        a[i].unselectable = 'on'
      }
    theID++
    return t
    }
  this.setHTML = function(t, HTML)
    {
    t.content_div.innerHTML = HTML
    }
  this.setSize = function(t, w, h)
    {
    t.style.width              = px(Math.max(IntI(w), 150))
    t.content_div.style.height = px(Math.max(IntI(h), 100))
    }
  this.moveTo = function(t, x, y)
    {
    this.update_pos()
    t.style.left = px(this.scroll_left + IntI(x))
    t.style.top  = px(this.scroll_top  + IntI(y))
    }
  this.setResize = function(t, b)
    {
    if(!b)
      t.resizable = false
    t.status_div.style.display = b ? 'block' : 'none'
    }
  this.setTitle = function(t, title, RTL)
    {
    t.h_div.firstChild.innerHTML = title
    if (RTL)
      {
      var s = t.h_div.style
      //t.h_div.dir = 'rtl' --- turned off because screws up buttons in the title bar //MG
      s.paddingLeft = '5px'
      s.textAlign = 'left'
      }
    }
  this.update_pos = function()
    { 
    var domclientWidth = document.documentElement && IntI(document.documentElement.clientWidth) || 99999
    this.standardbody  = document.compatMode=='CSS1Compat' ? document.documentElement : document.body
    this.scroll_top  = ie ? this.standardbody.scrollTop    : window.pageYOffset
    this.scroll_left = ie ? this.standardbody.scrollLeft   : window.pageXOffset
    this.docwidth    = ie ? this.standardbody.clientWidth  : /Safari/i.test(navigator.userAgent) ? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
    this.docheight   = ie ? this.standardbody.clientHeight : window.innerHeight
    }
  this.resize = function(t, e)
    {
    t.style.width = px(Math.max(this.width+this.d_x, 150))
    t.content_div.style.height = px(Math.max(this.contentheight+this.d_y, 100))
    }
  this.close = function(t)
    {
    try
      {
      if(t==w2)
        {
        var myCheck = confirm ("Are you sure to close the popup window?")
        if(myCheck)
          var b = t.onclose()
        }
      else
        var b = t.onclose()
      }
    catch(e)
      {
      //alert(e)
      var b = true
      }
    if (b)
      {
      this.update_pos()
      t.lastx = IntI((t.style.left || t.offsetLeft))-this.scroll_left
      t.lasty = IntI((t.style.top || t.offsetTop))-this.scroll_top
      t.lastwidth = t.style.width
      t.style.display = 'none'
      }
    return b
    }
  this.show = function(t)
    {
    if (t.lastx)
      {
      this.update_pos()
      t.state = ''
      t.content_div.style.display = 'block'
      t.status_div.style.display = 'block'
      var s = t.style
      s.display = 'block'
      s.left = px(IntI(t.lastx)+_this.scroll_left)
      s.top =  px(IntI(t.lasty)+_this.scroll_top)
      s.width = px(IntI(t.lastwidth))
      }
    else
      t.style.display = 'block'
    t.state = ''
    }
  this.allDone = function()
    {
    var A = tjx
    for (var i=0; i<A.length; i++)
      A[i].h_div._parent = A[i].resizer._parent = A[i].controls._parent = null
    }
  }//popup_class

function InSwap( ch )
  {
  xid( 'vir_id_XL_inst0' ).className = xid( 'vir_id_XL_inst0' ).className == 'inst_off' ? 'inst_on' : 'inst_off'
  xid( 'vir_id_FL_inst0' ).className = xid( 'vir_id_FL_inst0' ).className == 'inst_on' ? 'inst_off' : 'inst_on'
  }

function w_class()
  {
  var wr = ''
  function ws()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    }
  function wl()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    wr += String.fromCharCode(32, 13, 10)
    }
  function init()
    {
    wl( "var wr = ''"     )
    wl( ws.toString()     )
    wl( wl.toString()     )
    }
  this.get_source = function()
    {
    return wr
    }
  init()
  }//w_class

// -------------------------------- Window and Dialog Box Utilities - start -------------------------------
function w_open( url, ww, hh )
  {
  hh = hh || 300
  ww = ww || 500
  if (window.showModelessDialog)
    {
    var p = spf( 'dialogWidth:~px; dialogHeight:~px; help:0; resizable:1; status:0', [ww, hh] )
    var w = showModelessDialog( url, '', p )
    }
  else
    {
    var p = spf( 'toolbar=0, scrollbars=1, menubar=0, resizable=1, status=0, location=0, directories=0, width=~px, height=~px', [ww, hh] )
    var w = open( url, '_blank', p )
    }
  if (!url)
    {
    eval( $w_lib )
    wl( '<html>' )
    wl( '<head>' )
    wl( '<meta http-equiv="Content-Type"  content="text/html; charset=utf-8" />' )
    wl( '<style type="text/css">' )
    wl( 'body' )
    wl( '  {' )
    wl( '  background-color: Cornsilk' )
    wl( '  }' )
    wl( '<\/style>' )
    wl( '<title>LOG-POPUP window<\/title>' )
    wl( '<\/head>' )
    wl( '<body>' )
    wl( '<\/body>' )
    wl( '<\/html>' )
    var d = w.document.open( 'text/html' )
    d.writeln( wr )
    d.close()
    }
  return w
  }//w_open
// --------------------------------------- Pop-Up Window Add-In -------------------------------------------
function PopUp(fb, usg, audio, dh, dw, B, L)       //revised 10/19/2007 : added 'B'   added L: 02/26/2009 for adjusting main text length of Click_N_Compare template
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w0.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w0.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio, B))     //added 'B'
      }
    }
  if( w0 )
    {
    while (w0.firstChild)
      w0.removeChild(w0.firstChild)
    pop_manager.close(w0)
    }
  var af = (audio != undefined) ? true : false

  if(L == 'Longest')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 480, aud: af})
  else if(L == 'Longer')
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 380, aud: af})
  else
     w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp

function PopUp2(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w1.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w1.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder1').style.display = 'block'                              //revised 04/01/09 for popup2 audio play: video click N compare
      xid('vir_id_mediaPlayerHolder1').style.zIndex = 102                                   //revised 04/01/09 for popup2 audio play: video click N compare
      IHTML(xid('vir_id_mediaPlayerHolder1'), loadAud("media/" + audio + ""))               //revised 04/01/09 for popup2 audio play: video click N compare
      }
    }
  if( w1 )
    {
    while (w1.firstChild)
      w1.removeChild(w1.firstChild)
    pop_manager.close(w1)
    }
  var af = false                                                                           //revised 04/01/09 for popup2 audio play: video click N compare
  var afALT = (audio != undefined) ? true : false                                          //revised 04/01/09 for popup2 audio play: video click N compare
  w1 = pop_manager.open({x: 120, y: 240, width: 500, height: 280, aud: af, audALT: afALT}) //revised 04/01/09 for popup2 audio play: video click N compare
  AA()
  }//PopUp2

function PopUp3(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w2.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w2.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w2 )
    {
    while (w2.firstChild)
      w2.removeChild(w2.firstChild)
    pop_manager.close(w2)
    }
  var af = (audio != undefined) ? true : false
  w2 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp3

function PopUp4(fb, usg, audio, dh, dw)       //Added 02/18/2010  for video popups of E_CO_Lesson_Source
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w3.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w3.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_videoPlayerHolder').style.display = 'block'
      xid('vir_id_videoPlayerHolder').style.zIndex = 102
      xid('vir_id_videoPlayerHolder').innerHTML = HTML_vid_player_1(audio)
      }
    }
  if( w3 )
    {
    while (w3.firstChild)
      w3.removeChild(w3.firstChild)
    pop_manager.close(w3)
    }    

  var af = (audio != undefined) ? true : false
  w3 = pop_manager.open({x: 60, y: 120, width: 270, height: 0, aud: af}, true)    //added true 02/18/2010  for video size
  AA()

  }//PopUp4

// ------------------------------- Window and Dialog Box Utilities - end ----------------------------------

var gv_max = gv_pg = 0

function getProgressBar()
  {
  if( xid("id_progressBar") )
    {
    var myPage = gv_pg + 1
    var myProgInt = xid("id_progressBar")
    var myProgBtm = xid("id_progressBtm")
    gv_max = gv_max > 1 ? gv_max : 1
    if (window.DSW)
      if (gv_max > 1)
        {
        var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
        myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" title="Back" alt="Back">'
        myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
        myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" title="Next" alt="Next">'
        }
      else
        var myCnt = ''
    else
      {
      var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
      myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" title="Back" alt="Back">'
      myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
      myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" title="Next" alt="Next">'
      }
    myProgInt.innerHTML = myCnt
    }
  }

function initPg()
  {
  if( xid("id_progressBar") )
    {
    x = xid('id_bck')
    y = xid('id_next')
    z = xid('id_Q0')
    if (z)
      {
      z.style.display = "inline"
      }
    }
  }

function countQ()
  {
  var x = 0
  var iBnk = xid('id_itemBnk')
  if(iBnk)
    {
    var t = iBnk.getElementsByTagName('table')
    for (var i=0; i<t.length; i++)
      if(t[i].className == 'cls_Q')
        x++
    gv_max = x
    }
  getProgressBar()
  initPg()
  }

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="sp_geo202_act2.html"
    }
  else
    {
    var ex = xid( 'id_Q' + gv_pg )
    if (ex)
      {
      xid( 'id_Q' + gv_pg ).style.display = "none"
      gv_pg++
      xid( 'id_Q' + gv_pg ).style.display = "inline"
      if(IE())
        xid( 'id_wrkgArea' ).focus()
      getProgressBar()
      }
    }
  nextAddOn()
  }

function back()
  {
  if(gv_pg == 0)
    {
    window.location = "default.html"
    }
  else
    {
    xid( 'id_Q' + gv_pg ).style.display = "none"
    gv_pg--
    xid( 'id_Q' + gv_pg ).style.display = "inline"
    if(IE())
      xid( 'id_wrkgArea' ).focus()
    getProgressBar()
    if (gv_pop_win)
      gv_pop_win.close()
    }
  backAddOn()
  }

// --------------------------------------- Load Audio Add-in ----------------------------------------------

function loadAud( FN, B )
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="187"' )     //187
    ws( ' height="29"' )     //29
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="opaque"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }
  if(B)
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=true&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )
  else
    loadPlayer( 'audioPlayerSmall.swf?testVar=' + encodeURIComponent(FN) + '&autoStart=false&streamAudio=false&playSegment=false&inPoint=0&outPoint=0' )

  return wr
  }

// -------------------------------------- Button Class Add-in ---------------------------------------------
function foundation_gif_btn_class( the_id )
  {
  var _this = this
  var e = xid(the_id)
  if (e)
    {
    var a = e.src+''
    var b = a.substr(0, a.length-4) + '_on.gif'
    if (document.images)
      new Image().src = b
    e.onclick = function()
      {
      _this.do_click()
      }
    e.onmouseover = function()
      {
      this.src= b
      }
    e.onmouseout = function()
      {
      this.src= a
      }
    this.do_click = function()
      {
      }
    }  
  }

// -------------------------------------- Bookmark & Reload Add-in ------------------------------------------
function bookmark(title)
  {
  if(IE())
    {
    try
      {
      window.external.AddFavorite(location.href,title)
      }
    catch(e)
      {
      alert('This feature is not available in standalone mode.')
      return
      }
    }
  else
    alert('Netscape, Firefox, and Mozilla user need to press CTRL+D to bookmark this page.')
  }

function pageReload()
  {
  window.location.reload()
  }

// ------------------------------------- Tutorial Video Play Add-in ----------------------------------------------
//================== Tutorial Video Starts ====================
var videoArchive = {OP:'15_how_to_(dotheactivities).flv',
                    SCB:'30_categorizing_matched.flv',
                    SC:'18_categorizing_unmatched.flv',
                    CMF:'22_match_images.flv',
                    CNC:'26_click_and _compare.flv',
                    FNB:'24_fill-in-blanks.flv',
                    SUM:'31_summary.flv',
                    MC1:'20_multiple_choice.flv',
                    PVC:'17_prediction.flv',
                    SCN:'33_scanning.flv',
                    SCP:'29_sentence_order_02.flv',
                    SKM:'23_skimming.flv',
                    SMA:'32_summary_multiple_answer.flv',
                    TF1:'19_true_false.flv',
                    VMF:'21_match_sentences.flv',
                    SCW:'27_sentence_order_01.flv',
                    LBS:'34_lc_by_segment.flv',
                    LPT:'35_partial_transc_lc.flv',
                    IST:'36_pre_lc_info_type.flv',
                    LMC:'37_lc_mc_summary_ls_ma.flv',
                    BST:'38_pre_lc_brainstorm.flv',
                    PSG:'39_pre_lc_seg_gist.flv',
                    LMA:'40_lc_multiple_answer.flv',
                    YNF:'41_yes_no_free_response_lc.flv',
                    IST:'42_lc_info_type.flv',
                    LMC:'44_lc_multiple_choice.flv',
                    LTF:'45_lc_t_f.flv',
                    LGF:'46_lc_get_point.flv',
                    LMF:'22_match_images.flv',
                    VCC:'47_v_click_compare.flv',
                    VSM:'48_v_sum_multiple_ans.flv',
                    VCM:'49_v_clause_matching.flv',
                    VSO:'50_v_sentence_order.flv',
                    VBS:'51_v_by_segment.flv'
                    }

var winopen
var winfeatures = "status=0, toolbar=0, menubar=0, titlebar=0, scrollbars=0, resizible=0, width=285, height=270"
function launchVideoOverlay( aType )
  {
  var flvName = videoArchive[aType]

  if (flvName != undefined)
    {
    winopen= window.open("../../tutorial/vidTutor.html?name=" + flvName, "_blank", winfeatures)
    }
  else
    PopUp( 'No video tutorial on this activity is available for now.', 'Video Tutorial' )
  }


function closeVideoOverlay()
  {
  IHTML( xid('id_videoHolder'), loadVideo( '' ) )
  xid( 'id_tutorialVideo' ).style.display = 'none'
  }

//================== Tutorial Video Ends ======================


function show_copyright()
  {
  var copyRightSt = '<div style="height:100%;padding:5px;font-size:90%;">1. GLOSS lessons and materials are intended for personal and nonprofit educational use only, and any other use may violate U.S. and international copyright laws. Further reproduction by any means is unauthorized.<br /><br />2. GLOSS developers have received permission to use copyrighted materials on the condition that they are used exclusively for nonprofit educational purposes in lessons produced by U.S. government employees and government contractors only. These copyrighted materials include most of the authentic texts, photos, graphics, audio, and video that constitute the core content of the GLOSS lessons, which may not be copied, published or redistributed without the written permission of the individual copyright holders who are acknowledged on the information page of each lesson. Copyrighted text, photos, graphics, audio and/or video material shall not be published, broadcast, rewritten for broadcast or publication or redistributed directly or indirectly in any medium. Neither these materials nor any portion thereof may be stored in a computer except for personal and non-commercial use.</div>'
  PopUp( copyRightSt, 'Copyright Statement')
  }

window.onunload = function()
  {
  this.pop_manager.allDone()                                                                   //---added-MG--//
  if (window.DSW)
    DSW.pg_unload()
  }

window.onload = function()
  {
  this.print_manager = new print_class()                                                //---added-MG--//
  this.print_manager.init()                                                             //---added-MG--//
  this.pop_manager = new popup_class()                                                  //---added-MG--//
  countQ()
  if (window.DSW)
    DSW.pg_load( gv_max )
  initActy()
  if (xid('id_copyright_dliflc'))
    xid('id_copyright_dliflc').onclick = function()
      {
      show_copyright()
      }
  PopUp( xid('id_instruction').innerHTML,'Instructions' )
  }

// --------------------------------------- DLI Standard Javascript - end ---------------------------------------------


// -------------------------------- Activity Specific Javascript - start ---------------------------------------------

set_global_var( 'itemType', 'step' )

function comparelist()
  {
  PopUp( xid('id_compList').innerHTML )
  if (window.DSW)
    DSW.objective( 0, 'BST_Pre-Listening_Brainstorm', 3, null )
  }

function get_Pic()
  {
  eval( $w_lib )
  wl( '<table border="0" width="100%" cellspacing="0"><tr>' )
  if (xid('id_pic'))
    {
      wl( '    <td width="70%">')
      wl( '      <textarea rows="6" style="width: 100%;" cols="20"><\/textarea><\/td>' )
      wl( '    <td width="30%" align="center">' )
      wl( spf ('      ~<\/td>', [xid("id_pic").innerHTML] ) )
    }
  else
    {
    wl( '    <td width="100%">' )
    wl( '      <br /><br /><textarea rows="6" style="width: 100%;" cols="20"><\/textarea><\/td>' )
    }
  wl( '  <\/tr><\/table>' )
  xid( 'id_txtPic' ).innerHTML = wr
  }

function showFB()
  {
  PopUp( xid('id_fb2').innerHTML, 'LC-Feedback', "" )  //
  if (window.DSW)
    DSW.objective( 0, 'BST_Pre-Listening_Brainstorm', 3, null )
  }

function InstSwapXL(n)
  {
  var x = xid('id_FL_inst' + n)
  var y = xid('id_XL_inst' + n)
  x.className = "inst_off"
  y.className = "inst_on"
  }
function InstSwapFL(n)
  {
  var x = xid('id_FL_inst' + n)
  var y = xid('id_XL_inst' + n)
  y.className = "inst_off"
  x.className = "inst_on"
  }

// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

function nextAddOn()
    {
    if (gv_pg == 1)
      {
      var ckNote = document.getElementsByTagName( 'div' )
      for (var i=0; i<ckNote.length; i++)
        if (ckNote[i].className == 'css_note')
          ckNote[i].style.display = 'none'
      window.scrollTo(0,0)
      }
    }

function backAddOn()
    {
    if (gv_pg == 0)
      {
      var ckNote = document.getElementsByTagName( 'div' )
      for (var i=0; i<ckNote.length; i++)
        if (ckNote[i].className == 'css_note')
          ckNote[i].style.display = 'inline'
      }
    }

//var audck = _AUDCHECK_
var swap
function onPrepHint()
  {
    if (xid('id_prepHint'))
      {
      xid('id_prepHint').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid ('id_itemBnk').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid('id_prepHintSpan').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid('id_returnActSpan').style.display = xid('id_prepHint').style.display == 'inline' ? 'inline' : 'none'

      //xid("id_progressBar").innerHTML = ''
      //if(xid('id_prepHintSpan').style.display == 'inline')
        //_LOADAUDRE_

      swap =  xid('id_prepHint').style.display == 'none' ? true : false
      if(!swap)
        {IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/SELECT' ) )}
      //if(xid('id_returnActSpan').style.display == 'none')
        //xid('id_mediaPlayerHolder').style.display = 'none'
    // if(xid('id_prepHintSpan').style.display == 'none')
        //xid('id_mediaPlayerHolder').style.display = 'inline'
      }
  }

function initActy()
  {
  get_Pic()
  set_global_var( 'gv_q',    0  )
  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('sp_geo202_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_resources') )
    do_click = function()
      {
      window.open('sp_geo202_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_source') )
    do_click = function()
      {
      window.open('sp_geo202_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_info') )
    do_click = function()
      {
      window.open('sp_geo202_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_tutorial') )
    do_click = function()
      {
      launchVideoOverlay( 'BST' )
      }

  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_geo202')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }



  with (new foundation_gif_btn_class('id_showFB') )
    do_click = function()
      {
      showFB()
      }

  with (new foundation_gif_btn_class('id_compare') )
    do_click = function()
      {
      comparelist()
      }


  }
//=========================================================================
</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_geo202&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_geo202_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_geo202_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_geo202_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_geo202_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><a href="sp_geo202_act6.html" title="Activity 6" title="Activity 6"><img id="id_act6" src="../../images/button6.gif" titl3="Activity 6" alt="Activity 6" onmouseover="this.src='../../images/button6_on.gif'" onmouseout="this.src='../../images/button6.gif'" border="0" width="16" height="20" /></a></td>
                    </tr>
                    <tr>
                      <td width="510" height="8" class="top"><img src="../../images/nf9.gif" width="510" height="8" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>

          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" >
                  <img src="../../images/nf10.gif" width="7" height="8" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" title="" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" title="" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" title="" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" title="" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" >
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
                <td class="topFaded" height="30">
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="190">
                        <div id="id_mediaPlayerHolder" style="width:186; height:29;"></div></td>
                      <td width="100%" height="30" class="title" align="center"><div dir="ltr"><font color="#fefefe"><b>¿Qué tiempo hace en España?</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" title="" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img id="id_teacherNoteBtn" src="../../images/btnTeacher.gif" title="Click for Teacher's Note" alt="Click for Teacher's Note" width="29" height="29" style="cursor:pointer" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" title="Click for Instructions" alt="Click for Instructions" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_bookmarkBtn" src="../../images/btnBookmark.gif" title="Click to Bookmark this Activity" alt="Click to Bookmark this Activity" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_refreshBtn" src="../../images/btnRefresh.gif" title="Reload Page - Clears Activity" alt="Reload Page - Clears Activity" width="29" height="29" border="0" class="btn" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf21.gif" width="10" height="100%" title="" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" title="" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" title="" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" title="" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left">
      <div class="css_note"><P align=center><IMG style="WIDTH: 193px; HEIGHT: 189px" height=189 alt="Metereology Symbols" hspace=2 src="Images/MeterologySymbols.gif" width=143 align=baseline vspace=2 border=0 _src="Images/MeterologySymbols.gif"><IMG style="WIDTH: 234px; HEIGHT: 187px" height=213 alt="Weather map of Spain" hspace=2 src="Images/map_forecastSpain.gif" width=260 align=baseline vspace=2 border=0 _src="Images/map_forecastSpain.gif"><IMG height=189 alt="Four Seasons" hspace=2 src="Images/Seasons-A.gif" width=190 align=baseline vspace=2 border=0 _src="Images/Seasons-A.gif"></P>
</div>
      </td>
  </tr>
  <tr>
    <td>
      <div id="id_itemBnk" style="width:100%;text-align:center;">
        <table width="685" id="id_Q0" class="cls_Q" border="0" style="display:none;">
          <tr>
            <td width="100%">
                            <table width="685" border="1" cellpadding="3" cellspacing="0">
                <tr>
                  <td width="100%" valign="top" style="background-color:#fefefe;height:100;">
                    <center style="font-size:80%;color:#999999;"><i>(Click text to switch language)</i></center>
                      <hr width="75%" size="1" />
                        <div id="id_FL_inst1" title="Click to see instructions in English." alt="Click to see instructions in English." onclick="InstSwapXL(1)" class="inst_on">
                          <P align=center>Haga una lluvia de ideas de todos los términos relacionados con las condiciones climatológicas. Escriba esas palabras y frases en español. </P>
</div>
                        <div id= "id_XL_inst1" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." onclick="InstSwapFL(1)" class="inst_off">
                          <P align=center>Brainstorm vocabulary related to weather conditions. Write as many words and phrases as you know in Spanish.</P>
</div></td>
                </tr>
              </table>

            </td>
          </tr>
          <tr>
            <td width="100%">
              <br />
              <div id="id_txtPic"></div>
            </td>
          </tr>
          <tr>
            <td width="100%" align="center">
              <br /><br />
              <img id="id_compare" src="../../images/btnCompare.gif" onclick="comparelist()" title="Compare Answer(s)" alt="Compare Answer(s)" width="84" height="20" class="btn" /></td>
          </tr>
        </table>
        <table width="685" id="id_Q1" class="cls_Q" border="0" style="display:none;">
          <tr>
            <td width="100%" valign="top">
                            <table width="685" border="1" cellpadding="3" cellspacing="0">
                <tr>
                  <td width="100%" valign="top" style="background-color:#fefefe;height:100;">
                    <center style="font-size:80%;color:#999999;"><i>(Click text to switch language)</i></center>
                      <hr width="75%" size="1" />
                        <div id="id_FL_inst2" title="Click to see instructions in English." alt="Click to see instructions in English." onclick="InstSwapXL(2)" class="inst_on">
                          <P align=center><IMG height=111 alt="" hspace=2 src="Images/weather-chart.gif" width=170 align=left vspace=2 border=0 _src="Images/weather-chart.gif">Prevea y categorice los términos relacionados con el clima y la geografía de España. En la primera columna, escriba las palabras relacionadas con el clima. En la segunda, escriba las palabras relacionadas con la geografía. Utilice la tabla de vocabulario en el Teacher's Note <IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif"> para completar esta actividad.</P>
</div>
                        <div id= "id_XL_inst2" title="Click to see instructions in the target language." alt="Click to see instructions in the target language." onclick="InstSwapFL(2)" class="inst_off">
                          <P align=center><IMG height=111 alt="" hspace=2 src="Images/weather-chart.gif" width=170 align=left vspace=2 border=0 _src="Images/weather-chart.gif">Preview and categorize terms related to weather and geograghy. In column 1 generate a list of weather related vocabulary. In column 2 generate a list of geographical terminology. Use the vocabulary bank in the Teacher's Note <IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif"> in order to complete this step.</P>
</div></td>
                </tr>
              </table>

            </td>
          </tr>
          <tr>
            <td width="100%" valign="top">
                          <table width="685" cellpadding="3" cellspacing="0" border="0" >
                <tr>
                  <td width="50%">
                    <br />
                    <div class="inst_on"><P align=center><FONT color=#0000ff>Las condiciones climatológicas</FONT> </P>
</div>
                  </td>
                  <td width="50%">
                    <br />
                    <div class="inst_on"><P align=center><FONT color=#0000ff>La geografía de España </FONT></P>
</div>
                  </td>
                </tr>
                <tr>
                  <td width="50%">
                    <textarea rows="10" style="width:100%;direction:ltr" cols="20"></textarea>
                  </td>
                  <td width="50%">
                    <textarea rows="10" style="width:100%;direction:ltr;" cols="20"></textarea>
                  </td>
                </tr>
              </table>

            </td>
          </tr>
          <tr>
            <td width="100%" valign="top" align="center">
              <br />
              <img id="id_showFB" src="../../images/btnFeedback.gif" onclick="showFB()" title="Feedback" alt="Feedback" width="84" height="20" class="btn" /></td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>
 <!--                  Content Ends Here                -->
          </td>
        </tr>
        <tr>
          <td width="7" height="24"><img src="../../images/nf13.gif" width="7" height="100%" title="" alt="" /></td>
          <td width="10" class="topFaded" height="24"><img src="../../images/nf20.gif" width="10" height="100%" title="" alt="" /></td>
          <td height="24" class="topFaded">
            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
              <tr>
                <td width="50%" align="center">
                  <div id="id_progressBar" class="topFaded"></div></td>
              </tr>
            </table></td>
          <td width="10" class="topFaded" height="24"><img src="../../images/nf21.gif" width="10" height="24" title="" alt="" /></td>
          <td width="7" height="100%"><img src="../../images/nf14.gif" width="7" height="24" title="" alt="" /></td>
        </tr>
        <tr>
          <td colspan="5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" height="9"><img src="../../images/nf15.gif" width="7" height="9" title="" alt="" /></td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf24.gif" width="10" height="9" title="" alt="" /></td>
                <td rowspan="2">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="100%" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="100%" height="7" title="" alt="" /></td>
                      <td width="16" height="7" class="topFaded"><img src="../../images/nf17top.gif" width="16" height="7" title="" alt="" /></td>
                      <td width="100%" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="100%" height="7" title="" alt="" /></td>
                      <td width="14" height="7" class="topFaded"><img src="../../images/nf18top.gif" width="14" height="7" title="" alt="" /></td>
                      <td width="15" height="7" class="topFaded"><img src="../../images/nf16top.gif" width="15" height="7" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29"><img src="../../images/nf16bot.gif" width="100%" height="29" title="" alt="" /></td>
                      <td width="16" height="29"><img src="../../images/nf17bot.gif" width="16" height="29" title="" alt="" /></td>
                      <td width="100%" height="29">
                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td id="id_progressBtm"><img src="../../images/copyright.gif" id="id_copyright_dliflc" style="cursor:pointer;width:150px;height:24px;" title="Copyright DLIFLC - 2011" alt="Copyright DLIFLC - 2011" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3"><img src="../../images/nf30.gif" width="100%" height="5" title="" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29"><img src="../../images/nf18bot.gif" width="14" height="29" title="" alt="" /></td>
                      <td width="15" height="29"><img src="../../images/nf16bot.gif" width="15" height="29" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9"><img src="../../images/nf25.gif" width="10" height="9" title="" alt="" /></td>
                <td width="7" height="9"><img src="../../images/nf19.gif" width="7" height="9" title="" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" ><img src="../../images/nf26.gif" width="7" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf27.gif" width="10" height="27" title="" alt="" /></td>
                <td width="10" height="27"><img src="../../images/nf28.gif" width="10" height="27" title="" alt="" /></td>
                <td width="7"  height="27"><img src="../../images/nf29.gif" width="7" height="27" title="" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<div id="id_tutorialVideo" class="css_video_div">
  <table class="css_video_table">
    <tr>
      <td class="css_tl"></td>
      <td class="css_tc">
        <div class="css_title">Video Tutorial</div>
        <div class="css_close"><img border="0" src="../../images/video_close.gif" title="close" alt="close" width="16" height="21" onclick="closeVideoOverlay()" /></div></td>
      <td  class="css_tr"></td>
    </tr>
    <tr>
      <td class="css_cl"></td>
      <td class="css_cc" align="center">
        <div id="id_videoHolder"></div>
      </td>
      <td class="css_cr"></td>
    </tr>
    <tr>
      <td class="css_bl"></td>
      <td class="css_bc"></td>
      <td class="css_br"></td>
    </tr>
</table>
</div>


<div id="id_instruction" style="display:none;">
<div style="height:95%;padding:5px;" onclick="InSwap( this )">
  <center style="font-size:80%;color:#666666;"><i>(Click text to switch language)</i></center>
  <hr width="75%" size="1" />
  <div id="id_FL_inst0" title="Click to see instructions in English." alt="Click to see instructions in English." class="inst_off">
      <div dir="ltr" style=""><P>Esta actividad tiene dos partes. Siga las instrucciones para cada parte cuando aparezcan en la pantalla. Usted tendrá que utilizar la información que está en el Teacher's Note <IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif"> para hacer la actividad en la segunda página. </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_on">
      <div dir="ltr" style=""><P>This introductory activity has 2 steps. Follow the directions for each part as they appear on the screen. You will need to access the information in the Teacher's Note <IMG alt="" hspace=0 src="Images/teacherBtnSmall.gif" align=absMiddle border=0 _src="Images/teacherBtnSmall.gif"> in order to complete the second page of this activity. </P></div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1)  Read directions for the first step in this activity.<br />2) Begin typing your response to the question in Step 1 in the box provided.<br />3) When you have finished typing, click the "Compare List" button to see a suggested list of answers.<br />4) Click the "Next" arrow at the bottom of the page to go to Step 2.<br />6) Read the directions for the second Step.<br />6) Begin typing your response to the Step 2 questions.<br />9) When you have finished typing, click the "Feedback" button. In order to confirm your answers, click the "Audio" button.  You will hear the audio file again; listen closely to hear the match to your responses.<br />10) You may return to Step 1 by clicking on the "Previous" button.
  </div>
</div>

</div>

<div id="id_popup" style="display:none">
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><STRONG><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">Choose words and phrases from the box below to complete this activity.</SPAN></STRONG></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><EM><SPAN style="FONT-SIZE: 10pt; COLOR: #666666; FONT-FAMILY: Arial">(You may choose to copy and paste the phrases into the corresponding columns or practice typing the phrases. Hint: There are 10 terms related to each category.)</SPAN></EM><EM><SPAN style="FONT-SIZE: 10pt; COLOR: #666666"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></EM></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P>
<TABLE class=MsoTableGrid style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes">
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: windowtext 1pt solid; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">un día de sol</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">temperaturas sin cambio</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">en el noroeste</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el área cantábrica</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD></TR>
<TR style="mso-yfti-irow: 1">
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: windowtext 1pt solid; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">en el sureste<o:p></o:p></SPAN></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el Estrecho</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">chubascos de carácter débil</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el Archipiélago Balear</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD></TR>
<TR style="mso-yfti-irow: 2">
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: windowtext 1pt solid; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">zonas <?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><st1:place w:st="on"><st1:State w:st="on">del</st1:State></st1:place> litoral</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el área del Mediterráneo</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">abrir grandes claros<o:p></o:p></SPAN></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el litoral norte</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD></TR>
<TR style="mso-yfti-irow: 3">
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: windowtext 1pt solid; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">vientos alisios</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">el Archipiélago Canario</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">algunas nieblas<o:p></o:p></SPAN></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">los sistemas montañosos</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD></TR>
<TR style="mso-yfti-irow: 4; mso-yfti-lastrow: yes">
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: windowtext 1pt solid; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">temperaturas mínimas</SPAN><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Arial">grados centígrado</SPAN></P>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P align=center><FONT color=#9900cc>soplar con rachas fuertes</FONT></P></TD>
<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: medium none; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0in; BORDER-LEFT: medium none; WIDTH: 110.7pt; PADDING-TOP: 0in; BORDER-BOTTOM: windowtext 1pt solid; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt" vAlign=top width=148>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="COLOR: #9900cc; FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><FONT face="Arial, Helvetica, Sans-Serif">nubes de evolución</FONT></SPAN></P></TD></TR></TBODY></TABLE>
<P class=MsoNormal style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Tahoma; mso-bidi-font-family: 'Times New Roman'"><o:p></o:p></SPAN></P>

</div>


<div id="id_compList" style="display:none">
<P align=center><FONT color=#000000>You may have come up with some of the following words and phrases. Study the chart below, paying careful attention to the parts of speech that each word pertains to.</FONT></P><FONT size=2><A onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' href="javascript:void(0);" _onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' address="html/sp_geo202Act1_Compare.htm" _href="javascript:void(0);">
<P align=center><A onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' href="javascript:void(0);" _onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' address="html/sp_geo202Act1_Compare.htm" _href="javascript:void(0);"><FONT size=2>Translation of sample sentences</FONT></A><A onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' href="javascript:void(0);" _onclick='window.open("html/sp_geo202Act1_Compare.htm", "", "menubar=1,scrollbars=1,resizable=1,height=400,width=500")' address="html/sp_geo202Act1_Compare.htm" _href="javascript:void(0);"></P>
<P align=center></A></FONT></A></P>
<P align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 width="100%" border=1 autocol="1">
<TBODY>
<TR>
<TD width="33%">
<P align=center><STRONG><FONT color=#9900cc><U>Noun</U></FONT></STRONG></P></TD>
<TD width="33%">
<P align=center><STRONG><FONT color=#9900cc><U>Verb</U></FONT></STRONG></P></TD>
<TD width="34%">
<P align=center><STRONG><FONT color=#9900cc><U>Adjective</U></FONT></STRONG></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>el sol</FONT></P>
<P align=center><FONT color=#000000 size=2>El sol es más fuerte a las 12.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>hacer sol</FONT></P>
<P align=center><FONT color=#9900cc size=2><FONT color=#000000>Hace mucho sol en la costa.</FONT></FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>soleado</FONT></P>
<P align=center><FONT color=#000000 size=2>Está soleado hoy.</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>la lluvia</FONT></P>
<P align=center><FONT color=#000000 size=2>Mañana será un día de lluvia.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>llover</FONT></P>
<P align=center><FONT color=#000000 size=2>Llueve mucho en la primavera.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>lluvioso</FONT></P>
<P align=center><FONT color=#9900cc size=2><EM></EM><FONT color=#000000>Hoy es un día lluvioso.</FONT><EM> </EM></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>la nieve</FONT></P>
<P align=center><FONT color=#000000 size=2>Hay mucha nieve en el invierno.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>nevar</FONT></P>
<P align=center><FONT color=#9900cc size=2><FONT color=#000000>Nieva mucho en el invierno.</FONT> </FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>nevado</FONT></P>
<P align=center><FONT size=2><FONT color=#000000>Qué bonito es el pueblo cuando está nevado.<EM> </EM></FONT></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>el viento</FONT></P>
<P align=center><FONT color=#000000 size=2>Hay mucho viento en el otoño.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>haber viento</FONT></P>
<P align=center><FONT color=#000000 size=2>No hay viento hoy.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>ventoso</FONT></P>
<P align=center><FONT color=#000000 size=2>Marzo es un mes ventoso.</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>el hielo</FONT></P>
<P align=center><FONT size=2><FONT color=#000000>Las montañas están cubiertas de hielo.<EM> </EM></FONT></FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>helar</FONT></P>
<P align=center><FONT size=2><FONT color=#000000>El frío hiela el agua de los océanos.<EM> </EM></FONT></FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>helado</FONT></P>
<P align=center><FONT color=#9900cc size=2><FONT color=#000000>Las calles heladas son peligrosas.</FONT><EM>&nbsp; </EM></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#9900cc>las nubes</FONT></P>
<P align=center><FONT size=2><FONT color=#000000>Las nubes cubren el cielo en las montañas.<EM> </EM></FONT></FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>haber niebla</FONT></P>
<P align=center><FONT color=#000000 size=2>Puede haber niebla sin humedad.</FONT></P></TD>
<TD>
<P align=center><FONT color=#9900cc>nublado</FONT></P>
<P align=center><FONT color=#000000 size=2>Hoy será un día parcialmente nublado. </FONT></P></TD></TR></TBODY></TABLE></P>

</div>



<div id="id_fb2" style="display:none;" >
<TABLE style="BORDER-COLLAPSE: collapse" border=1 borderColor=#111111 width="100%" autocol="1">
<TBODY>
<TR>
<TD width="50%">
<P align=center><STRONG><FONT color=#0000ff>Las condiciones climatológicas</FONT></STRONG></P>
<P align=center><IMG style="WIDTH: 138px; HEIGHT: 73px" border=0 hspace=1 alt="Partly cloudy" vspace=1 align=baseline src="Images/sunny-partly-cloudy.gif" width=152 height=181 _src="Images/sunny-partly-cloudy.gif"></P>
<P align=center><STRONG><FONT size=2>Practice reading these phrases out loud.</FONT></STRONG></P></TD>
<TD width="50%">
<P align=center><STRONG><FONT color=#0000ff>La geografía de España</FONT></STRONG></P>
<P align=center><STRONG></STRONG></P>
<P align=center><STRONG><FONT size=2><IMG style="WIDTH: 144px; HEIGHT: 71px" border=0 hspace=2 alt="Plains of Aragon" vspace=2 align=baseline src="Images/Aragon.gif" width=144 height=76 _src="Images/Aragon.gif"></P>
<P align=center>Practice reading these phrases out loud.</FONT></STRONG></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>un día de sol </FONT><EM><FONT color=#666666 size=2>(sunny day)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>en el noroeste </FONT><EM><FONT color=#666666 size=2>(in the Northeast)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>temperaturas sin cambio </FONT><EM><FONT color=#666666 size=2>(stable temperatures)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>en el sureste </FONT><FONT color=#666666 size=2><EM>(in the Southeast)</EM></FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>chubascos de carácter débil </FONT><EM><FONT color=#666666 size=2>(light showers)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el área cantábrica </FONT><EM><FONT color=#666666 size=2>(Cantabrian region)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>abrir grandes claros </FONT><EM><FONT color=#666666 size=2>(to have clear skies)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>zonas del litoral </FONT><EM><FONT color=#666666 size=2>(coastal areas)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>vientos alisios </FONT><FONT color=#666666 size=2><EM>(Trade Winds)</EM></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el Estrecho </FONT><EM><FONT color=#666666 size=2>(Strait of [Gibraltar])</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>algunas nieblas</FONT><EM><FONT color=#666666 size=2> (some fog)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el área del Mediterráneo </FONT><EM><FONT color=#666666 size=2>(Mediterrean region)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>temperaturas mínimas </FONT><EM><FONT color=#666666 size=2>(low termperatures)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el Archipiélago Balear </FONT><EM><FONT color=#666666 size=2>(Balearic Islands)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>grados centígrado</FONT><EM><FONT color=#666666 size=2> (Celsius)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el litoral norte </FONT><EM><FONT color=#666666 size=2>(Northern Coast)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>soplar con rachas fuertes</FONT> <FONT color=#666666 size=2><EM>(blow with strong gusts)</EM></FONT></P></TD>
<TD>
<P align=center><FONT color=#0000ff>el Archipiélago Canario </FONT><EM><FONT color=#666666 size=2>(Canary Island)</FONT></EM></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#0000ff>nubes de evolución</FONT> <EM><FONT color=#666666 size=2>(convexion clouds)</FONT></EM></P></TD>
<TD>
<P align=center><FONT color=#0000ff>los sistemas montañosos </FONT><EM><FONT color=#666666 size=2>(mountain ranges)</FONT></EM></P></TD></TR></TBODY></TABLE>
<P></P><br />
</div>
</body>
</html>