<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<!--
Copyright (c)  : DLIFLC 2002, 2003, 2004, 2005
-->

<title>Activity # 1 of 5 </title>

<meta http-equiv="Content-Type"      content="text/html;  charset=utf-8" />
<meta http-equiv="Content-Language"  content="en" />
<meta http-equiv="Cache-Control"     content="no-cache" />
<meta http-equiv="pragma"            content="no-cache" />
<meta http-equiv="Expires"           content="0" />
<meta name="Author"                  content="DLIFLC" />

<script language="JavaScript" type="text/JavaScript" src="iHTML.txt"></script>

  

<style type="text/css" id="id_css1">
/*-------------------------------------------------------------------------*/

#id_body
  {
  background-color            : #F9F8F0;
  font-family                 : Arial, Verdana;
  margin-top                  : 10px;
  margin-left                 : 5px;
  background-image            : url(../../images/bg.gif);
  }

p
  {
  margin-top       : 0.3cm;
  margin-bottom    : 0px;
  }
.css_workArea
  {
  background-color   : #F9F8F0;
  }
.bar
  {
  background-color   : #A7B0B8;
  color              : #594844;
  }
.over_title
  {
  font-weight        : bold;
  color              : #FFFFFF;
  }
.bar_highlight
  {
  border-bottom      : 1px solid #000000;
  }
.btn
  {
  cursor             : pointer;
  }
.txt_bg
  {
  background-color   : #E7EFEA;
  }
.css_act, .css_WordBox2
  {
  background-color   : #C5CBC8;
  color              : #594844;
  }
.css_inst
  {
  background-color   : #E6ECF3;
  }
.drk_box
  {
  background-color   : #616B66;
  color              : #EFEFEF;
  }
.txt_bg2
  {
  background-color   : #fefefe;
  }
.top
  {
  background-color   : #5581BD;
  }
.topFaded
  {
  background-color   : #ACC0D8;
  }
.inner
  {
  background-color   : #F9F8F0;
  }
.shading
  {
  background-color   : #ACC0D8;
  }
.inst_on
  {
  font-size          : 90%;
  display            : inline;
  cursor             : pointer;
  }
.inst_off
  {
  font-size          : 90%;
  display            : none;
  cursor             : pointer;
  }
.css_note
  {
  margin-top        : 5px;
  padding           : 3px;
  }
.css_catTitle
  {
  color             : #666666;
  font-weight       : bold;
  }


/*-------------------------------------------------------------------------*/
</style>



<script language="JavaScript" type="text/JavaScript" defer>



function loadVid( FN, B)  //added 09/20/2007
  {
  var wr = ''
  function ws()
    {
    for (var i=0, L=arguments.length; i<L; i++)
      wr += arguments[i]
    }

  function loadPlayer( A )
    {
    ws( '<embed ' )
    ws( ' src="', A, '"' )
    ws( ' width="270"'  )
    ws( ' height="232"'  )
    ws( ' quality="high"' )
    ws( ' bgcolor="#d4d4d4"' )
    ws( ' allowScriptAccess="sameDomain"' )
    ws( ' wmode="transparent"' )
    ws( ' type="application/x-shockwave-flash"' )
    ws( ' pluginspage="http://www.macromedia.com/go/getflashplayer">' )
    ws( '<\/embed>' )
    }

   loadPlayer( B ? 'videoTest.swf?theFile=' + encodeURIComponent(FN) + '&autoStart=true' : 'videoTest.swf?theFile=' + encodeURIComponent(FN) + '&autoStart=false')

  return wr
  }


DLI_main_init()

function DLI_main_init()
  {
  set_global_var( '$w_lib',     new w_class().get_source() )
  set_global_var( 'gv_ISwap',   true )
  set_global_var( 'gv_pop_win', null )
  }

function set_global_var( name, val )
  {
  eval( 'window[name] = val' )
  }

function IE()
  {
  var a = navigator.userAgent.toLowerCase()
  return a.indexOf("msie") != -1
  }

// --------------------------------- Page Building Utilities Add-in ---------------------------------------
function xid( a )
  {
  return document.getElementById( a )
  }

function spf( s, t )
  {
  var n=0
  function F()
    {
    return t[n++]
    }
  return s.replace(/~/g, F)
  }

function print_class()
  {
  var w = null
  function xid(a)
    {
    return document.getElementById(a)
    }
  this.registerChild = function(the_win)
    {
    w = the_win
    }
  this.init = function()
    {
    var e = document.createElement('div')
    e.innerHTML = '<iframe src="PrShell.htm" style="position: absolute; right: 0px; top: -1000px; margin:0; padding:0; width:100%;"><\/iframe>'
    document.body.appendChild(e)
    }
  this.getPrintWindow = function()
    {
    return w
    }
  }//print_class

var w0
var w1
var w2

