<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>


<title>Course 1 Unit 12 JANGMADANG: FARMERS' MARKET</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">
/*-------------------------------------------------------------------------*/
html body {
	background: #798182 url("../../images/bg_main.gif") repeat;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}

html body, td, th, textarea, input, select, li {
	color: #333333;
	font: normal 14px/16px  Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

textarea, input{
	line-height: 11px;
	padding: 2px;
}

#container {
	background-color: #fff;
	border: 5px solid #85aba4;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 778px;
	voice-family: "\"}\"";
	width: 768px;
}

h2 {
	color: #747b7c;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 6px 0;
	text-align: center;
}

h2.block {
	background-color: #c5cfcf;
	clear: both;
	color: #6b7273;
	font-size: 14px;
	font-weight: bold;
	margin: -10px -10px 10px -10px;
	padding: 10px 6px;
	height: 15px;
	overflow: hidden;
	width: 364px;
}

h2.standout {
	clear: none;
	color: #51879a;
	margin-top: 10px;
	text-align: left;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 3px 0;
	text-align: left;
}
html>body #container {
	width: 768px;
}

table {
	margin: 10px 0px;
	border-collapse: collapse;
}
th strong {
	color: #333;
}
th {
	background: #dae1e2;
	height: 3em;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	text-align: left;
	border-left: 1px solid #3d3d3d;
	border-bottom: solid 2px #3d3d3d;
	border-top: solid 2px #3d3d3d;
}
tr {
	color: #707070;
	height: 2.0em;
}
td {
	padding-left: 12px;
	padding-right: 12px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
	font-size: 14px;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}

a {
	color: #d0372c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	padding: 4px 0 10px 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


label {
	cursor: pointer;
	vertical-align: middle;
}
#utilitynav {
	position: absolute;
	right: 15px;
	top: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#utilitynav li {
	background: none;
	border-right: 1px solid #9aa0a1;
	float: left;
	margin-right: 8px;
	padding: 1px 8px 1px 0;
}

#utilitynav li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}


#utilitynav li a {
	border: none;
	color: #636466;
}


#utilitynav li a:hover {
	color: #ff957a;
	text-decoration: none;
}


html>body #topnav ul li a {
	height: 25px;
}






#container-navigation {
	width: 768px;
	background-color: #ac2105;
	height: 22px;
	border-bottom: 1px solid #ffffff;
	float: none;
}


ul#navigation {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navigation li {
	display: inline;
	list-style: none;
	height: 22px;
}

#navigation li a {
	color: #ffffff;
	line-height: 22px;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 15px 2px 10px;
	border-right: 1px solid #ffffff;
}

#navigation li a:hover {

	color: #ff957a;


}

#navigation li a:active {



	text-decoration: underline;


}
table.content {
	width: 95.5%;
	margin-left: 1px;
}

#footer {
	margin: 7px auto;
	text-align: left;
	width: 750px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	background: none;
	border-right: 0px solid #9aa0a1;
	color: #f3f3f4;
	float: left;
	font-size: 11px;
	margin: 0;
	margin-right: 8px;
	padding: 0px 8px 2px 0;
}

#footer ul li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#footer ul li a {
	border: none;
	color: #f3f3f4;
}

#footer .tbone {
	border: none;
	float: right;
}

.css_stepDiv {
       display: none;
}

#id_stepNav {
     width: 95%;
     font-size: 12px;
     text-align: right;
     color: #666666;
     line-height: 100%;
}

.btn_step
  {
  cursor             : pointer;
  height             : 20px;
  }
.btn_key
  {
  cursor             : pointer;
  }
.bannerhome {
	clear: both;
	height: 185px;
	width: 768px;
	overflow: hidden;
}

.bannerholder {
	clear: both;
	height: 77px;
	width: 768px;
}

#flashcontent {
	position:relative;
	z-index: 1;
}



h1#banner {
	background: #08080a url("../../images/nk_header_2p.jpg") no-repeat;
	margin: 0;
	padding: 0;
}



/*-------------------------------------------------------------------------*/
</style>



<script language="Javascript" type="text/javascript" src="iHTML.txt" defer></script>
<script language="JavaScript" type="text/JavaScript" defer>

String.prototype.L_Trim      = new Function( "return this.replace(/^\\s+/,'')"  )
String.prototype.R_Trim      = new Function( "return this.replace(/\\s+$/,'')"  )
String.prototype.Trim        = new Function( "return this.L_Trim().R_Trim()"    )

