<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002, 2003, 2004, 2005
-->


<title>Activity # 2 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   : #BA99A4;
  color              : #FEFEFE;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #E0D1D1;
  }
.css_act, .css_WordBox2
  {
  background-color   : #D0B7B7;
  color              : #4A4A4A;
  }
.css_inst
  {
  background-color   : #EFE9ED;
  }
.drk_box
  {
  background-color   : #996666;
  color              : #FFFFFF;
  }
.txt_bg2
  {
  background-color   : #fefefe;
  }
.top
  {
  background-color   : #A45C75;
  }
.topFaded
  {
  background-color   : #BA99A4;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #BA99A4;
  }
.inst_on
  {
  font-size          : 90%;
  display            : inline;
  cursor             : pointer;
  }
.inst_off
  {
  font-size          : 90%;
  display            : none;
  cursor             : pointer;
  }
.css_note
  {
  margin-top        : 5px;
  padding           : 3px;
  }
.css_catTitle
  {
  color             : #666666;
  font-weight       : bold;
  }
.css_video_div
  {
  position          : absolute;
  z-index           : 1;
  width             : 390px;
  top               : 50px;
  display           : none;
  }
.css_video_table
  {
  border-collapse   : collapse;
  }
.css_video_table .css_tl
  {
  height           : 21px;
  width            : 4px;
  background-image : url(../../images/video_tl.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_tc
  {
  height           : 21px;
  width            : 380px;
  padding:0px;
  margin:0px;	
  background-image : url(../../images/video_bar_gradient.gif);
  background-repeat: repeat-x;
  font-weight      : bold;
  color            : #FFFFFF;
  border-bottom    : 1px solid #bebebe;
  font-size        : 75%;
}
.css_video_table .css_tc .css_title
  {
  padding          : 3px 0px 3px 10px;
  float            : left;

  }
.css_video_table .css_tc .css_close
  {
  float            : right;
  background-image : url(../../images/video_tr.gif);
  background-repeat: repeat-x;
  }
.css_video_table .css_tr
  {
  height           : 20px;
  width            : 5px;
  background-image : url(../../images/video_tr.gif);
  background-repeat: no-repeat;
  border-bottom    : 1px solid #bebebe;
  }
.css_video_table .css_cl
  {
  width            : 4px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-color : #FFFFFF;
  }
.css_video_table .css_cc
  {
  padding          : 5px 10px 5px 10px;
  width            : 375px;
  background-color : #FFFFFF;
  }
.css_video_table .css_cr
  {
  width            : 5px;
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-y;
  background-position: right;
  background-color : #FFFFFF;
  }
.css_video_table .css_bl
  {
  width            : 4px;
  background-image : url(../../images/video_bl.gif);
  background-repeat: no-repeat;
  }
.css_video_table .css_bc
  {
  background-image : url(../../images/video_border_pixel.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color : #FFFFFF;
  }
.css_video_table .css_br
  {
  height           : 5px;
  width            : 5px;
  background-image : url(../../images/video_br.gif);
  background-repeat: no-repeat;
  }
.cdEmpty
  {
  font-size       : 1pt;
  }


.css_spck
  {
  text-align      : center;
  width           : 100%;
  display          : none;
  }

.beforeDragged
  {
  color             : #00cc33 ;
  font-size          : 100%;
  }
.dragged
  {
  color              : cccccc;
  text-decoration    : line-through;
  font-size          : 100%;
  }
.undragged
  {
  color              : #000088;
  text-decoration    : none;
  font-size          : 100%;
  }

</style>



<script language="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 ="ta_soc430_act3.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 ="ta_soc430_act1.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', 'page' )

function in_str( sub_str, big_str )
  {
  function F(a)
    {
    return '|' + a + '|'
    }
  return F(big_str).indexOf(F(sub_str)) >= 0
  }

function hat_class()
  {
  this.inhat  = function(n){return(this.ff[n])}
  this.remove = function(n){if(this.ff[n]){this.ff[n]=false;this.count--}}
  this.fill   = function(n)
    {
    this.ff = []
    for (var i=0; i < n; i++)
      this.ff[i] = true
    this.count = n
    }
  this.get = function()
    {
    var n, k, r
    r = this.count
    if (r > 0)
      {
      n = Math.ceil(Math.random()*r)
      r = k = 0
      do
        if (this.ff[r++])
          k++
      while (k < n)
        this.ff[r-1] = false
      this.count--
      }
    return r-1
    }
  if (arguments.length > 0)
    this.fill( arguments[0] )
  }//hat_class


var gi_drag = new drag_class()

function buildPool()
  {
  var dataD = xid( 'id_dataPool' ).getElementsByTagName('div')
  var dataDivs = []
  for (var i=0; i<dataD.length; i++)
    if (dataD[i].className == 'dataPool')
      {
      dataDivs[dataDivs.length] = dataD[i]
      }
  var dLen = dataDivs.length
  eval( $w_lib )
  var hatA = new hat_class( dLen )
  function build_tbl(dr,idea,ans,n)
    {
    var myStyle = 'font-weight:bold;'
    var myDir = dr == 'rtl' ? 'dir="rtl"' : ''
    return spf('<td width="100%" align="center" ~><div class="undragged" style="border: 1 solid #cccccc;width:100%;cursor:pointer;~" onmousedown="gi_drag.DragStart(this,~,~)" id="id_spD~">~<\/div><br /><\/td>',[myDir,myStyle,ans,n,ans,idea])
    }
  wr = ''
  wl( '<table width="100%" border="0" id="id_choiceTbl">' )
  for ( var j=0; j<dLen; j++ )
    {
    var a = hatA.get()
    var aa = dataDivs[a].innerHTML.split('||')
    wl( '  <tr>' )
    wl( build_tbl(aa[2],aa[0],aa[1],a) )
    wl( '<\/tr>' )
    }
  wl( '<\/table> ' )
  return wr
  }

var side_in = 0
var side_out = 0
var QQ = -1
function drag_class()
  {
  var green = []
  var red = []
  var theId = ''

  function judge(a,b)
    {
    var ok = -1
    QQ ++
    x = document.getElementById('id_cnt').value
    if( x == b )
      {
      side_in++
      ok ++
      green[green.length] = a
      xid( 'id_spck' +  b ).innerHTML = ' <img src="../../images/grnChkMrk.gif" border="0" width="18" height="18">'
      }
    else
      {
      side_out++
      red[red.length] = a
      xid( 'id_spck' +  b ).innerHTML = ' <span style="color:#FF0000;font-weight:bold;font-size:90%">X<\/span>'
      }
    if (window.DSW)
      DSW.score_item( QQ, ok >= 0 ? 100 : 0 )
    document.getElementById('id_cnt').value = ''
    }
  this.getFB = function()
    {
    }
  var cnt = 0
  function tries()
    {
    cnt++
    return cnt
    }
  this.DragStart = function(a,b,c)
    {
    var tgt = xid( 'id_choiceTbl' ).getElementsByTagName('div')
    for (var i=0; i<tgt.length; i++)
      if (tgt[i].className == 'beforeDragged')
        tgt[i].className = 'undragged'
    a.className = a.className != 'dragged' ? 'beforeDragged' : 'dragged'
    theId = a.id
    function clearTags(y)
      {
      a = y.search(/\>/)
      b = y.search(/\//)
      return a != -1 ? y.substring( a+1, b-1 ) : y.substring()
      }
    if (a.className == 'beforeDragged')
      {
      document.getElementById('id_barrel').value = clearTags(a.innerHTML)
      document.getElementById('id_cnt').value = c
      }
    }

  this.DragStop = function(a,b)
    {
    if( a.value.length <= 0 && document.getElementById('id_barrel').value.length > 0)
      {
      a.value=document.getElementById('id_barrel').value
      document.getElementById('id_barrel').value = ''
      var aa = a.id.substr(6)
      xid( 'id_txtId' + aa ).value = theId
      check_arrived(a)
      judge(a,b)
      }
    }
  var tgt2 = []
  function check_arrived(a)
    {
    var stAnsTAs = xid('id_stAns').getElementsByTagName( 'input' )
    var tgt = xid( 'id_choiceTbl' ).getElementsByTagName('div')

    for(var i=0, j=0; i<tgt.length; i++)
      {
      if( tgt[i].className == 'dragged' || tgt[i].className == 'beforeDragged' )
        {
        tgt2[j] = tgt[i].id
        j++
        }

      }
    var ans11 = ''
    for( var i=0; i<stAnsTAs.length; i++)
      {

      if(stAnsTAs[i].type == 'hidden' && stAnsTAs[i].value != '')
        {
        ans11 += stAnsTAs[i].value
        ans11 += '|'
        }
      }
    for(var i=0; i<tgt2.length; i++)
      {
      if(!in_str(tgt2[i],ans11))
        {
        for(var j=0; j<tgt.length; j++)
          {
          if(tgt[j].innerHTML == tgt2[i])
            tgt[j].className = 'undragged'
          }
        }
      else
        {
         xid( theId ).className = 'dragged'
        }
      }
    }
  this.check_duplicates = function(a,b)
    {
    var tgt2 = theId
    var stAnsTAs = xid('id_stAns').getElementsByTagName( 'input' )
    var ans11 = ''
    for( var i=0; i<stAnsTAs .length; i++)
      {
      if(stAnsTAs[i].type== 'hidden' && stAnsTAs[i].value != '')
        {
        ans11 += stAnsTAs[i].value
        ans11 += '|'
        }
      }
    if(in_str(tgt2,ans11))
      {
      alert('Please, click the item you have not used first.')
      check_arrived(a)
      }
    else
      {
      gi_drag.DragStop(a,b)
      }
    }
  this.undoPaste = function(n)
    {
    var xx = xid( 'id_txtId' + n).value
    var yy = xid( 'id_tgt').getElementsByTagName( 'div' )
    for( var i=0; i<yy.length; i++ )
      if( yy[i].id == xx )
        yy[i].className = 'undragged'
    xid( 'id_txtId' + n).value = ''
    xid( 'id_ans' + n).value = ''
    xid( 'id_spck' +  n ).innerHTML = ''
    }
  this.checkAnswer= function()
    {
    var xx = xid( 'id_stAns').getElementsByTagName( 'textarea' )
    if( tgt2.length < xx.length )
      alert( 'You have to answer all the question(s)!' )
    else
      {
      var yy = xid( 'id_stAns').getElementsByTagName( 'div' )
      for( var i=0; i<yy.length; i++ )
        if ( yy[i].className == 'css_spck' )
          {
          yy[i].style.display = 'inline'
          }
      for( var i=0; i<xx.length; i++ )
        {
        var zz = xid ('id_undo' + i )
        var z = xid( 'id_rsn'+ i )
        zz.style.display = 'none'
        z.style.display = 'inline'
        }
      }
    }
  }

// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

function nextAddOn()
  {
  }

function backAddOn()
  {
  }

var swap
function onPrepHint()
  {
    if (xid('id_prepHint'))
      {
      xid('id_prepHint').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      //xid ('id_stAns').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'

      var TTT = xid('id_stAns')
      while (TTT.nodeName != 'TABLE')
        TTT = TTT.parentNode
      TTT.style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      var zchk = 1
      var ahtxt = "sp_soc430_act2_main.mp3"
      if(zchk > 0)
        if(ahtxt != "SELECT")
           xid ('id_wholeAudBtn').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid ('id_chkAns').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'

      xid('id_prepHintSpan').style.display = xid('id_prepHint').style.display == 'none' ? 'inline' : 'none'
      xid('id_returnActSpan').style.display = xid('id_prepHint').style.display == 'inline' ? 'inline' : 'none'

      //xid("id_progressBar").innerHTML = ''
      if(xid('id_prepHintSpan').style.display == 'inline')
        IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/ta_soc430_act2_fb1.mp3' ) )

      swap =  xid('id_prepHint').style.display == 'none' ? true : false
      if(!swap)
        {IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/SELECT' ) )}
      }
  }

function initActy()
  {
  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('ta_soc430_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=530')
      }

  with (new foundation_gif_btn_class('id_info') )
    do_click = function()
      {
      window.open('ta_soc430_info.html', 'information', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_source') )
    do_click = function()
      {
      window.open('ta_soc430_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_resources') )
    do_click = function()
      {
      window.open('ta_soc430_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_tutorial') )
    do_click = function()
      {
      launchVideoOverlay( 'LIT' )
      }

  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 - ta_soc430')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }


  with (new foundation_gif_btn_class('id_chkAns') )
    do_click = function()
      {
      gi_drag.checkAnswer()
      }

for (var i=0; i<3; i++)
  {
  with (new foundation_gif_btn_class('id_popHint' + i) )
    do_click = new Function( spf("PopUp( xid( 'id_dvHint~' ).innerHTML )", [i] ) )
  with (new foundation_gif_btn_class('id_listen' + i) )
    do_click = new Function( spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )", [xid('id_listen'+i).name] ) )
  with (new foundation_gif_btn_class('id_undo' + i) )
    do_click = new Function( spf("gi_drag.undoPaste(~)", [i] ) )
  with (new foundation_gif_btn_class('id_rsn' + i) )
    do_click = new Function( spf("PopUp( xid('id_dvRsn~').innerHTML )", [i] ) )
  }
  with (new foundation_gif_btn_class('id_wholeAudBtn') )
    do_click = new Function(spf("IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/~', true ) )",["sp_soc430_act2_main.mp3"]))


// STOPPED HERE - Still need to add event handlers and remove all onclicks for this template

IHTML( xid('id_mediaPlayerHolder'), loadAud( 'media/ta_soc430_act2_fb1.mp3' ) )
  xid( 'id_tgt' ).innerHTML = buildPool()
  var txtAreas = xid( 'id_stAns').getElementsByTagName( 'textarea' )
  for(var i=0; i<txtAreas.length; i++)
    txtAreas[i].innerHTML = ''
  }

</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=ta_soc430&lang=TAGALOG" 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/tagalog2.gif" width="43" height="37" title="" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left"><img src="../../images/tagalog1.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/tagalog3.gif" width="43" height="52" title="" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table width="546"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="50" height="46"><img src="../../images/logo4.gif" width="50" height="46" title="" alt="" /></td>
                      <td rowspan="3" class="top"><img src="../../images/nf7.gif" width="7" height="46" title="" alt="" /></td>
                      <td width="510" height="18" class="top"><img src="../../images/nf8.gif" width="510" height="18" title="" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" ><img src="../../images/activities.gif" border="0" width="70" height="20" title="" alt=""/><a href="default.html" title="Lesson Overview" alt="Lesson Overview"><img id="id_overview" src="../../images/button0.gif" title="Lesson Overview" alt="Lesson Overview" onmouseover="this.src='../../images/button0_on.gif'" onmouseout="this.src='../../images/button0.gif'" border="0" width="16" height="20" /></a><a href="ta_soc430_act1.html" title="Activity 1" title="Activity 1"><img id="id_act1" src="../../images/button1.gif" title="Activity 1" alt="Activity 1" onmouseover="this.src='../../images/button1_on.gif'" onmouseout="this.src='../../images/button1.gif'" border="0" width="16" height="20" /></a><img src="../../images/here2.gif" title="Activity 2" alt="Activity 2" border="0" width="16" height="20" test="0"><a href="ta_soc430_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="ta_soc430_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="ta_soc430_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>Sa Bilihan</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="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td>
      <P>In this activity, you will listen to the first part of the dialogue between a vendor and a buyer. Listen to the entire audio passage, and then read the statements on the right. As you read the statements, anticipate the vocabulary that you might hear.</P>
<P>When you finish with this activity, read the <STRONG>Teacher's Note</STRONG> for more information on the comparative and superlative adjectives.</P>
</td>
  </tr>


  <tr>
    <td align="left">
      <img id="id_wholeAudBtn" src="../../images/btnAudWhole.gif" name="sp_soc430_act2_main.mp3" title="Play Whole Passage" alt="Play Whole Passage" width="110" height="23" border="0" class="btn" />
</td>
  </tr>
  <tr>
    <td>
      <table width="95%" cellspacing="0" border="0" cellpadding="3">
        <tr>
          <td width="50%" id="id_stAns" valign="top">
                  <table cellspacing="0" cellpadding="3" width="100%" border="0">
        <tr>
          <td width="100%" colspan="2">
            <hr width="90%" />
       </tr>
        <tr>
          <td width="100%" colspan="2" style="font-size:90%">
           

         </td>
       </tr>
       <tr>
         <td colspan="2">
           <table width="100%" cellspacing="0" cellpadding="0" border="0">
             <tr>
               <td width="25%" align="left">
                 <div id="id_spck0" class="css_spck"></div></td>
               <td width="75%" align="right">
                  <input type="hidden" id="id_txtId0" />
                  <img id="id_listen0" src="../../images/btnPlay.gif" name="ta_soc430_act2_fb1.mp3" title="Play Audio" alt="Play Audio" width="49" height="20" border="0" class="btn" />
                  <img src="../../images/1px.gif" title="" alt="" width="10" height="20" border="0" /><img id="id_popHint0" src="../../images/btnHint.gif" title="Show Hint" alt="Show Hint" width="49" height="20" border="0" class="btn" /></td>
             </tr>
           </table>
         </td>
       </tr>
       <tr>
         <td width="85%" >
           <textarea id="id_ans0" name="ta" style="width:100%;direction:ltr;" rows="2" cols="20" onclick="gi_drag.check_duplicates(this,0)"></textarea>
         </td>
         <td width="15%" align="center">
           <img id="id_undo0" src="../../images/btnUndo.gif" title="Undo" alt="Undo" width="68" height="20" border="0" class="btn" />
           <img id="id_rsn0" src="../../images/btnReason.gif" title="View Reason" alt="View Reason" width="68" height="20" border="0" style="display:none" class="btn" />
         </td>
       </tr>
     </table>


      <table cellspacing="0" cellpadding="3" width="100%" border="0">
        <tr>
          <td width="100%" colspan="2">
            <hr width="90%" />
       </tr>
        <tr>
          <td width="100%" colspan="2" style="font-size:90%">
           

         </td>
       </tr>
       <tr>
         <td colspan="2">
           <table width="100%" cellspacing="0" cellpadding="0" border="0">
             <tr>
               <td width="25%" align="left">
                 <div id="id_spck1" class="css_spck"></div></td>
               <td width="75%" align="right">
                  <input type="hidden" id="id_txtId1" />
                  <img id="id_listen1" src="../../images/btnPlay.gif" name="ta_soc430_act2_fb2.mp3" title="Play Audio" alt="Play Audio" width="49" height="20" border="0" class="btn" />
                  <img src="../../images/1px.gif" title="" alt="" width="10" height="20" border="0" /><img id="id_popHint1" src="../../images/btnHint.gif" title="Show Hint" alt="Show Hint" width="49" height="20" border="0" class="btn" /></td>
             </tr>
           </table>
         </td>
       </tr>
       <tr>
         <td width="85%" >
           <textarea id="id_ans1" name="ta" style="width:100%;direction:ltr;" rows="2" cols="20" onclick="gi_drag.check_duplicates(this,1)"></textarea>
         </td>
         <td width="15%" align="center">
           <img id="id_undo1" src="../../images/btnUndo.gif" title="Undo" alt="Undo" width="68" height="20" border="0" class="btn" />
           <img id="id_rsn1" src="../../images/btnReason.gif" title="View Reason" alt="View Reason" width="68" height="20" border="0" style="display:none" class="btn" />
         </td>
       </tr>
     </table>


      <table cellspacing="0" cellpadding="3" width="100%" border="0">
        <tr>
          <td width="100%" colspan="2">
            <hr width="90%" />
       </tr>
        <tr>
          <td width="100%" colspan="2" style="font-size:90%">
           

         </td>
       </tr>
       <tr>
         <td colspan="2">
           <table width="100%" cellspacing="0" cellpadding="0" border="0">
             <tr>
               <td width="25%" align="left">
                 <div id="id_spck2" class="css_spck"></div></td>
               <td width="75%" align="right">
                  <input type="hidden" id="id_txtId2" />
                  <img id="id_listen2" src="../../images/btnPlay.gif" name="ta_soc430_act2_fb3.mp3" title="Play Audio" alt="Play Audio" width="49" height="20" border="0" class="btn" />
                  <img src="../../images/1px.gif" title="" alt="" width="10" height="20" border="0" /><img id="id_popHint2" src="../../images/btnHint.gif" title="Show Hint" alt="Show Hint" width="49" height="20" border="0" class="btn" /></td>
             </tr>
           </table>
         </td>
       </tr>
       <tr>
         <td width="85%" >
           <textarea id="id_ans2" name="ta" style="width:100%;direction:ltr;" rows="2" cols="20" onclick="gi_drag.check_duplicates(this,2)"></textarea>
         </td>
         <td width="15%" align="center">
           <img id="id_undo2" src="../../images/btnUndo.gif" title="Undo" alt="Undo" width="68" height="20" border="0" class="btn" />
           <img id="id_rsn2" src="../../images/btnReason.gif" title="View Reason" alt="View Reason" width="68" height="20" border="0" style="display:none" class="btn" />
         </td>
       </tr>
     </table>



          </td>
         <td width="50%" style="border-style:double;border-width:3;border-color:#666666;height:100%;text-align:center" class="txt_bg2" valign="top" >
            <table cellspacing="0" cellpadding="3" width="100%" height="100%" border="0">
              <tr>
                <td width="100%"  valign="top" >
                </td>
              </tr>
              <tr>
                <td width="100%"  valign="top"  >
                   <div id="id_tgt">
                  </div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br />
      <center>
        <img id="id_chkAns" src="../../images/btnCheckAnswer.gif" title="Check Answer" alt="Check Answer" width="68" height="20" class="btn" />
      </center>
      <br /><br />
    </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="">Pakinggan&nbsp; muna ang kabuuan ng odyo para maintindihan kung ano ang sinasabi. Tapos, basahin lahat ang mga talata, at makinig sa bawat bahagi ng talata. Itumbas ang mga talata sa tamang bahagi ng odyo.</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="">First, listen to the entire passage to understand what it is about. Next, read all of the statements and listen to each segment. Then, match the statements to the correct audio segments.</div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1)  Read the statement or question that precedes the first listening item (if applicable).<br />2)  Click the "Item" button and listen for the information related to or introduced by the phrase/question you have just read.<br />3)  Click the "Hint" button for help with difficulties in the item.<br />4)  Move the pointer to the box, on the opposite side, containing "Choices". Select by clicking on the chosen description that best matches the item.<br />5)  Move the cursor to the dialog box below Item 1 and click to place your choice in the box.<br />6)  If you change your mind later, you can click the "Undo" button; then, select a new description from the choices box.<br />7)  After you have answered all the questions, click the "Check Answer" button. If your choice is correct, a green checkmark will appear; if it is incorrect, a red "x" appears.<br />8)  Click on the "Reason" button to view an explanation.<br />9)  Continue listening and answering all the statements. Clicking on a "Next" button will reveal the next set of statements (if applicable).
  </div>