function popup_class()
  {
  var _this     = this
  var imageDir  = window.DSW ? 'S_image/' : '../../images/'
  var theID     = 0
  var ie        = document.all && !window.opera
  var tjx       = []
  var PWX       = {}
  _this.resizable = true

  function xid(a)
    {
    return document.getElementById(a)
    }
  function spf(s, t)
    {
    var n=0
    function F()
      {
      return t[n++]
      }
    return s.replace(/~/g, F)
    }
  function px(A)
    {
    return A + 'px'
    }
  function IntI(a)
    {
    return parseInt(a)||0
    }
  this.registerChild = function(the_id, the_win)
    {
    var t = PWX[the_id]
    t.the_child_window = the_win
    t.onopen()
    return t
    }
  this.init = function(the_id,  af)
    {
    var wr = ''
    function ws()
      {
      for (var i=0, n=arguments.length; i<n; i++)
        wr += arguments[i]
      }
    function wl()
      {
      ws.apply(this, arguments)
      ws(String.fromCharCode(13, 10))
      }
    if (!xid('id_popup_wrapper'))
      {
      var e = document.createElement('div')
      e.id = 'id_popup_wrapper'
      e.innerHTML = '<span style="display:none">&nbsp;<\/span>'
      document.body.appendChild(e)
      }
    var e = document.createElement('div')
    e.id = the_id


    ws('<div class="css_d-h_div" style="padding: 2px; text-indent: 3px; font: 90% Arial; color: white; background-color: #a6a6a6; cursor: move; width: auto; overflow : hidden;">')
    ws('<span></span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 2px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" \/>&nbsp;')
    ws('<img src="', imageDir, 'minimize.gif" title="Minim" \/>&nbsp;')
    ws('<img src="', imageDir, 'close.gif"    title="Close" \/>')
    ws('<\/div><\/div>')
    ws('<div class="css_d-content_div" style="background-color: #F9F8F0; padding: 4px; text-indent: 0px; font: 90% Arial; overflow: auto;"><\/div>')
    if(af)
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:100%; background-color: #F9F8F0; display:none;"></div>')
    ws('<div id="stat" class="css_d-status_div" style="border-top: solid gray 1px; background-color: #F8F8F8; height: 13px;"><div class="css_d-resizer" style="float: right; width : 13px; height: 13px; cursor: nw-resize; font-size: 0; background: transparent url(', imageDir, 'resize.gif) top right no-repeat;"><\/div>')
    wl('<\/div>')
    e.innerHTML = wr
    xid('id_popup_wrapper').appendChild(e)
    this.z = this.z ? this.z++ : 100
    var t = xid(the_id)
    t.style.cssText = 'position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; visibility: hidden; background-color: white;'
    var d = t.getElementsByTagName('div')
    for (var i=0; i<d.length; i++)
      if (/css_d-/.test(d[i].className))
        t[d[i].className.replace(/css_d-/, '')] = d[i]
    t.style.zIndex = this.z
    t.h_div._parent = t
    t.controls._parent = t
    t.resizer._parent = t
    t.onopen = function()
      {
      return true
      }
    t.onclose = function()
      {
      return true
      }
    t.onmousedown = function()
      {
      _this.z++
      this.style.zIndex = _this.z
      }
    t.minimize = function()                                          // the whole minimization business // MG
      {
      var divs = []
      for(var ii=0; ii<this.childNodes.length; ii++)
        {
        if(this.childNodes[ii].nodeType == 1)
          divs.push(ii)
        }
      for(var kk=0, ll=divs.length; kk<ll; kk++)                     // the battle to keep the invisible status bars as they are // MG
        {
        if( (this.childNodes[kk].nodeName == 'DIV')&&(this.childNodes[kk].style.display == "block") )
          this.childNodes[kk].style.display = "none"
        else if( ( t.resizable != false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          this.childNodes[kk].style.display = "block"
        else if( ( t.resizable == false ) && (this.childNodes[kk].nodeName == 'DIV') && (this.childNodes[kk].style.display == "none") )
          {
          if(kk < ll-1)
            this.childNodes[kk].style.display = "block"
          }
        }
      }
    t.lock = function( L )                                           // to lock the window so it can't be dragged //MG
      {
      var yn = L.src.indexOf('unlocked') > -1 ? L.src.replace(/un(locked)(.*)(\.gif)$/,"$1$2$3") : L.src.replace(/(locked)(.*)(\.gif)$/,"un$1$2$3")
      L.src = yn
      if( yn.indexOf('unlocked') == -1 )
        this.h_div.onmousedown = function()
          {
          return true
          }
      else
        this.h_div.onmousedown = t.resizer.onmousedown
      }
    t.printout = function()
      {
      var wp = print_manager.getPrintWindow()
      var txt = this.getElementsByTagName("DIV")[2].innerHTML        //alternatively, we could name the DIV but I was lazy // MG
      wp.xid('id_out').innerHTML = txt
      wp.focus()                                                     // if not given focus, it'll print the top win // MG
      wp.print()
      }
    t.h_div.onmousedown = t.resizer.onmousedown = function(e)
      {
      dragging = true
      var d = _this
      var t = this._parent
      t.style.filter = 'alpha(opacity=50)'
      t.style.opacity = 0.5
      d.etarget = this
      var e = window.event || e
      d.initmousex = e.clientX
      d.initmousey = e.clientY
      d.initx = IntI(t.offsetLeft)
      d.inity = IntI(t.offsetTop)
      d.width = IntI(t.offsetWidth)
      d.contentheight = IntI(t.content_div.offsetHeight)
      document.onmousemove = function(e)
        {
        var d = _this
        var etarget = d.etarget
        var e = window.event || e
        d.d_x = e.clientX-d.initmousex
        d.d_y = e.clientY-d.initmousey
        if ( (etarget.className=='css_d-h_div') && dragging )
          d.move(etarget._parent)
        else if (etarget.className=='css_d-resizer')
          d.resize(etarget._parent, e)
        return false
        }
      document.onmouseup = function ceeze()        // named the function to call it from elsewhere //MG
        {
        dragging = false                           // added a variable to make DIVs draggable or docked //MG
        _this.etarget = null
        document.onmousemove = document.onmouseup = null
        document.onmouseover = document.onmouseout = null
        t.style.filter = 'alpha(opacity=100)'
        t.style.opacity = 1.0
        }
      t.onmouseout = function()                    // This entire function to
        {                                          // drop the window if the mouse exits the DIV and is about to mouseout the window
        var e = window.event || e                  //
        if( e.clientX < 40 || e.clientY < 20 )     // when approaching left & top egdes of the window
          ceeze()                                  // do the same as mouseup
        }                                          //
      return false                                 //
      }                                            //   MG & BL
    t.controls.onclick = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close/i.test(sourceobj.getAttribute('title')))
        d.close(this._parent)
      else if (/Minim/i.test(sourceobj.getAttribute('title')))
        this._parent.minimize()
      else if (/Lock/i.test(sourceobj.getAttribute('title')))
        this._parent.lock( sourceobj )
      else if (/Printer/i.test(sourceobj.getAttribute('title')))
        this._parent.printout()
      return false
      }
    t.controls.onmouseover = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/(\.gif)/,"_on$1")
      return false
      }
    t.controls.onmouseout = function(e)
      {
      var d = _this
      var sourceobj = window.event ? window.event.srcElement : e.target
      if (/Close|Minim|Lock|Printer/i.test(sourceobj.getAttribute('title')))
        sourceobj.src = sourceobj.src.toString().replace(/_on(\.gif)/,"$1")
      return false
      }
    t.moveTo = function(x, y)
      {
      _this.moveTo(this, x, y)
      }
    t.show = function()
      {
      _this.show(this)
      }
    t.hide = function()
      {
      _this.close(this)
      }
    t.setHTML = function(HTML)
      {
      _this.setHTML(this, HTML)
      }
    t.setSize = function(w, h)
      {
      _this.setSize(this, w, h)
      }
    t.setResize = function(b)
      {
      _this.setResize(this, b)
      }
    t.setTitle = function(t, RTL)
      {
      _this.setTitle(this, t, RTL)
      }
    tjx.push(t)
    return t
    }
  this.move = function(t)
    {
    t.style.left = px(Math.max(10, this.d_x+this.initx))
    t.style.top  = px(Math.max(10, this.d_y+this.inity))
    }
  this.open = function(S)
    {
    var t = this.init(theID, S.aud)
    t.setSize(S.width, S.height)
    t.moveTo(S.x, S.y)
    t.setResize(S.resize != false ? true : false)
    t.style.visibility = 'visible'
    t.style.display = 'block'
    t.content_div.style.display = 'block'
    t.content_div.style.overflow = 'auto'
    var v = '&nbsp;'
    t.content_div.innerHTML = v
    var u = '_id_pop_win_' + t.id
    PWX[u] = t
    if (ie)
      {
      var a = xid('id_popup_wrapper').getElementsByTagName('*')
      for (var i=0, L=a.length; i<L; i++)
        a[i].unselectable = 'on'
      }
    theID++
    return t
    }
  this.setHTML = function(t, HTML)
    {
    t.content_div.innerHTML = HTML
    }
  this.setSize = function(t, w, h)
    {
    t.style.width              = px(Math.max(IntI(w), 150))
    t.content_div.style.height = px(Math.max(IntI(h), 100))
    }
  this.moveTo = function(t, x, y)
    {
    this.update_pos()
    t.style.left = px(this.scroll_left + IntI(x))
    t.style.top  = px(this.scroll_top  + IntI(y))
    }
  this.setResize = function(t, b)
    {
    if(!b)
      t.resizable = false
    t.status_div.style.display = b ? 'block' : 'none'
    }
  this.setTitle = function(t, title, RTL)
    {
    t.h_div.firstChild.innerHTML = title
    if (RTL)
      {
      var s = t.h_div.style
      //t.h_div.dir = 'rtl' --- turned off because screws up buttons in the title bar //MG
      s.paddingLeft = '5px'
      s.textAlign = 'left'
      }
    }
  this.update_pos = function()
    { 
    var domclientWidth = document.documentElement && IntI(document.documentElement.clientWidth) || 99999
    this.standardbody  = document.compatMode=='CSS1Compat' ? document.documentElement : document.body
    this.scroll_top  = ie ? this.standardbody.scrollTop    : window.pageYOffset
    this.scroll_left = ie ? this.standardbody.scrollLeft   : window.pageXOffset
    this.docwidth    = ie ? this.standardbody.clientWidth  : /Safari/i.test(navigator.userAgent) ? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
    this.docheight   = ie ? this.standardbody.clientHeight : window.innerHeight
    }
  this.resize = function(t, e)
    {
    t.style.width = px(Math.max(this.width+this.d_x, 150))
    t.content_div.style.height = px(Math.max(this.contentheight+this.d_y, 100))
    }
  this.close = function(t)
    {
    try
      {
      if(t==w2)
        {
        var myCheck = confirm ("Are you sure to close the popup window?")
        if(myCheck)
          var b = t.onclose()
        }
      else
        var b = t.onclose()
      }
    catch(e)
      {
      //alert(e)
      var b = true
      }
    if (b)
      {
      this.update_pos()
      t.lastx = IntI((t.style.left || t.offsetLeft))-this.scroll_left
      t.lasty = IntI((t.style.top || t.offsetTop))-this.scroll_top
      t.lastwidth = t.style.width
      t.style.display = 'none'
      }
    return b
    }
  this.show = function(t)
    {
    if (t.lastx)
      {
      this.update_pos()
      t.state = ''
      t.content_div.style.display = 'block'
      t.status_div.style.display = 'block'
      var s = t.style
      s.display = 'block'
      s.left = px(IntI(t.lastx)+_this.scroll_left)
      s.top =  px(IntI(t.lasty)+_this.scroll_top)
      s.width = px(IntI(t.lastwidth))
      }
    else
      t.style.display = 'block'
    t.state = ''
    }
  this.allDone = function()
    {
    var A = tjx
    for (var i=0; i<A.length; i++)
      A[i].h_div._parent = A[i].resizer._parent = A[i].controls._parent = null
    }
  }//popup_class