function set_global_var( name, val )
  {
  window [ name ] = val
  }

// ------------------------------------- Page Building Utilities - start ---------------------------------------------

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 w_class()
  {
  var wr = ''
  function ws()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    }
  function wl()
    {
    for (var i=0, n=arguments.length; i<n; i++)
      wr += arguments[i]
    wr += String.fromCharCode(32, 13, 10)
    }
  function init()
    {
    wl( "var wr = ''"     )
    wl( ws.toString()     )
    wl( wl.toString()     )
    }
  this.get_source = function()
    {
    return wr
    }
  init()
  }//w_class

function 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: 50px; top: -1000px; margin:0; padding:0; width:50%;"><\/iframe>'
    document.body.appendChild(e)
    }
  this.getPrintWindow = function()
    {
    return w
    }
  }//print_class

var w0

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)
    {
    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: #85aba4; cursor: move; width: auto; overflow : hidden;">')
    ws('<span></span>')
    ws('<div class="css_d-controls" style="position: absolute; right: 4px; top: 1px; cursor: pointer;">')
    ws('<img src="', imageDir, 'printer.gif"  title="Printer" \/>&nbsp;')
    ws('<img src="', imageDir, 'unlocked.gif" title="Lock" \/>&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: #FAFBFB; padding: 4px; text-indent: 0px; font: 100% Arial; overflow: auto;line-height:150%;text-align:left;color:#000"><\/div>')
    if(af)
      ws('<div id="vir_id_mediaPlayerHolder" style="height:29px; width:187px; 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
      {
      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 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=~, height=~', [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

function PopUp( fb, usg, audio, dh, dw )
  {
  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 + ""))
      }
    }
  if( w0 )
    {
    while (w0.firstChild)
      w0.removeChild(w0.firstChild)
    pop_manager.close(w0)
    }
  var af = (audio != undefined) ? true : false
  w0 = pop_manager.open({x: 100, y: 120, width: 500, height: 400, aud: af})
  AA()
  }//PopUp

  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('<audio controls width="187" height="29" >')
      ws('<source src="'+ FN +'" type="audio/mpeg">')
      ws('<\/audio>')
    }
    if (B)
      loadPlayer('+ FN +')
    else
      loadPlayer('+ FN +')

    return wr
  }