</div>

</div>

<div id="id_popup" style="display:none">
<P>
<P></FONT></P>
<P align=center><STRONG>Pagpaparis <BR></STRONG></FONT><FONT color=#000000>(Comparisons)</FONT></P>
<P>Form the comparatives and superlatives - <STRONG>halimbawa</STRONG><STRONG> panulad</STRONG> (c<FONT color=#000000>omparative), <STRONG>at</STRONG> </FONT></FONT><STRONG>pasukdol</STRONG> (s</FONT><FONT color=#000000>uperlative):</FONT></P>
<UL>
<LI><STRONG>maliit</STRONG> <EM>- </FONT></EM><FONT color=#000000><EM>small</EM> <BR><STRONG><U>mas</U> maliit</STRONG> <EM>- </EM></FONT><EM>smaller</EM> &nbsp; <BR><STRONG><U>pinaka</U>maliit</STRONG> <EM>-</FONT> the smallest </FONT></EM>
<LI><FONT color=#000000><STRONG>malaki</STRONG> <EM>- large</EM></FONT> <BR><STRONG><U>mas</U> malaki</STRONG> <EM>- lar</FONT></FONT></FONT></EM><FONT color=#000000><EM>ger</EM> <BR></FONT><STRONG><U>pinaka</U>malaki</STRONG> <EM>- the lar</FONT><FONT color=#000000>gest</FONT></EM></LI></UL>
<P style="MARGIN-RIGHT: 0px" dir=ltr>Gusto mo bang makita ang mas sariwa at pinakamalaking isda namin? - <FONT color=#666666><EM>Would you like to see the freshest and largest fish we have?<BR></EM></FONT><BR>Gusto mo ba ng maliit o malaking isda? - <EM><FONT color=#666666>Would you like a small or large fish?</FONT></EM>&nbsp; <BR><BR>Sariwa ba o mas malaki ang mga isda ninyo?<STRONG> </STRONG>-<STRONG> </STRONG><FONT color=#666666><EM>Are your fish fresh or larger?</EM></FONT><BR></FONT></FONT></P>

</div>


<input type="hidden" id="id_barrel" />
<input type="hidden" id="id_cnt" />

<div id="id_dataPool" style="display:none">
<div id="id_data_0" class="dataPool" >
The buyer wants the largest fish the vendor has.||0||ltr</div>

<div id="id_data_1" class="dataPool" >
The vendor wishes to show the buyer something fresh.||1||ltr</div>

<div id="id_data_2" class="dataPool" >
The vendor states the price.||2||ltr</div>

<div id="id_data_3" class="dataPool" >
The vendor invites the customer to look at the milkfish.||3||ltr</div>

<div id="id_data_4" class="dataPool" >
The price is too high, P300 pesos per fish.||4||ltr</div>

<div id="id_data_5" class="dataPool" >
The buyer only wants the fish from Dagupan.||5||ltr</div>


</div>

<div style="display:none">
<div id="id_dvHint0"><P>You heard:</P>
<P>MAGTITINDA: Kumusta Ale. Ano po ang hinahanap ninyo?<BR>MAMIMILI: Naghahanap ako ng inyong <U>pinakamalaking</U> isda. </P>
<P>Can you guess what the underlined word means?</P>
<P></P>
</div>
<div id="id_dvHint1"><P>The key verb is <STRONG>ipapakita</STRONG>.</P>
<P>Kararating lang ng mga ito kaninang umaga presko mula sa Lungsod ng Dagupan. </P>
</div>
<div id="id_dvHint2"><P>You heard the following: </P>
<P>MAMIMILI: Magkano ang bawat isa? <BR>MAGTITINDA: Nagkakahalaga ng tatlong daang piso ang bawat bangus. </P>
<P>Remember the noun <STRONG>piso</STRONG>? What can it refer to here?</P>
</div>
<div id="id_dvRsn0"><P dir=ltr>The buyer wants the largest fish the vendor has.</P>
<P dir=ltr>You heard following:</P>
<BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
<P>MAGTITINDA:Kumusta Ale. Ano po ang hinahanap ninyo?<BR><EM><FONT color=#666666>VENDOR: Hello Ma'am, What are you looking for?</FONT></EM><BR>MAMIMILI: Naghahanap ako ng inyong pinakamalaking isda.<STRONG> <BR></STRONG><EM><FONT color=#666666>BUYER: I am looking for the largest fish you have.</FONT></EM> </P></BLOCKQUOTE>
<P></P>
<P></P>
<P></P>
<P><STRONG></STRONG></P>
<P><STRONG>Kumusta</STRONG> is a common greeting, How are you? or Hello.</P>
<P>The two speakers could also have said: <STRONG>Magandang umaga</STRONG> - <EM>Good Morning</EM>.&nbsp; <BR><STRONG>Maganda</STRONG> comes from the root word <STRONG>ganda</STRONG> meaning <EM>beautiful</EM>.</P>
<P>Magandang umaga - <EM><FONT color=#666666>Good morning</FONT></EM><BR>Magandang hapon - <FONT color=#666666><EM>Good afternoon</EM></FONT><BR>Magandang gabi - <EM><FONT color=#666666>Good evening</FONT></EM><BR>Magandang babae - <FONT color=#666666>beautiful woman</FONT><BR>Magandang bahay - <EM><FONT color=#666666>beautiful house</FONT></EM></P>
<P><STRONG>Umaga</STRONG> literally means <EM>morning</EM>; while <STRONG>aga</STRONG> means <EM>early</EM> </P>
<P><STRONG>Hinahanap</STRONG> (-in verb - object-focus) <BR><STRONG>Naghahanap</STRONG> (MAG verb - actor-focus) </P>
<P>Both verbs are present tense: </P>
<UL>
<LI>looking - <STRONG>hanap</STRONG> (rootword) HIN/IN verbs - object-focus 
<UL>
<LI><STRONG>hinanap</STRONG> (past tense) - <EM>looked</EM> 
<LI><STRONG>hinahanap </STRONG>(present tense)&nbsp; - <EM>is looking</EM> 
<LI><STRONG>hahanapin</STRONG> (future tense) - <EM>will look</EM> </LI></UL>
<LI>MAG verbs - actor-focus verb 
<UL>
<LI><STRONG>naghanap</STRONG> (past tense) - <EM>looked</EM> 
<LI><STRONG>naghahanap</STRONG> (present tense) - <EM>is looking</EM> 
<LI><STRONG>maghahanap</STRONG> (future tense) - <EM>will look</EM>&nbsp;&nbsp; </LI></UL></LI></UL>
<P>Ano po ang hinahanap ninyo? - <EM><FONT color=#666666>What are you looking for?</FONT></EM></P>
</div>
<div id="id_dvRsn1"><P dir=ltr align=left>The vendor wishes to show the buyer something fresh.</P>
<P dir=ltr align=left>You heard the following:</P>
<BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
<P style="MARGIN-RIGHT: 0px" dir=ltr align=left>MAGTITINDA: May ipapakita ako sa inyo. Magaganda at malalaking isda. Kararating lang ng mga ito kaninang umaga presko mula sa Lungsod ng Dagupan.<STRONG> <BR></STRONG><FONT color=#666666><EM>VENDOR: I have something to show you. These just arrived this morning fresh from Dagupan City.</EM></FONT> </P></BLOCKQUOTE>
<P><STRONG>Kararating</STRONG> is derived from the root word <STRONG>rating</STRONG> or <STRONG>dating</STRONG> meaning <EM>to arrive</EM>. </P>
<P>Talaga! Mula pa sa Dagupan, Pangasinan?<STRONG> <BR></STRONG><EM><FONT color=#666666>Really! From Dagupan, Pangasinan?</FONT></EM> </P>
<P>Narinig ko na ang tungkol sa lugar na iyon. Ito'y bantog (sikat) sa pangakakalakal ng mga bangus sa buong mundo. At gaano kasariwa ang inyong bangus? <BR><EM><FONT color=#666666>I’ve heard about that place. It's famous for exporting milkfish around the world. And how fresh is your milkfish?</FONT></EM> </P>
<UL>
<LI><FONT color=#339900><FONT color=#000000><STRONG>bantog</STRONG></FONT> <FONT color=#000000>(famous) - </FONT><STRONG><FONT color=#000000>mas bantog</FONT></STRONG> <FONT color=#000000>(more famous) </FONT><FONT color=#000000><STRONG>- pinakabantog</STRONG></FONT> </FONT><FONT color=#000000>(most famous)</FONT> 
<UL>
<LI><FONT color=#339900><FONT color=#000000><STRONG>bantog</STRONG></FONT> </FONT><FONT color=#000000>can be used for places or things.</FONT> 
<UL>
<LI><FONT color=#000000>Bantog ang lugar na iyon sa pangangalakal ng mga bangus.<STRONG><BR></STRONG></FONT><EM><FONT color=#666666>That place is famous for exporting milkfish</FONT></EM></LI></UL></LI></UL>
<LI><FONT color=#339900><FONT color=#000000><STRONG>sikat</STRONG></FONT> <FONT color=#000000>(famous) </FONT></FONT><FONT color=#000000>- <STRONG>mas sikat</STRONG> (more famous) - <STRONG>pinakasikat</STRONG> (most famous)</FONT> 
<UL>
<LI><FONT color=#339900><FONT color=#000000><STRONG>sikat</STRONG></FONT> </FONT><FONT color=#000000>can be used for a person.</FONT> 
<UL>
<LI><FONT color=#339900><FONT color=#000000>Sikat na artista si Nora Aunor.<BR></FONT></FONT><EM><FONT color=#666666>Nora Aunor is a famous actress.</FONT></EM></LI></UL></LI></UL></LI></UL>
</div>
<div id="id_dvRsn2"><P>The vendor states the price.</P>
<P>You heard the following:</P>
<BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
<P>MAMIMILI: Magkano ang bawat isa?<BR><EM><FONT color=#666666>BUYER: How much does each cost?</FONT></EM> <BR>MAGTITINDA: Nagkakahalaga ng tatlong daang piso ang bawat bangus. <BR><EM><FONT color=#666666>VENDOR: It costs P300 per milkfish.</FONT></EM> </P></BLOCKQUOTE>
<P><BR>Mayroon kaming iba't ibang klase nito. Gusto mo ba ng maliit, katamtaman, o malaking bangus? - <EM><FONT color=#666666>I have different kinds of them. Would you like small, medium or large milkfish?</FONT></EM></P>
<UL>
<LI><STRONG>maliit</STRONG> - <EM>small<BR></EM><STRONG>mas maliit</STRONG> - <EM>smaller</EM><BR><STRONG>pinakamaliit</STRONG> - <EM>smallest</EM> 
<LI><STRONG>malaki</STRONG> - <EM>large, big</EM><BR><STRONG>mas malaki</STRONG> - <EM>larger, bigger</EM><BR><STRONG>pinakamalaki</STRONG> - <EM>largest, biggest</EM><BR></LI></UL>
<P>Gusto kong bilhin ang pinakamalaking bangus ninyo.<BR><EM><FONT color=#666666>I would like to buy the largest milkfish you have.</FONT></EM> <BR></P>
<P>Ayoko ng maliit na isda, mas gusto ko ng mas malaking isda.<BR><EM><FONT color=#666666>I do not like small fish, I prefer large fish.</FONT></EM></P>
</div>

</div>
</body>
</html>