function InSwap( ch )
  {
  xid( 'vir_id_XL_inst0' ).className = xid( 'vir_id_XL_inst0' ).className == 'inst_off' ? 'inst_on' : 'inst_off'
  xid( 'vir_id_FL_inst0' ).className = xid( 'vir_id_FL_inst0' ).className == 'inst_on' ? 'inst_off' : 'inst_on'
  }

function w_class()
  {
  var wr = ''
  function ws()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    }
  function wl()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    wr += String.fromCharCode(32, 13, 10)
    }
  function init()
    {
    wl( "var wr = ''"     )
    wl( ws.toString()     )
    wl( wl.toString()     )
    }
  this.get_source = function()
    {
    return wr
    }
  init()
  }//w_class

// -------------------------------- Window and Dialog Box Utilities - start -------------------------------
function w_open( url, ww, hh )
  {
  hh = hh || 300
  ww = ww || 500
  if (window.showModelessDialog)
    {
    var p = spf( 'dialogWidth:~px; dialogHeight:~px; help:0; resizable:1; status:0', [ww, hh] )
    var w = showModelessDialog( url, '', p )
    }
  else
    {
    var p = spf( 'toolbar=0, scrollbars=1, menubar=0, resizable=1, status=0, location=0, directories=0, width=~px, height=~px', [ww, hh] )
    var w = open( url, '_blank', p )
    }
  if (!url)
    {
    eval( $w_lib )
    wl( '<html>' )
    wl( '<head>' )
    wl( '<meta http-equiv="Content-Type"  content="text/html; charset=utf-8" />' )
    wl( '<style type="text/css">' )
    wl( 'body' )
    wl( '  {' )
    wl( '  background-color: Cornsilk' )
    wl( '  }' )
    wl( '<\/style>' )
    wl( '<title>LOG-POPUP window<\/title>' )
    wl( '<\/head>' )
    wl( '<body>' )
    wl( '<\/body>' )
    wl( '<\/html>' )
    var d = w.document.open( 'text/html' )
    d.writeln( wr )
    d.close()
    }
  return w
  }//w_open