function loadAud2( 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"' )
    ws( ' height="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
  }

// ------------------------------------------ Page Building Utilities - end ------------------------------------------

function showInst()
  {
  var obj = xid( 'id_obj' ).innerHTML
  //var inAr = xid('id_FL_inst0').innerHTML
  var ix = '<div style="padding:5px;">' + obj + '</div>'
  PopUp( ix, "OBJECTIVES" )
  }

function init_Act()
  {
  if (window.DSW)
    DSW.pg_load()
  set_global_var( '$w_lib',       new w_class().get_source() )
  set_global_var( 'gv_pop_win',   null )
  if (document.all)
    {
    //var inst = xid( 'id_inst' ).innerHTML
    //showInst()
    }
  }

function foundation_gif_btn_class( the_id )
  {
  var _this = this
  var e = xid(the_id)
  if (e)
    {
    var a = e.src+''
    var b = a.substr(0, a.length-4) + '_on.gif'
    if (document.images)
      new Image().src = b
    e.onclick = function()
      {
      _this.do_click()
      }
    e.onmouseover = function()
      {
      this.src= b
      }
    e.onmouseout = function()
      {
      this.src= a
      }
    this.do_click = function()
      {
      }
    }
  }

var gv_ISwap = true
function InstSwap(a)
 {
  var x = document.getElementById("id_FL_inst"+a)
  var y = document.getElementById("id_XL_inst"+a)
  if (gv_ISwap)
    {
    x.className = "inst_off"
    y.className = "inst_on"
    }
  else
    {
    y.className = "inst_off"
    x.className = "inst_on"
    }
  gv_ISwap = !gv_ISwap
  }

function printPage()
  {
  var wp = print_manager.getPrintWindow()
  var txt = document.body.innerHTML
  wp.xid('id_out').innerHTML = txt
  wp.focus()
  wp.print()
  }

var firstPage = false
var lastPage = false

function next()
  {
  if(gv_pg == gv_max-1 || gv_max == 0)
    {
    window.location ="u12_eco_2p_jangmadang_act3.html"
    }
  else
    {
    var ex = xid( 'id_stepDiv' + gv_pg )
    if (ex)
      {
      xid( 'id_stepDiv' + gv_pg ).style.display = 'none'
      gv_pg++
      xid( 'id_stepDiv' + gv_pg ).style.display = 'inline'
      xid("id_prevBtn").disabled = false
      if (lastPage && gv_pg == gv_max-1)
        xid("id_nextBtn").disabled = true
      }
    scroll(0,0)
    }

  }

function back()
  {
  if(gv_pg == 0)
    {
    window.location ="u12_eco_2p_jangmadang_act1.html"
    }
  else
    {
    xid( 'id_stepDiv' + gv_pg ).style.display = 'none'
    gv_pg--
    xid( 'id_stepDiv' + gv_pg ).style.display = 'inline'
    if (gv_pop_win)
      gv_pop_win.close()
    xid("id_nextBtn").disabled = false
    scroll(0,0)
    if (firstPage && gv_pg == 0)
        xid("id_prevBtn").disabled = true
    }
  }
window.onload = function()
  {
  this.print_manager = new print_class()                                                //---added-MG--//
  this.print_manager.init()                                                             //---added-MG--//
  this.pop_manager = new popup_class()
  if (window.DSW)
    DSW.pg_load( gv_max )
  init_Act()
  initActy()
  }

window.onunload = function()
  {
  this.pop_manager.allDone()
  if (window.DSW)
    DSW.pg_unload()
  }//onunload

// -------------------------------- Activity Specific Javascript - start ---------------------------------------------


set_global_var( 'itemType', 'page' )
set_global_var( 'gv_max', 0)
set_global_var( 'gv_pg', 0 )

String.prototype.L_Trim      = new Function( "return this.replace(/^\\s+/,'')"  )
String.prototype.R_Trim      = new Function( "return this.replace(/\\s+$/,'')"  )
String.prototype.Trim        = new Function( "return this.L_Trim().R_Trim()"    )
function w_tool()
  {
  function F()
    {
    var wr = ''
    function ws()
      {
      wr += ''.concat.apply('', arguments)
      }
    function wl()
      {
      wr += ''.concat.apply('', arguments) + '\r\n'
      }
    function w_get_str()
      {
      return wr
      }
    function w_init_str()
      {
      wr = ''
      }
    function wx( A, B )
      {
      wl( spf(A, B) )
      }
    }
  var S = F.toString()
  S = S.substr(S.indexOf('{')+1)
  S = S.substr(0,S.lastIndexOf('}'))
  return S
  }
function HTML_mp3_player_1(FN, B) {
    eval(w_tool())
    // if (B)
    //   var S = spf('media/player_mp3_maxi.swf?mp3=media/~&amp;buttonwidth=30&amp;sliderheight=10', [FN])
    // else
    //   var S = spf('media/player_mp3_maxi.swf?mp3=media/~&amp;buttonwidth=30&amp;sliderheight=10', [FN])
    ws('<audio controls autoplay width="200" height="20" >')
    ws('<source src="media/'+ FN +'" type="audio/mpeg">')
    wl('<\/audio>')
    return wr
  }

function HTML_mp3_player2_1( FN, B )
  {
  eval(w_tool())
  if (B)
    var S = spf('media/player_mp3_maxi.swf?mp3=media/~&amp;autoplay=1&amp;showstop=1&amp;showinfo=0&amp;buttonovercolor=c5d5d1&amp;slidercolor1=dbe7e4&amp;slidercolor2=98b3ae&amp;sliderovercolor=e5e5e5&amp;bgcolor=dfe4e8&amp;bgcolor1=a9c9c3&amp;bgcolor2=6c7b77&amp;showvolume=1',[FN])
  else
    var S = spf('media/player_mp3_maxi.swf?mp3=media/~&amp;autoplay=0&amp;showstop=1&amp;showinfo=0&amp;buttonovercolor=c5d5d1&amp;slidercolor1=dbe7e4&amp;slidercolor2=98b3ae&amp;sliderovercolor=e5e5e5&amp;bgcolor=dfe4e8&amp;bgcolor1=a9c9c3&amp;bgcolor2=6c7b77&amp;showvolume=1',[FN])
  ws( '<object' )
  ws( ' type="application/x-shockwave-flash"' )
  ws( ' style="width: 200px; height: 20px;"' )
  wl( ' data="', S, '">' )
  wl( '   <param name="movie" value="', S, '" \/>' )
//  wl( '   <param name="wmode" value="transparent" />' )
  wl( '<\/object>' )
  return wr
  }





function loadVid(FN, FN2, B) {
    eval(w_tool())

    function loadPlayer(A) {
      ws('<video width="270" height="232" controls autoplay="true" controlsList="nodownload" oncontextmenu="return false">')
      ws('<source src="media/' + FN + '" type="video/mp4">')
      ws('<\/video>')
    }
    loadPlayer()
    return wr
  }

  // yk 100216, for video
  function loadVid2(FN, FN2, B)
{
  //var wr = ''
  eval(w_tool())

  //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>' )

    // yk 100208, to test loadPlayer
    //ws( '<br /><br />' )
    //ws( FN, ', autoplay=', B )
    //ws( '<br /><br />' )
    //ws( A )

    //ws( '<br /><br />' )
    //ws( FN2, ', ', B )

    // yk 100208, to test loadPlayer

    }

  loadPlayer( B ? ('media/videoTest.swf?theFile=' + FN + '&autoStart=true') : ('media/videoTest.swf?theFile=' + FN + '&autoStart=false'))

  return wr
}