// --------------------------------------- Pop-Up Window Add-In -------------------------------------------
function PopUp(fb, usg, audio, dh, dw, B)       //revised 10/19/2007 : added 'B' 
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w0.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w0.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio, B))     //added 'B'
      }
    }
  if( w0 )
    {
    while (w0.firstChild)
      w0.removeChild(w0.firstChild)
    pop_manager.close(w0)
    }
  var af = (audio != undefined) ? true : false
  w0 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp

function PopUp2(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w1.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )
    w1.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w1 )
    {
    while (w1.firstChild)
      w1.removeChild(w1.firstChild)
    pop_manager.close(w1)
    }
  var af = (audio != undefined) ? true : false
  w1 = pop_manager.open({x: 120, y: 240, width: 500, height: 280, aud: af})
  AA()
  }//PopUp2

function PopUp3(fb, usg, audio, dh, dw)       //revised 10/19/2007
  {
  function AA()
    {
    var myTitle = usg ? usg : 'Feedback'
    w2.setTitle( myTitle )
    var fbs = fb.toString().replace(/(<div\s+.*\s*id\s*=\s*["']*)(\w*_*\w*)(["']*)/ig, "$1vir_$2$3" )

    w2.setHTML( fbs )
    if(audio)
      {
      xid('vir_id_mediaPlayerHolder').style.display = 'block'
      xid('vir_id_mediaPlayerHolder').style.zIndex = 102
      IHTML(xid('vir_id_mediaPlayerHolder'), loadAud("media/" + audio + ""))
      }
    }
  if( w2 )
    {
    while (w2.firstChild)
      w2.removeChild(w2.firstChild)
    pop_manager.close(w2)
    }
  var af = (audio != undefined) ? true : false
  w2 = pop_manager.open({x: 60, y: 120, width: 500, height: 280, aud: af})
  AA()
  }//PopUp3

// ------------------------------- Window and Dialog Box Utilities - end ----------------------------------

var gv_max = gv_pg = 0

function getProgressBar()
  {
  if( xid("id_progressBar") )
    {
    var myPage = gv_pg + 1
    var myProgInt = xid("id_progressBar")
    var myProgBtm = xid("id_progressBtm")
    gv_max = gv_max > 1 ? gv_max : 1
    if (window.DSW)
      if (gv_max > 1)
        {
        var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
        myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
        myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
        myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
        }
      else
        var myCnt = ''
    else
      {
      var myCnt = itemType ? '<img src="../../images/bn' + itemType + '.gif" width="55" height="24">' : ''
      myCnt += '<img id="id_bck" src="../../images/inBack.gif" onclick="back()" width="20" height="24" border="0" alt="Back">'
      myCnt += '<img id="id_myPlace" src="../../images/in' + myPage + '.gif" width="17" height="24"><img src="../../images/inOf.gif" width="14" height="24"><img id="id_myMax" src="../../images/in' + gv_max + '.gif" width="17" height="24">'
      myCnt += '<img id="id_next" src="../../images/inNext.gif" onclick="next()" width="20" height="24" border="0" alt="Next">'
      }
    myProgInt.innerHTML = myCnt
    }
  }

function initPg()
  {
  if( xid("id_progressBar") )
    {
    x = xid('id_bck')
    y = xid('id_next')
    z = xid('id_Q0')
    if (z)
      z.style.display = 'inline'
    }
  }

function countQ()
  {
  var x = 0
  var iBnk = xid('id_itemBnk')
  if(iBnk)
    {
    var t = iBnk.getElementsByTagName('table')
    for (var i=0; i<t.length; i++)
      if(t[i].className == 'cls_Q')
        x++
    gv_max = x
    }
  getProgressBar()
  initPg()
  }

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="al_geo006_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()
  }

window.onunload = function()
  {
  this.pop_manager.allDone()                                                                   //---added-MG--//
  if (window.DSW)
    DSW.pg_unload()
  }

window.onload = function()
  {
  this.print_manager = new print_class()                                                //---added-MG--//
  this.print_manager.init()                                                             //---added-MG--//
  this.pop_manager = new popup_class()                                                  //---added-MG--//
  countQ()
  if (window.DSW)
    DSW.pg_load( gv_max )
  initActy()
  PopUp( xid('id_instruction').innerHTML,'Instructions' )
  }

// --------------------------------------- DLI Standard Javascript - end ---------------------------------------------


// -------------------------------- Activity Specific Javascript - start ---------------------------------------------

set_global_var( 'itemType', 'page' )
set_global_var( 'oldItem', null )


function clearBG()
  {
  var iBnk = document.getElementById ('id_itemBnk')
  var t = iBnk.getElementsByTagName('td')
  for (var i=0; i<t.length; i++)
    t[i].className = ''
  }

function highlightBG(oId, status)
  {
  oId.className = status ? "txt_bg" : ""
  }

function checkAns(oId, n, m)
  {
  // --------------------- sets/turns off highlight function for each item - start ------------------------
  if(oldItem)
    {
    oldItem.onmouseover = function(){highlightBG(this, true)}
    oldItem.onmouseout = function(){highlightBG(this, false)}
    }
  oId.onmouseout = function(){}
  oId.onmouseover = function(){}
  // --------------------- sets/turns off highlight function for each item - end ------------------------

  clearBG()
  var fed1 = xid('id_fd' + n).innerHTML
  var sp = fed1.split ('||')
  xid('s' + n).className = "txt_bg"
  oId.className = "txt_bg"
  fed2 = xid('id_fd' + n)
  var u = fed2.getElementsByTagName ('span')
  if (u.length)
   for (var i=0; i<u.length; i++)
     {
     u[i].style.textDecoration = 'underline'
     u[i].style.fontWeight = 'bold'
     }
  oldItem = oId
  var test = fed2.innerHTML
  var ok = -1
  if (m == 0)
    {
    ok ++
    test = sp[0]
    }
  else
    test = sp[1]
  if (window.DSW)
    {
    var myScore =  ok >= 0 ? 100 : 0
    DSW.score_item( n-1, myScore )
    DSW.set_score_exists ( myScore )
    }
  PopUp(test)
  }//checkAns

// -------------------------------- Activity Specific Javascript - End -----------------------------------------------

function nextAddOn()
    {
    }

function backAddOn()
    {
    }

function initActy()
  {
  with(xid('id_view'))
    style.visibility = xid('id_text') ? 'visible' :'hidden'
  with (new foundation_gif_btn_class('id_glossary') )
    do_click = function()
      {
      window.open('al_geo006_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_info') )
    do_click = function()
      {
      window.open('al_geo006_info.html', 'information', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_resources') )
    do_click = function()
      {
      window.open('al_geo006_resources.html', 'resources', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=500, height=385')
      }

  with (new foundation_gif_btn_class('id_source') )
    do_click = function()
      {
      window.open('al_geo006_source.html', 'source', 'directories=0, location=0, menubar=0, resizable=0, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=522')
      }

  with (new foundation_gif_btn_class('id_tutorial') )
    do_click = function()
      {
      
      }

  with (new foundation_gif_btn_class('id_feedback') )
    do_click = function()
      {
      
      }

  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 - al_geo006')
      }

  with (new foundation_gif_btn_class('id_refreshBtn') )
    do_click = function()
      {
      pageReload()
      }



  }//initActy

</script>
</head>
<body id="id_body">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="height:100%">
  <tr>
    <td>
      <table width="765" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td>
            <table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="567">
                  <table width="546" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="96" height="43">
                        <img src="../../images/nf1.gif" width="96" height="43" alt="" /></td>
                      <td width="450" height="12">
                        <img src="../../images/nf2.gif" width="450" height="12" alt="" /></td>
                      <td rowspan="3" width="21" height="43">
                        <img src="../../images/nf4.gif" width="21" height="43" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="450" height="25">
                        <table width="450"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="75" height="25" class="top">
                              <img id="id_glossary" src="../../images/glossary.gif" alt="Glossary Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_source" src="../../images/source.gif" alt="Original Source Text/Audio" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_info" src="../../images/info.gif" alt="Information Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <img id="id_resources" src="../../images/resources.gif" alt="Additional Resources Page" width="75" height="25" border="0" class="btn" /></td>
                            <td width="75" height="25" class="top">
                              <a href="../../tutorial.html" title="GLOSS Tutorial" target="_blank">
                                <img id="id_tutorial" src="../../images/tutorial.gif" alt="GLOSS Tutorial" width="75" height="25" border="0" class="btn" /></a></td>
                            <td width="75" height="25" class="top">
                              <a href="../../questionnaire.html?name=al_geo006&lang=Albanian" title="GLOSS Questionnaire" target="_blank">
                                <img id="id_feedback" src="../../images/feedback.gif" alt="GLOSS Questionnaire" width="75" height="25" border="0" class="btn" /></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td width="450" height="6">
                        <img src="../../images/nf3.gif" width="450" height="6" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td rowspan="2" align="left">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="43" height="37" align="left">
                        <img src="../../images/albanian2.gif" width="43" height="37" alt="" /></td>
                      <td rowspan="2" width="138" height="89" align="left">
                        <img src="../../images/albanian1.gif" width="138" height="89" alt="" /></td>
                      <td rowspan="2" width="17" height="52" align="left">
                        <img src="../../images/nf6.gif" width="17" height="89" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="43" height="52" align="left" class="top">
                        <img src="../../images/albanian3.gif" width="43" height="52" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table width="546"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td rowspan="3" width="50" height="46">
                        <img src="../../images/logo.gif" width="50" height="46" alt="" /></td>
                      <td rowspan="3" class="top">
                        <img src="../../images/nf7.gif" width="7" height="46" alt="" /></td>
                      <td width="510" height="18" class="top">
                        <img src="../../images/nf8.gif" width="510" height="18" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="510" height="20" class="top" >
<img src="../../images/activities.gif" border="0" width="70" height="20" alt=""/><a href="default.html" title="Lesson Overview"><!--
--><img id="id_overview" src="../../images/button0.gif" alt="Lesson Overview" onmouseover="this.src='../../images/button0_on.gif'" onmouseout="this.src='../../images/button0.gif'" border="0" width="16" height="20" /></a><!--
--><img src="../../images/here1.gif" alt="Activity 1" border="0" width="16" height="20" test="0"><!--
--><a href="al_geo006_act2.html" title="Activity 2"><!--
--><img id="id_act2" src="../../images/button2.gif" alt="Activity 2" onmouseover="this.src='../../images/button2_on.gif'" onmouseout="this.src='../../images/button2.gif'" border="0" width="16" height="20" /></a><!--
--><a href="al_geo006_act3.html" title="Activity 3"><!--
--><img id="id_act3" src="../../images/button3.gif" alt="Activity 3" onmouseover="this.src='../../images/button3_on.gif'" onmouseout="this.src='../../images/button3.gif'" border="0" width="16" height="20" /></a><!--
--><a href="al_geo006_act4.html" title="Activity 4"><!--
--><img id="id_act4" src="../../images/button4.gif" alt="Activity 4" onmouseover="this.src='../../images/button4_on.gif'" onmouseout="this.src='../../images/button4.gif'" border="0" width="16" height="20" /></a><!--
--><a href="al_geo006_act5.html" title="Activity 5"><!--
--><img id="id_act5" src="../../images/button5.gif" 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" alt="" /></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>

          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" >
                  <img src="../../images/nf10.gif" width="7" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf23.gif" width="10" height="8" alt="" /></td>
                <td width="100%" class="topFaded">
                  <img src="../../images/nf11.gif" width="100%" height="8" alt="" /></td>
                <td width="10" class="topFaded">
                  <img src="../../images/nf22.gif" width="10" height="8" alt="" /></td>
                <td width="7" >
                  <img src="../../images/nf12.gif" width="7" height="8" alt="" /></td>
              </tr>
              <tr >
                <td width="7" height="100%" >
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="topFaded" height="30">
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="190">
                        <div id="id_mediaPlayerHolder" style="width:186; height:29;"></div></td>
                      <td width="100%" height="30" class="title" align="center"><div dir="ltr"><font color="#fefefe"><b>Shqipëria në listën turistike të "National Geographic"</b></font></div></td>
                      <td width="70">
                        <img src="../../images/1px.gif" alt="" width="70" height="30" border="0"></td>
                      <td width="30" height="30" align="center">
                        <img src="../../images/1px.gif" alt="" width="29" height="29" border="0" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_instructionBtn" src="../../images/btnInstruction.gif" alt="Click for Instructions" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_bookmarkBtn" src="../../images/btnBookmark.gif" alt="Click to Bookmark this Activity" width="29" height="29" border="0" class="btn" /></td>
                      <td width="30" height="30" align="center">
                        <img id="id_refreshBtn" src="../../images/btnRefresh.gif" alt="Reload Page - Clears Activity" width="29" height="29" border="0" class="btn" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="100%" >
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" >
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
                <td class="inner" height="9" valign="top">
                  <img src="../../images/1px.gif" width="720" height="9" alt="" /></td>
                <td width="10" class="inner" height="100%" rowspan="2">
                  <img src="../../images/nf21.gif" width="10" height="100%" alt="" /></td>
                <td width="7"  height="100%" rowspan="2">
                  <img src="../../images/nf14.gif" width="7" height="100%" alt="" /></td>
              </tr>
              <tr>
                <td>
                  <script type="text/javascript">
                    if(screen.availHeight < 600)
                     document.write('<div id="id_wrkgArea" style="height:350px;overflow:auto;" class="css_workArea">')
                    else
                     document.write('<div id="id_wrkgArea" style="height:500px;overflow:auto;" class="css_workArea">')
                  </script>
      
<!--                               Content Starts Here                    -->

<table cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td>
      <P align=left><STRONG><IMG alt="Ujvara e Grunasit" hspace=3 src="Images/al_geo006_Ujvara-Grunasit.gif" align=left vspace=3 border=0 _src="Images/al_geo006_Ujvara-Grunasit.gif"><IMG alt="Bregdeti shqiptar" hspace=3 src="Images/al_cul004_albaniaSea2.gif" align=right vspace=3 border=0 _src="Images/al_cul004_albaniaSea2.gif">Çfarë dini për Shqipërinë?</STRONG> </P>
<P align=left><EM>Determine how much you already know about Albania. The following statements and feedback that accompanies each of your answers will help you gain a better understanding of Albania.</EM> </P>
</td>
  </tr>

  <tr>
    <td align="right">
      <img id="id_view" onclick="PopUp(xid('id_text').innerHTML, 'Main Text')" src="../../images/btnViewText.gif" alt="View Text" width="84" height="20" onmouseover="this.src='../../images/btnViewText_on.gif'" onmouseout="this.src='../../images/btnViewText.gif'" style="visibility:hidden" class="btn" /></td>
  </tr>
</table>
<div id="id_itemBnk">
<table cellpadding="3" cellspacing="0" border="0" width="100%">
  <tr>
    <td width="720" valign="top">

        <table id="id_Q0" width="100%" cellspacing="0" cellpadding="0" border="0" class="cls_Q" style="display:none;">
          <tr>
            <td width="530" id="s1" style="border:1px #cccccc solid;padding-right:5px;padding-left:5px">
              <FONT color=#0000ff>Shqipëria laget nga deti Adriatik dhe deti Jon.</FONT>
</td>
       
            <td width="100" onclick="checkAns(this,1, 0)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              True
</td>
            <td width="100" onclick="checkAns(this,1, -1)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              False
</td>
          </tr>
          <tr>
            <td width="530" id="s2" style="border:1px #cccccc solid;padding-right:5px;padding-left:5px">
              <FONT color=#0000ff>Shqipëria shtrihet në Gadishullin Ballkanik dhe është një vend malor.</FONT>
</td>
       
            <td width="100" onclick="checkAns(this,2, 0)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              True
</td>
            <td width="100" onclick="checkAns(this,2, -1)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              False
</td>
          </tr>
          <tr>
            <td width="530" id="s3" style="border:1px #cccccc solid;padding-right:5px;padding-left:5px">
              <FONT color=#0000ff>Shqipëria është një vend komunist dhe i mbyllur prandaj aty nuk ka turistë.</FONT>
</td>
       
            <td width="100" onclick="checkAns(this,3, -1)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              True
</td>
            <td width="100" onclick="checkAns(this,3, 0)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              False
</td>
          </tr>
          <tr>
            <td width="530" id="s4" style="border:1px #cccccc solid;padding-right:5px;padding-left:5px">
              <FONT color=#0000ff>Shqipëria ka rreth tre milion e gjysmë banorë.</FONT>
</td>
       
            <td width="100" onclick="checkAns(this,4, 0)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              True
</td>
            <td width="100" onclick="checkAns(this,4, -1)" onmouseover="highlightBG(this, true)" onmouseout="highlightBG(this, false)" style="cursor:pointer;border:1px #cccccc solid;padding-right:5px;padding-left:5px" >
              False
</td>
          </tr>

        </table>

      </td>



  </tr>
</table>
</div>
 <!--                  Content Ends Here                -->
          </td>
        </tr>
        <tr>
          <td width="7" height="24">
            <img src="../../images/nf13.gif" width="7" height="100%" alt="" /></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf20.gif" width="10" height="100%" alt="" /></td>
          <td height="24" class="topFaded">
            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
              <tr>
                <td width="50%" align="center">
                  <div id="id_progressBar" class="topFaded"></div></td>
              </tr>
            </table></td>
          <td width="10" class="topFaded" height="24">
            <img src="../../images/nf21.gif" width="10" height="24" alt="" /></td>
          <td width="7" height="100%">
            <img src="../../images/nf14.gif" width="7" height="24" alt="" /></td>
        </tr>
        <tr>
          <td colspan="5">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td width="7" height="9">
                  <img src="../../images/nf15.gif" width="7" height="9" alt="" /></td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf24.gif" width="10" height="9" alt="" /></td>
                <td rowspan="2">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="16" height="7" class="topFaded">
                        <img src="../../images/nf17top.gif" width="16" height="7" alt="" /></td>
                      <td width="100%" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="100%" height="7" alt="" /></td>
                      <td width="14" height="7" class="topFaded">
                        <img src="../../images/nf18top.gif" width="14" height="7" alt="" /></td>
                      <td width="15" height="7" class="topFaded">
                        <img src="../../images/nf16top.gif" width="15" height="7" alt="" /></td>
                    </tr>
                    <tr>
                      <td width="100%" height="29">
                        <img src="../../images/nf16bot.gif" width="100%" height="29" alt="" /></td>
                      <td width="16" height="29">
                        <img src="../../images/nf17bot.gif" width="16" height="29" alt="" /></td>
                      <td width="100%" height="29">
                        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td id="id_progressBtm">
                        <img src="../../images/copyright.gif" width="150" height="24" alt="Copyright DLIFLC - 2004" border="0"></td>
                          </tr>
                          <tr>
                            <td colspan="3">
                              <img src="../../images/nf30.gif" width="100%" height="5" alt="" /></td>
                          </tr>
                        </table>
                      </td>
                      <td width="14" height="29">
                        <img src="../../images/nf18bot.gif" width="14" height="29" alt="" /></td>
                      <td width="15" height="29">
                        <img src="../../images/nf16bot.gif" width="15" height="29" alt="" /></td>
                    </tr>
                  </table>
                </td>
                <td width="10" class="topFaded" height="9">
                  <img src="../../images/nf25.gif" width="10" height="9" alt="" /></td>
                <td width="7" height="9">
                  <img src="../../images/nf19.gif" width="7" height="9" alt="" /></td>
              </tr>
              <tr>
                <td width="7"  height="27" >
                  <img src="../../images/nf26.gif" width="7" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf27.gif" width="10" height="27" alt="" /></td>
                <td width="10" height="27">
                  <img src="../../images/nf28.gif" width="10" height="27" alt="" /></td>
                <td width="7"  height="27">
                  <img src="../../images/nf29.gif" width="7" height="27" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>


<div id="id_instruction" style="display:none;">
  <div style="height:95%;padding:5px;" onclick="InSwap( this )">
  <center style="font-size:80%;color:#666666;"><i>(Click text to switch language)</i></center>
  <hr width="75%" size="1" />
  <div id="id_FL_inst0" title="Click to see the English instruction." class="inst_on">
      <div dir="ltr" style="">Lexoni fjalitë e mëposhtëme dhe vendosni cilat janë të vërteta dhe cilat nuk janë të vërteta. Lexoni <EM>View Text</EM> për të marrë informacion për Shqipërinë.</div>
  </div>
  <div id= "id_XL_inst0" title="Click to see the target language instruction." class="inst_off">
      <div dir="ltr" style="">Read the following statements about Albania and determine which ones are true and which are false. Read the article in <EM>View Text</EM> to learn more about Albania.</div>
  </div>
</div>
<div id="id_techNote" style="display:none;">
  <div style="height:95%;padding:3px;">
    1) You will be provided a statement followed by two options. Per the instructions, select the best option by clicking (the choice will be highlighted).<br />2) Read the feedback that appears for each selection. If your selection is incorrect, click on the other option and review the feedback (It is useful to review the feedback for both options, even if your first selection is correct.).<br />3) If you want to review the original text, click the "View Text" button.<br />4) Continue by clicking the next arrow on the bottom of the page until you have answered all the statements.
  </div>
</div>

</div>



<div id="id_text" style="display:none;">
  <div style=";padding:0.1cm">
<P><IMG alt=Shqipëria hspace=3 src="Images/al_env002_albaniaLakesMap.gif" align=left vspace=3 border=0 _src="Images/al_env002_albaniaLakesMap.gif"></P>
<P align=center><STRONG>Shqipëria</STRONG></P>
<P>Shqipëria është një vend mesdhetar i cili shtrihet në juglindje të Evropës, në perëndim të Gadishullit Ballkanik. Shqipëria ka një sipërfaqe prej 28.748 km².Shqipëria kufizohet nga Mali i Zi në veriperëndim, Kosova në veri, nga Maqedonia në lindje dhe Greqia në jug. Në kufirin natyror perëndimor Shqipëria ka dalje të hapur në Detin Adriatik dhe në jugperëndim në Detin Jon. </P>
<P>Gjatësia e vijës kufitare të Republikës së Shqipërisë është 1094 km, nga të cilat 657 km vijë kufitare tokësore, 316 km vijë bregdetare, 48 km vijë ndarëse përmes lumenjve dhe 73 km përmes liqeneve. </P>
<P>Kryeqyteti i saj është Tirana. Në perëndim Shqipëria laget nga Deti Adriatik e në jug-perëndim nga Deti Jon. Shqipëria ka një pozitë të favorshme gjeografike, pasi gjendet në kryqëzimin e rrugëve më të shkurtëra që kalojnë nga Mesdheu perëndimor për në Ballkan e Azinë e Vogël dhe kontrollon kalimin përmes kanalit detar të Otrantos. </P>
<P>Luginat e saj më të gjëra janë ato të lumenjve Drin, Shkumbin dhe Vjosë, që lehtësojne, njëkohësisht, lidhjen e brendshme të Ballkanit me detin Adriatik dhe të Azisë së Vogël me viset e Mesdheut. Bregdeti i Adriatikut shtrihet nga gryka e Bunës deri në Kepin e Gjuhëzes. Në gjirin e Vlorës e në drejtim të jugut, bregdeti është i lartë, shkëmbor, ku dominon mali i Karaburunit. Gjiret kryesore të Shqipërise janë: gjiri i Drinit, i Lalëzit, i Durrësit, i Karavastasë dhe i Vlorës, në hyrje të së cilës gjendet ishulli i Sazanit. </P>
<P><EM>Excerpt taken from Wikipedia.com</EM></P>
  </div>