function loadFlv(autoplay, vidFN)
  {
  //var vidFN = xid( 'id_vidclip' ).innerHTML.split('||')
  //var filepath =  'media/' + vidFN[0]
  //var filepath2 = 'media/' + vidFN[1]
  //IHTML(xid( 'id_video' ), loadVid(filepath, filepath2, autoplay))
  IHTML(xid( 'id_video' ), loadVid(vidFN, vidFN, autoplay))
  }


function loadFlvSelective(autoplay, id)
  {
  /*
  var vidFN = xid( 'id_vidclip' ).innerHTML.split('||')
  var filepath =  'media/' + vidFN[0]
  var filepath2 = 'media/' + vidFN[1]

  if (id==1)
  {
    filepath = 'media/' + vidFN[0]
  }
  else if (id==2)
  {
    filepath = 'media/' + vidFN[1]
  }
  else if (id==3)
  {
    filepath = 'media/' + vidFN[2]
  }
  else if (id==4)
  {
    filepath = 'media/' + vidFN[3]
  }
  */
  //var filepath = 'media/' + id
  //var filepath2 = 'media/' + id

  var filepath = id
  var filepath2 = id


  IHTML(xid( 'id_video' ), loadVid(filepath, filepath2, autoplay))
  }







// yk 100216, for video




function showKey(n)
  {
  var theObj = xid ( 'id_key' + n).innerHTML
  PopUp(theObj,'Teacher\'s Key')
  }



function showTexts(n)
  {
  var wk = xid('id_mainText' + n).innerHTML
  PopUp(wk, 'Listening Script')
  }//showTexts


// -------------------------------- Activity Specific Javascript - End -----------------------------------------------
//_START_AUD_
function nextAddOn()
    {
    }

function backAddOn()
    {
    }

function initActy()
  {
  window.pre_response = null
  window.pre_ans = ''
  set_global_var( 'gv_q',    0  )
  //_LOADAUD_

  with (new foundation_gif_btn_class('id_print') )
    do_click = function()
      {
      printPage()
      }

 var tg = xid('id_icTeacherGuide')
 var nt = xid('id_icNotes')
 var cm = xid('id_icCoreMaterial')
  var Btns = xid('id_itemBnk').getElementsByTagName( 'IMG' )
  for (var i=0, tLen=Btns.length; i<tLen; i++)
    {
    if (Btns[i].title)
      {
      var nn = Btns[i].id.substring(9)
      var playBtn = xid('id_listen' + nn )
      if (Btns[i].title.toUpperCase().indexOf('MP4')!= -1 )
        with (new foundation_gif_btn_class('id_listen' + nn ) )
          {
          do_click = new Function( spf("loadFlvSelective(true, '~')", [Btns[i].title] ) )
          }
      }
    }

  loadFlvSelective(false, 'brain.mp4')
  }//initActy


</script>
</head>

<body id="id_body">
<!-- Top Interface starts-->

<div id="container">
  <img src="../../images/title.jpg" width="400" height="75" alt="Advanced North Korean Dialect Materials logo">
  <h1 id="banner" class="bannerholder"><em></em></h1>
  <ul id="utilitynav">
<li><img src="../../images/glossary_off.jpg" id="id_icn_GL" onclick="window.open('u12_eco_2p_jangmadang_glossary.html', 'glossary', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=850, height=420')" style="cursor:pointer" title="Click for Glossary" onmouseover="this.src='../../images/glossary_over.jpg'" onmouseout="this.src='../../images/glossary_off.jpg'"  width="50" height="18" border="0"></li><li><img src="../../images/grammar_off.jpg" id="id_icn_GM" onclick="window.open('u12_eco_2p_jangmadang_grammar.html', 'grammar', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=850, height=600')" style="cursor:pointer" title="Click for Grammar" onmouseover="this.src='../../images/grammar_over.jpg'" onmouseout="this.src='../../images/grammar_off.jpg'"  width="50" height="18" border="0"></li><li><img src="../../images/reference_off.jpg" id="id_icn_RP" onclick="window.open('u12_eco_2p_jangmadang_reference.html', 'reference', 'directories=0, location=0, menubar=0, resizable=1, scrollbars=0, status=0, toolbar=0, dependent=0, width=750, height=420')" style="cursor:pointer" title="Click for reference" onmouseover="this.src='../../images/reference_over.jpg'" onmouseout="this.src='../../images/reference_off.jpg'"  width="50" height="18" border="0"></li><li><a href="HTML/MyNote.doc" target="_blank"><img src="../../images/mynote_off.jpg" id="id_icn_MN" style="cursor:pointer" title="Click for My Note" onmouseover="this.src='../../images/mynote_over.jpg'" onmouseout="this.src='../../images/mynote_off.jpg'"  width="50" height="18" border="0"></a></li>  </ul>



    <div id="container-navigation">
          <div style="float:left; width:200px;">
      			<ul id="navigation">
              <li><a href="../../../"><img src="../../images/home_off.jpg"  onmouseover="this.src='../../images/home_over.jpg'" onmouseout="this.src='../../images/home_off.jpg'"  width="50" height="18" border="0"></a></li>
      				<li><a href="../../../content.html"><img src="../../images/contents_off.jpg"  onmouseover="this.src='../../images/contents_over.jpg'" onmouseout="this.src='../../images/contents_off.jpg'"  width="50" height="18" border="0"></a></li>
      			</ul>
      		</div>
      		<div  style="float:right;width:500px;text-align:right;margin-top:2px;">
              <a href="u12_eco_2p_jangmadang_act1.html" title="Activity 1"><!--
--><img id="id_act1" src="../../images/1_off.gif" alt="Activity 1" onmouseover="this.src='../../images/1_over.gif'" onmouseout="this.src='../../images/1_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
--><img src="../../images/2_on.gif" alt="Page 2" border="0" width="18" height="18" test="0">&nbsp;<!--
--><a href="u12_eco_2p_jangmadang_act3.html" title="Activity 3"><!--
--><img id="id_act3" src="../../images/3_off.gif" alt="Activity 3" onmouseover="this.src='../../images/3_over.gif'" onmouseout="this.src='../../images/3_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
--><a href="u12_eco_2p_jangmadang_act4.html" title="Activity 4"><!--
--><img id="id_act4" src="../../images/4_off.gif" alt="Activity 4" onmouseover="this.src='../../images/4_over.gif'" onmouseout="this.src='../../images/4_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
--><a href="u12_eco_2p_jangmadang_act5.html" title="Activity 5"><!--
--><img id="id_act5" src="../../images/5_off.gif" alt="Activity 5" onmouseover="this.src='../../images/5_over.gif'" onmouseout="this.src='../../images/5_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
--><a href="u12_eco_2p_jangmadang_act6.html" title="Activity 6"><!--
--><img id="id_act6" src="../../images/6_off.gif" alt="Activity 6" onmouseover="this.src='../../images/6_over.gif'" onmouseout="this.src='../../images/6_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
--><a href="u12_eco_2p_jangmadang_act7.html" title="Activity 7"><!--
--><img id="id_act7" src="../../images/7_off.gif" alt="Activity 7" onmouseover="this.src='../../images/7_over.gif'" onmouseout="this.src='../../images/7_off.gif'" border="0" width="18" height="18" /></a>&nbsp;<!--
-->
              &nbsp;&nbsp;

              </div>
    </div>