</div>


<div id="id_feedbk" style="display:none;">
  <table>    <tr>
      <td width="100%" id="id_fd1"> <div style="color:#000080"><P><STRONG><IMG alt="Bredgeti shqiptar" hspace=3 src="Images/al_geo006_image2953.gif" align=left vspace=3 border=0 _src="Images/al_geo006_image2953.gif">Correct.</STRONG> </P>
<P>As you can see in the article, Albania has access to the sea. Albania is located in Southeastern Europe bordering&nbsp; the Adriatic Sea to the west and Ionian Sea to the southwest, Montenegro&nbsp; and Kosovo to the North, Macedonia to the East, and Greece to the South. It is a small country, slightly larger than the state of Maryland.</P>
<P>On the left is a photo of one of the beaches on the Ionian Sea.</P>
</div>||<div style="color:#000080">Read the feedback for the correct answer.
</div>
      </td>
    </tr>
    <tr>
      <td width="100%" id="id_fd2"> <div style="color:#000080"><P><STRONG><IMG alt="Malet e Shqipërisë" hspace=3 src="Images/al_cul010_20south.gif" align=left vspace=3 border=0 _src="Images/al_cul010_20south.gif">Correct.</STRONG> </P>
<P>Albania is located on the Balkan Peninsula. Albania is a mountainous region, where three quarters of its land is made of mountains. It is a beautiful land, where one can find beautiful seas, mountains, lakes and rivers. </P>
<P>On the left there is a view from the Northern Alps of Albania.</P>
</div>||<div style="color:#000080">Read the feedback for the correct answer.
</div>
      </td>
    </tr>
    <tr>
      <td width="100%" id="id_fd3"> <div style="color:#000080"><P><STRONG>Correct.</STRONG> </P>
<P>Albania used to be a very isolated communist country for 46 years. Now, Albania is no longer a communist country. Albania ended an almost half a century totalitarian regime during 1991-1992 and now is a multi-party democracy. However, Albania is still in a transition period toward a more modern open-market economy.</P>
</div>||<div style="color:#000080">Read the feedback for the correct answer.
</div>
      </td>
    </tr>
    <tr>
      <td width="100%" id="id_fd4"> <div style="color:#000080"><P><STRONG>Correct.</STRONG> </P>
<P>Albania has a population of about three and a half million people. However, one should know that there is a large population of Albanians in the neighboring countries, such as Kosovo (2 million), Macedonia (1 million) and Montenegro. Also, due to a large emigration after 1990, there are about 1 million Albanians living in Greece, Italy Germany and other European countries. Many Albanians live in the United States as well.</P>
</div>||<div style="color:#000080">Read the feedback for the correct answer.
</div>
      </td>
    </tr>
  </table>
</div>

</body>
</html>