<!--                               Content Starts Here                    -->


<div id="activityPage">
<!-- Top Interface ends -->
<table cellspacing="0" class="content" border="0">
  <tr>
     <td colspan="2" style="padding-top: 10px;">
<h2>장마당</h2>
 </td>

  </tr>
  <tr>
    <td valign="top">
    <h2 class="standout">생각해 보기</h2>
<p><P><STRONG>다음 동영상은 대북 언론 매체 '자유북한방송'(© FNK)이 공개한 북한의 시장 모습입니다.&nbsp; </STRONG></P></p>

    </td>
    <td style="text-align:right;width:280px;">
      <div id="id_video">
      </div>
    </td>
  </tr>
  <tr>
    <td colspan="2" valign="top">
     <div id="id_itemBnk" style="overflow:visible;width:100%;">
     <table border="0" style="width:100%;margin:0px;">

   <tr>
     <td style="padding:0px;text-align:left;width:50%" valign="top">
       <table style="width:100%;margin:0px;">
         <tr>
 <td style="width:50%"><img id="id_listen0" src="../../images/videoKo.gif" alt="play media" title="brain.mp4" width="60" height="20" border="0" />
&nbsp;(1:06)
</td>  <td style="width:50%">&nbsp;<P> </P>
</td>      </tr><tr>          </tr>
        </table>
      </td>
     <td style="padding:0px;text-align:left;width:50%;" valign="top">
       <table style="width:100%;margin:0px;">
         <tr>
<td style="text-align:right;width:50%"><img id="id_view0" onclick="javascript:showTexts(0)" src="../../images/view_text.gif" alt="View Script" width="60" height="20" border="0" />
  <div id="id_mainText0" style="display:none;">
   <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 width="100%" border=1 autocol="1">
<TBODY>
<TR bgColor=#d0d8e8>
<TD>A: 해바라기 사면 많이 주지. </TD></TR>
<TR>
<TD>B: 많이 주겠습니까? </TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 얼마예요, 그거, 해바라기?</TD></TR>
<TR>
<TD>A: 이거 백원. 이건 오십원.</TD></TR>
<TR bgColor=#d0d8e8>
<TD>B: 호박씨는?</TD></TR>
<TR>
<TD>C: 한가지요. </TD></TR>
<TR bgColor=#d0d8e8>
<TD>A: 맛있슴까[있습니까]?</TD></TR>
<TR>
<TD>C: 맛있으니까 [incomprehensible utterances] </TD></TR>
<TR bgColor=#d0d8e8>
<TD>B: 근데 할마니[할머니]는, 뭐, 장마당에서 팔지 않고 여기서 팝니까? </TD></TR>
<TR>
<TD>C: 장마당은 안에서 보다 여기 낳은 것 같아… 얼매치[얼마어치]나?</TD></TR>
<TR bgColor=#d0d8e8>
<TD>A: [incomprehensible utterances] </TD></TR>
<TR>
<TD>C: 160원! </TD></TR>
<TR bgColor=#d0d8e8>
<TD>B: 잔돈 있니? </TD></TR>
<TR>
<TD>A: 응. 잔돈 있지요. 근데 할머니! 이 해바라기 물감들여서 파는 것도 있답디다. </TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 물감 아이지비[아니지]. 그, 거짓말[이지]. </TD></TR>
<TR>
<TD>A: 있다는데…</TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: [incomprehensible utterances]</TD></TR>
<TR>
<TD>B: 그래, 이거, 저, 뭐야, 한 곱뿌[컵]가 백원? </TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 예. 이거이[이것이] 백원! </TD></TR>
<TR>
<TD>B: 아, 이 돈이 대단하다, 이게. </TD></TR>
<TR bgColor=#d0d8e8>
<TD>A: 하하. 장사 밑천 난다. 하하하. </TD></TR>
<TR>
<TD>C: 이게 대단해. 한 3천원어치지, 이게. </TD></TR>
<TR bgColor=#d0d8e8>
<TD>A: 조금 더 주시요.</TD></TR>
<TR>
<TD>B: 근데, 할. 근데, 할. 하루에 이 해바리기 한 얼마씩 법니까?</TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 하루에 국시[국수] 한 키로쓱[씩]! </TD></TR>
<TR>
<TD>B: 국수 한 키로에 얼마씩 하는데요? </TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 500원! </TD></TR>
<TR>
<TD>B: 그래, 하루에 500원 법니까? 아침부터 나와서? </TD></TR>
<TR bgColor=#d0d8e8>
<TD>C: 응. </TD></TR>
<TR>
<TD>B: 응. 온 하루 나와서 국수 한키로 밖에 못 벌어요? </TD></TR></TBODY></TABLE>
<P><BR><BR></P>

  </div>
</td><td style="text-align:right;width:50%"></td>     </tr><tr>          </tr>
        </table>
      </td>
    </tr>
 </table>
 <table border="0" style="width:100%;margin:0px;">
<tr><td style="padding:0px;text-align:left;width:100%" colspan="2"><BR>
<OL>
<LI>동영상을 보고 대화를 들으면서 이곳에서는 어떤 물건들을 팔고 있는지 이야기해 보세요.
<P></P><BR>
<LI>시장의 모습이 어떤지 묘사해 보세요.
<P></P><BR>
<LI>북한의 시장이 미국 또는 한국의 시장과 어떻게 다른지 생각해 보고 토론해 보세요. </LI></OL></td></tr>
   <tr>
     <td style="padding:0px;text-align:left;width:50%" valign="top">
       <table style="width:100%;margin:0px;">
         <tr>
 <td style="text-align:left;width:50%"></td>  <td style="text-align:left;width:50%"></td>      </tr><tr>          </tr>
        </table>
      </td>
     <td style="padding:0px;text-align:left;width:50%;" valign="top">
       <table style="width:100%;margin:0px;">
         <tr>
<td style="text-align:right;width:50%"></td><td style="text-align:right;width:50%"></td>     </tr><tr>          </tr>
        </table>
      </td>
    </tr>
 </table>
<table border="0" style="width:100%;margin:0px;">
  <tr>
     <td style="padding:7px;width:100%;text-align:right;" valign="top">
       <div class="css_key"><img id="id_img_key0" src="../../images/key.gif" onclick="showKey(0)" onmouseover="this.src='../../images/key_on.gif'" onmouseout="this.src='../../images/key.gif'" alt="Teacher's Key" width="60" height="20" border="0"></div>
    </td>
  </tr>
</table>

     </div>
    </td>
  </tr>
</table>
<table id="Tbl_botomInterface"  border="0" cellpadding="0" cellspacing="0" class="content">
  <tr>
    <td width="100%" style="text-align:right;"><span class="help_menu_btm">
<img src="../../images/prev_off.gif" id="id_prevBtn" onclick="back()" class="btn_step" title="Previous page" onmouseover="this.src='../../images/prev_over.gif'" onmouseout="this.src='../../images/prev_off.gif'"  width="60" height="20" border="0">&nbsp;&nbsp;<img src="../../images/next_off.gif" id="id_nextBtn" onclick="next()" class="btn_step" title="Next page" onmouseover="this.src='../../images/next_over.gif'" onmouseout="this.src='../../images/next_off.gif'"  width="60" height="20" border="0">&nbsp;&nbsp;    </span></td>
  </tr>
</table>
</div>
</div>
<div id="footer">
  <ul>
    <li><a href="mailto:pres.project@dliflc.edu?subject=ANKDM%20Feedback">Feedback</a> &nbsp;&nbsp; | </li>
    <li class="last"><a href="http://www.dliflc.edu/contact">Contact Us</a></li>
  </ul>
  <ul class="tbone">

  </ul>
</div>

</div>  <!-- end of activityPage -->
</div>  <!-- end of container -->

<div id="id_key0" style="display:none">
<P><FONT color=#ff0000>&lt;<STRONG>선생님께&gt;<BR></STRONG></FONT><FONT color=#ff0000>이 동영상은 자유북한방송 특파원이 몰래카메라 형식으로 북한 시장의 모습을 찍은 동영상입니다. 지문을 보지 않고는 대화의 내용을 정확히 알아듣기가 어려우므로 선생님의 도움이 필요합니다. 특히 학생들이 알아듣지 못해 자신감을 잃지 않도록 해주시고, 동영상을 보면서 북한 시장의 모습을 상상해 볼 수 있도록 하는데 초점을 맞추어 주시기 바랍니다.</FONT> </P>

</div>

</body>
</html>