਍㰀䠀吀䴀䰀㸀㰀䠀䔀䄀䐀㸀㰀吀䤀吀䰀䔀㸀䤀渀琀攀爀愀挀琀椀渀最 眀椀琀栀 夀漀甀吀甀戀攀㰀⼀吀䤀吀䰀䔀㸀ഀഀ
<META http-equiv=Content-Type content="text/html; charset=big5">਍ഀഀ
<STYLE type=text/css>.pane {਍ऀ䐀䤀匀倀䰀䄀夀㨀 渀漀渀攀ഀഀ
}਍吀䐀⸀琀愀戀猀 笀ഀഀ
	BORDER-TOP: purple outset; BORDER-LEFT: green outset; BORDER-RIGHT: orange outset; BORDER-BOTTOM: pink outset;਍紀ഀഀ
DIV.tabs {਍ऀ䌀唀刀匀伀刀㨀 栀愀渀搀㬀 䈀䄀䌀䬀䜀刀伀唀一䐀ⴀ䌀伀䰀伀刀㨀 眀栀椀琀攀ഀഀ
}਍㰀⼀匀吀夀䰀䔀㸀ഀഀ
<!-- following style not necessary -->਍㰀匀吀夀䰀䔀 琀礀瀀攀㴀琀攀砀琀⼀挀猀猀㸀䈀伀䐀夀 笀ഀഀ
	FONT-FAMILY: Geneva,Arial; BACKGROUND-COLOR: white਍紀ഀഀ
INPUT.txt {਍ऀ䰀䔀䘀吀㨀 ㄀㈀　瀀砀㬀 倀伀匀䤀吀䤀伀一㨀 愀戀猀漀氀甀琀攀ഀഀ
}਍䤀一倀唀吀⸀挀栀欀 笀ഀഀ
	POSITION: relative਍紀ഀഀ
A {਍ऀ吀䔀堀吀ⴀ䐀䔀䌀伀刀䄀吀䤀伀一㨀 渀漀渀攀ഀഀ
}਍㰀⼀匀吀夀䰀䔀㸀ഀഀ
਍㰀匀䌀刀䤀倀吀 琀礀瀀攀㴀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀㸀ഀഀ
var currentPaneStyle = 1;਍瘀愀爀 挀甀爀爀攀渀琀吀愀戀 㴀 　㬀ഀഀ
਍昀甀渀挀琀椀漀渀 琀愀戀猀琀爀椀瀀⠀⤀ഀഀ
{਍   琀栀椀猀⸀琀愀戀猀 㴀 渀攀眀 䄀爀爀愀礀⠀⤀㬀ഀഀ
   this.add = addTab;਍   琀栀椀猀⸀眀爀椀琀攀 㴀 眀爀椀琀攀吀愀戀猀琀爀椀瀀㬀ഀഀ
}਍ഀഀ
function tab(caption,content)਍笀ഀഀ
  this.setId = setId;਍  琀栀椀猀⸀挀愀瀀琀椀漀渀 㴀 挀愀瀀琀椀漀渀㬀ഀഀ
  this.content = content;਍  琀栀椀猀⸀眀爀椀琀攀 㴀 眀爀椀琀攀吀愀戀㬀ഀഀ
  this.writeContent = writePane;਍紀ഀഀ
਍ഀഀ
਍昀甀渀挀琀椀漀渀 愀搀搀吀愀戀⠀琀愀戀⤀ഀഀ
{਍  琀愀戀⸀猀攀琀䤀搀⠀∀琀愀戀∀ ⬀ 琀栀椀猀⸀琀愀戀猀⸀氀攀渀最琀栀⤀㬀ഀഀ
  this.tabs[this.tabs.length] = tab;਍紀ഀഀ
਍昀甀渀挀琀椀漀渀 猀攀琀䤀搀⠀椀搀⤀ഀഀ
{਍  琀栀椀猀⸀椀搀 㴀 椀搀㬀ഀഀ
}਍ഀഀ
function initiate()਍笀ഀഀ
  var div = document.getElementById("tab0");਍  猀栀漀眀倀愀渀攀⠀搀椀瘀⤀㬀ഀഀ
}਍ഀഀ
function showPane(div)਍笀ഀഀ
  if(currentTab != 0)਍  笀ഀഀ
    currentTab.style.backgroundColor = "lightgreen";਍  紀ഀഀ
  div.style.backgroundColor = "red";਍  挀甀爀爀攀渀琀吀愀戀 㴀 搀椀瘀㬀ഀഀ
਍  椀昀⠀挀甀爀爀攀渀琀倀愀渀攀匀琀礀氀攀 ℀㴀 　⤀ഀഀ
    currentPaneStyle.display = "none";਍  瘀愀爀 瀀愀渀攀䤀搀 㴀 ∀瀀渀开∀ ⬀ 搀椀瘀⸀椀搀㬀ഀഀ
  var objPaneStyle = document.getElementById(paneId).style;਍  漀戀樀倀愀渀攀匀琀礀氀攀⸀搀椀猀瀀氀愀礀 㴀 ∀戀氀漀挀欀∀㬀ഀഀ
  currentPaneStyle = objPaneStyle;਍紀ഀഀ
਍昀甀渀挀琀椀漀渀 匀甀戀洀椀琀䘀漀爀洀⠀⤀ഀഀ
{਍   眀椀渀搀漀眀⸀愀氀攀爀琀⠀∀䘀漀爀洀 猀甀戀洀椀琀琀攀搀⸀  吀栀椀猀 眀漀甀氀搀 渀漀爀洀愀氀氀礀 琀愀欀攀 礀漀甀 琀漀 愀渀漀琀栀攀爀 瀀愀最攀∀⤀㬀ഀഀ
   // normally, you would here check the form and submit it.਍   ⼀⼀ 椀昀 琀栀攀 昀漀爀洀 栀愀猀 琀栀攀 渀愀洀攀 ✀琀愀戀昀漀爀洀✀Ⰰ 琀栀攀渀 椀琀 椀猀 猀甀戀洀椀琀琀攀搀ഀഀ
   // with tabform.submit();਍紀ഀഀ
਍昀甀渀挀琀椀漀渀 眀爀椀琀攀倀愀渀攀⠀⤀ഀഀ
{਍  搀漀挀甀洀攀渀琀⸀眀爀椀琀攀⠀∀㰀搀椀瘀 挀氀愀猀猀㴀✀瀀愀渀攀✀ 椀搀㴀✀瀀渀开∀ ⬀ 琀栀椀猀⸀椀搀 ⬀ ∀✀㸀∀ ⬀ 琀栀椀猀⸀挀漀渀琀攀渀琀 ⬀ ∀㰀⼀搀椀瘀㸀∀⤀㬀ഀഀ
}਍ഀഀ
function writeTab()਍笀ഀഀ
   document.write("<td class='tabs'><div class='tabs' id='" + this.id + "' onclick='showPane(this)'>" + this.caption + "</div></td>");਍紀ഀഀ
਍昀甀渀挀琀椀漀渀 眀爀椀琀攀吀愀戀猀琀爀椀瀀⠀⤀ഀഀ
{਍  搀漀挀甀洀攀渀琀⸀眀爀椀琀攀⠀∀㰀琀愀戀氀攀 挀氀愀猀猀㴀✀琀愀戀猀✀㸀㰀琀爀㸀∀⤀㬀ഀഀ
  for(var i = 0; i < this.tabs.length; i++)਍  笀ഀഀ
    this.tabs[i].write();਍  紀ഀഀ
  document.write("</tr></table>");਍  ഀഀ
  for(var k = 0; k < this.tabs.length; k++)਍  笀ഀഀ
    this.tabs[k].writeContent();਍  紀ഀഀ
  initiate();਍紀ഀഀ
਍㰀⼀匀䌀刀䤀倀吀㸀ഀഀ
਍㰀䴀䔀吀䄀 挀漀渀琀攀渀琀㴀∀䴀匀䠀吀䴀䰀 㘀⸀　　⸀㈀㜀㄀㤀⸀㈀㈀　　∀ 渀愀洀攀㴀䜀䔀一䔀刀䄀吀伀刀㸀㰀⼀䠀䔀䄀䐀㸀ഀഀ
<BODY onunload=spawntopfivewindow(); onload="StartUp()">਍ഀഀ
<SCRIPT language=Javascript src="">਍㰀⼀匀䌀刀䤀倀吀㸀ഀഀ
<font size=2>GloCALL 2009 Chiang Mai, Thailand &nbsp;&nbsp;&nbsp;&nbsp;<i> John.Wong@cityu.edu.hk</i></font>਍ 㰀匀䌀刀䤀倀吀 琀礀瀀攀㴀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀㸀ഀഀ
਍瘀愀爀 瀀愀渀攀　 㴀∀㰀戀爀㸀㰀戀爀㸀㰀戀爀㸀㰀戀爀㸀㰀戀爀㸀㰀挀攀渀琀攀爀㸀 㰀琀愀戀氀攀㸀㰀琀爀㸀㰀琀搀㸀㰀昀漀渀琀 猀椀稀攀㴀㘀 挀漀氀漀爀㴀戀爀漀眀渀㸀㰀漀氀㸀㰀氀椀㸀 䴀漀爀攀 漀爀 氀攀猀猀 挀漀洀洀漀渀 愀渀搀 昀甀渀 瀀爀愀挀琀椀挀攀㰀⼀昀漀渀琀㸀㰀昀漀渀琀 猀椀稀攀㴀㘀 挀漀氀漀爀㴀戀氀甀攀㸀㰀氀椀㸀 䤀渀猀琀椀琀甀琀椀漀渀ⴀ ⼀ 䰀䴀匀ⴀ戀愀猀攀搀 愀瀀瀀爀漀愀挀栀攀猀㰀⼀昀漀渀琀㸀㰀昀漀渀琀 猀椀稀攀㴀㘀 挀漀氀漀爀㴀瀀甀爀瀀氀攀㸀㰀氀椀㸀倀爀漀瀀漀猀攀搀 䔀匀䰀ⴀ猀瀀攀挀椀昀椀挀 瀀爀愀挀琀椀挀攀 愀渀搀 琀攀洀瀀氀愀琀攀猀㰀⼀昀漀渀琀㸀㰀⼀漀氀㸀㰀⼀昀漀渀琀㸀㰀⼀琀搀㸀㰀⼀琀爀㸀㰀⼀琀愀戀氀攀㸀 㰀⼀挀攀渀琀攀爀㸀∀㬀ഀഀ
var pane1a = "<br><center><br><br><br><table><tr><td><font size=5>Dear Students,<p>Please complete the assignment after watching the following video <p>http://www.youtube.com/watch?v=HJ-4OsVFRuY.<p> John</font></td></tr></table> </center>";਍瘀愀爀 瀀愀渀攀㄀戀 㴀 ∀㰀戀爀㸀㰀挀攀渀琀攀爀㸀㰀戀爀㸀㰀琀愀戀氀攀㸀㰀琀爀㸀㰀琀搀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀䐀攀愀爀 匀琀甀搀攀渀琀猀Ⰰ㰀戀爀㸀倀氀攀愀猀攀 挀漀洀瀀氀攀琀攀 琀栀攀 愀猀猀椀最渀洀攀渀琀 愀昀琀攀爀 眀愀琀挀栀椀渀最 琀栀攀 昀漀氀氀漀眀椀渀最 瘀椀搀攀漀⸀㰀戀爀㸀䨀漀栀渀㰀⼀昀漀渀琀㸀㰀⼀琀搀㸀㰀⼀琀爀㸀㰀⼀琀愀戀氀攀㸀㰀戀爀㸀㰀戀爀㸀 㰀漀戀樀攀挀琀 眀椀搀琀栀㴀㐀㈀㔀 栀攀椀最栀琀㴀㌀㐀㐀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀洀漀瘀椀攀 瘀愀氀甀攀㴀栀琀琀瀀㨀⼀⼀眀眀眀⸀礀漀甀琀甀戀攀⸀挀漀洀⼀瘀⼀䠀䨀ⴀ㐀伀猀嘀䘀刀甀夀☀栀氀㴀攀渀☀昀猀㴀㄀☀爀攀氀㴀　㸀㰀⼀瀀愀爀愀洀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀愀氀氀漀眀䘀甀氀氀匀挀爀攀攀渀 瘀愀氀甀攀㴀琀爀甀攀㸀㰀⼀瀀愀爀愀洀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀愀氀氀漀眀猀挀爀椀瀀琀愀挀挀攀猀猀 瘀愀氀甀攀㴀愀氀眀愀礀猀㸀㰀⼀瀀愀爀愀洀㸀㰀攀洀戀攀搀 猀爀挀㴀栀琀琀瀀㨀⼀⼀眀眀眀⸀礀漀甀琀甀戀攀⸀挀漀洀⼀瘀⼀䠀䨀ⴀ㐀伀猀嘀䘀刀甀夀☀栀氀㴀攀渀☀昀猀㴀㄀☀爀攀氀㴀　 琀礀瀀攀㴀愀瀀瀀氀椀挀愀琀椀漀渀⼀砀ⴀ猀栀漀挀欀眀愀瘀攀ⴀ昀氀愀猀栀 愀氀氀漀眀猀挀爀椀瀀琀愀挀挀攀猀猀㴀愀氀眀愀礀猀 愀氀氀漀眀昀甀氀氀猀挀爀攀攀渀㴀琀爀甀攀 眀椀搀琀栀㴀㐀㈀㔀 栀攀椀最栀琀㴀㌀㐀㐀㸀㰀⼀攀洀戀攀搀㸀㰀⼀漀戀樀攀挀琀㸀 㰀⼀挀攀渀琀攀爀㸀∀㬀ഀഀ
var pane1c ="<br><font size=5><center><br>Adding annotations and linking to another YouTube clip <br><br><img src=annotate.jpg height=350> </center></font>";਍瘀愀爀 瀀愀渀攀㄀搀 㴀∀㰀戀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀㰀挀攀渀琀攀爀㸀㰀戀爀㸀倀爀漀瘀椀搀椀渀最 挀愀瀀琀椀漀渀猀 ⠀㰀愀 栀爀攀昀㴀栀琀琀瀀㨀⼀⼀礀琀ⴀ猀甀戀猀⸀愀瀀瀀猀瀀漀琀⸀挀漀洀⼀栀攀氀瀀㸀夀漀甀吀甀戀攀 匀甀戀琀椀琀氀攀爀㰀⼀愀㸀⤀㰀戀爀㸀㰀戀爀㸀 㰀漀戀樀攀挀琀 眀椀搀琀栀㴀㐀㈀㔀 栀攀椀最栀琀㴀㌀㐀㐀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀洀漀瘀椀攀 瘀愀氀甀攀㴀栀琀琀瀀㨀⼀⼀眀眀眀⸀礀漀甀琀甀戀攀⸀挀漀洀⼀瘀⼀椀㤀嘀欀最㠀䤀夀䴀漀㐀☀栀氀㴀攀渀☀昀猀㴀㄀☀爀攀氀㴀　㸀㰀⼀瀀愀爀愀洀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀愀氀氀漀眀䘀甀氀氀匀挀爀攀攀渀 瘀愀氀甀攀㴀琀爀甀攀㸀㰀⼀瀀愀爀愀洀㸀㰀瀀愀爀愀洀 渀愀洀攀㴀愀氀氀漀眀猀挀爀椀瀀琀愀挀挀攀猀猀 瘀愀氀甀攀㴀愀氀眀愀礀猀㸀㰀⼀瀀愀爀愀洀㸀㰀攀洀戀攀搀 猀爀挀㴀栀琀琀瀀㨀⼀⼀眀眀眀⸀礀漀甀琀甀戀攀⸀挀漀洀⼀瘀⼀椀㤀嘀欀最㠀䤀夀䴀漀㐀☀栀氀㴀攀渀☀昀猀㴀㄀☀爀攀氀㴀　 琀礀瀀攀㴀愀瀀瀀氀椀挀愀琀椀漀渀⼀砀ⴀ猀栀漀挀欀眀愀瘀攀ⴀ昀氀愀猀栀 愀氀氀漀眀猀挀爀椀瀀琀愀挀挀攀猀猀㴀愀氀眀愀礀猀 愀氀氀漀眀昀甀氀氀猀挀爀攀攀渀㴀琀爀甀攀 眀椀搀琀栀㴀㐀㈀㔀 栀攀椀最栀琀㴀㌀㐀㐀㸀㰀⼀攀洀戀攀搀㸀㰀⼀漀戀樀攀挀琀㸀 㰀⼀挀攀渀琀攀爀㸀㰀⼀昀漀渀琀㸀∀㬀ഀഀ
var pane1e ="<br><font size=5><center>Drag & Drop and Playlist<br><br> <img src=great-interface.jpg width=850> </center></font>";਍瘀愀爀 瀀愀渀攀㈀愀 㴀 ∀㰀戀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀㰀挀攀渀琀攀爀㸀䔀洀戀攀搀搀椀渀最 愀 挀氀椀瀀 椀渀 䰀䴀匀㰀戀爀㸀㰀戀爀㸀 㰀椀洀最 猀爀挀㴀搀椀猀挀甀猀猀椀漀渀ⴀ戀漀愀爀搀ⴀ礀漀甀琀甀戀攀⸀樀瀀最㸀 㰀⼀挀攀渀琀攀爀㸀㰀⼀昀漀渀琀㸀∀㬀ഀഀ
var pane2b ="<br><font size=5><center>Embedding two clips in LMS<br><br> <img src=discussion-board-youtube-two.jpg width=850></center></font>";਍瘀愀爀 瀀愀渀攀㈀挀 㴀∀㰀戀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀㰀挀攀渀琀攀爀㸀䔀洀戀攀搀搀攀搀 挀氀椀瀀 眀椀琀栀 琀愀猀欀 漀渀 瀀愀最攀㰀戀爀㸀㰀戀爀㸀㰀椀洀最 猀爀挀㴀搀椀猀挀甀猀猀椀漀渀ⴀ戀漀愀爀搀ⴀ礀漀甀琀甀戀攀ⴀ琀栀爀攀攀⸀樀瀀最 眀椀搀琀栀㴀㠀㔀　㸀 㰀⼀挀攀渀琀攀爀㸀㰀⼀昀漀渀琀㸀∀㬀ഀഀ
var pane3a ="<br><font size=5><br><center> Clickable Highlighted Text<br><br><img src=youtube-highlighted-blanks3-not.jpg width=850> </center></font>";਍瘀愀爀 瀀愀渀攀㌀戀 㴀∀㰀戀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀㰀戀爀㸀㰀挀攀渀琀攀爀㸀 䌀氀椀挀欀愀戀氀攀 䠀椀最栀氀椀最栀琀攀搀 吀攀砀琀 䜀愀瀀瀀攀搀 䤀 㰀戀爀㸀㰀戀爀㸀㰀椀洀最 猀爀挀㴀栀椀最栀氀椀最栀琀攀搀ⴀ戀氀愀渀欀猀㄀⸀樀瀀最 眀椀搀琀栀㴀㠀㔀　㸀 㰀⼀挀攀渀琀攀爀㸀㰀⼀昀漀渀琀㸀∀㬀ഀഀ
var pane3c ="<br><font size=5><br><center> Clickable Highlighted Text Gapped II<br><br><img src=youtube-highlighted-blanks6.jpg width=850> </center></font>";਍瘀愀爀 瀀愀渀攀㌀搀 㴀∀㰀戀爀㸀㰀戀爀㸀㰀挀攀渀琀攀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀䴀愀渀椀瀀甀氀愀琀椀渀最 挀愀瀀琀椀漀渀猀㨀 ⴀ愀 ⴀ琀栀攀Ⰰ ⴀ猀Ⰰ ⴀ瘀攀爀戀Ⰰ 琀爀甀渀挀愀琀攀搀Ⰰ 搀漀眀渀氀漀愀搀 挀愀瀀琀椀漀渀猀 㰀⼀昀漀渀琀㸀㰀戀爀㸀㰀戀爀㸀 㰀琀攀砀琀愀爀攀愀 挀漀氀猀㴀㔀㜀 爀漀眀猀㴀㈀㜀㸀　　㨀　　㨀　㄀⸀㘀㐀　Ⰰ　　㨀　　㨀　㌀⸀　㤀　                               䠀椀 刀攀砀⸀ 夀漀甀✀爀攀 洀礀 瀀愀爀琀渀攀爀⸀                              　　㨀　　㨀　㌀⸀㌀㘀　Ⰰ　　㨀　　㨀　㐀⸀㌀㌀　                               䤀 眀漀甀氀搀 氀椀欀攀 琀漀 猀愀礀 栀椀⸀                       　　㨀　　㨀　㐀⸀㘀㈀　Ⰰ　　㨀　　㨀　㘀⸀㄀㄀　                              䤀✀洀 猀攀瘀攀渀琀攀攀渀 礀攀愀爀 漀氀搀Ⰰ 猀攀瘀攀渀琀攀攀渀 礀攀愀爀猀 漀氀搀⸀          　　㨀　　㨀　㘀⸀㌀㔀　Ⰰ　　㨀　　㨀　㜀⸀㘀㘀　                               䤀 氀椀瘀攀 椀渀 伀琀琀愀眀愀Ⰰ 䌀愀渀愀搀愀⸀                  　　㨀　　㨀　㜀⸀㤀㘀　Ⰰ　　㨀　　㨀㄀㄀⸀㄀㜀　                               䤀 栀愀瘀攀 愀 猀椀猀琀攀爀Ⰰ 愀渀搀 琀栀愀琀✀猀 椀琀⸀     　　㨀　　㨀㄀㄀⸀㌀㘀　Ⰰ　　㨀　　㨀㄀㔀⸀　㜀　                               䤀 栀愀瘀攀 愀 猀洀愀氀氀 搀漀最⸀ 䴀礀 栀漀戀戀椀攀猀 愀爀攀 瀀氀愀礀椀渀最      　　㨀　　㨀㄀㔀⸀㌀㈀　Ⰰ　　㨀　　㨀㄀㜀⸀　㐀　                               戀愀爀椀琀漀渀攀Ⰰ 猀愀砀漀瀀栀漀渀攀 椀渀 琀栀攀 戀愀渀搀⸀       　　㨀　　㨀㄀㜀⸀㐀㔀　Ⰰ　　㨀　　㨀㄀㤀⸀㈀㤀　                               䤀 栀愀瘀攀 愀 瀀愀爀琀ⴀ琀椀洀攀 樀漀戀 愀渀搀 眀漀爀欀 椀渀          　　㨀　　㨀㄀㤀⸀㔀㈀　Ⰰ　　㨀　　㨀㈀㈀⸀㔀㤀　                           䬀攀渀琀甀挀欀礀 䘀爀椀攀搀 䌀栀椀挀欀攀渀Ⰰ 眀栀椀挀栀 椀猀 愀 昀愀椀爀氀礀 氀漀眀 樀漀戀 昀漀爀   　　㨀　　㨀㈀㈀⸀㠀㐀　Ⰰ　　㨀　　㨀㈀㔀⸀㜀㜀　                             眀栀愀琀 䤀 栀愀瘀攀 戀甀琀 椀琀✀猀 愀 樀漀戀 䤀 最攀琀           　　㨀　　㨀㈀㔀⸀㤀㠀　Ⰰ　　㨀　　㨀㈀㠀⸀㐀㈀　                               瀀愀椀搀 洀漀渀攀礀⸀ 䤀 最攀琀 瀀愀椀搀 猀椀砀 猀攀瘀攀渀琀礀 愀渀 栀漀甀爀 䌀愀渀愀搀椀愀渀Ⰰ   　　㨀　　㨀㈀㠀⸀㜀㔀　Ⰰ　　㨀　　㨀㌀㌀⸀㘀㈀　                              眀栀椀挀栀 椀猀 爀漀甀最栀氀礀 猀攀瘀攀渀 搀漀氀氀愀爀 愀栀 猀椀砀 搀漀氀氀愀爀猀 唀匀Ⰰ 㰀⼀琀攀砀琀愀爀攀愀㸀 㰀⼀挀攀渀琀攀爀㸀∀㬀ഀഀ
var pane3e ="<br><font size=5><center>YouTube API and Task<br><br> <img src=questions-youtube.jpg width=850> </center></font>";਍瘀愀爀 瀀愀渀攀㌀昀 㴀∀㰀戀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀㰀挀攀渀琀攀爀㸀夀漀甀吀甀戀攀 䄀倀䤀 愀渀搀 䨀愀瘀愀匀挀爀椀瀀琀攀搀 吀愀猀欀 䤀㰀戀爀㸀㰀戀爀㸀 㰀椀洀最 猀爀挀㴀礀漀甀琀甀戀攀ⴀ猀攀愀爀挀栀㔀攀⸀樀瀀最 眀椀搀琀栀㴀㠀㔀　㸀 㰀⼀挀攀渀琀攀爀㸀㰀⼀昀漀渀琀㸀∀㬀ഀഀ
var pane3g ="<br><font size=5><center>YouTube API and JavaScripted Task II<br><br> <img src=framed-search.jpg width=850> </center></font>";਍瘀愀爀 瀀愀渀攀㌀栀 㴀∀㰀戀爀㸀㰀挀攀渀琀攀爀㸀㰀昀漀渀琀 猀椀稀攀㴀㔀㸀 匀攀愀爀挀栀椀渀最 夀漀甀吀甀戀攀㰀⼀昀漀渀琀㸀㰀戀爀㸀㰀戀爀㸀㰀椀洀最 猀爀挀㴀猀攀愀爀挀栀⸀樀瀀最 栀攀椀最栀琀㴀㌀㔀　㸀 㰀⼀挀攀渀琀攀爀㸀∀㬀ഀഀ
var pane3i ="<br><center><font size=5> Sampling YouTube videos</font><br><br><img src=choose-video-new.jpg height=350> </center>";਍ഀഀ
਍瘀愀爀 琀猀 㴀 渀攀眀 琀愀戀猀琀爀椀瀀⠀⤀㬀 ഀഀ
var t0 = new tab("<b> Contents </b>",pane0);਍瘀愀爀 琀㄀愀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㄀愀⤀㬀ഀഀ
var t1b = new tab("<b><font color=brown>&nbsp;F&nbsp;</font></b>",pane1b);਍瘀愀爀 琀㄀挀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 㰀昀漀渀琀 挀漀氀漀爀㴀戀爀漀眀渀㸀☀渀戀猀瀀㬀唀☀渀戀猀瀀㬀㰀⼀昀漀渀琀㸀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㄀挀⤀㬀ഀഀ
var t1d = new tab("<b><font color=brown>&nbsp;N&nbsp;</font></b>",pane1d);਍瘀愀爀 琀㄀攀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㄀攀⤀㬀ഀഀ
var t2a = new tab("<b> <font color=blue>&nbsp;L&nbsp;</font> </b>",pane2a);਍瘀愀爀 琀㈀戀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 㰀昀漀渀琀 挀漀氀漀爀㴀戀氀甀攀㸀☀渀戀猀瀀㬀䴀☀渀戀猀瀀㬀㰀⼀昀漀渀琀㸀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㈀戀⤀㬀 ഀഀ
var t2c = new tab("<b> <font color=blue>&nbsp;S&nbsp;</font> </b>",pane2c);਍瘀愀爀 琀㌀愀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㌀愀⤀㬀ഀഀ
var t3b = new tab("<b> <font color=purple>&nbsp;E&nbsp;</font> </b>",pane3b);਍瘀愀爀 琀㌀挀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 㰀昀漀渀琀 挀漀氀漀爀㴀瀀甀爀瀀氀攀㸀☀渀戀猀瀀㬀匀☀渀戀猀瀀㬀㰀⼀昀漀渀琀㸀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㌀挀⤀㬀ഀഀ
var t3d = new tab("<b> <font color=purple>&nbsp;L&nbsp;</font> </b>",pane3d);਍瘀愀爀 琀㌀攀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 㰀昀漀渀琀 挀漀氀漀爀㴀瀀甀爀瀀氀攀㸀 ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀 㰀⼀昀漀渀琀㸀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㌀攀⤀㬀ഀഀ
var t3f = new tab("<b> <font color=purple>&nbsp;E&nbsp;</font> </b>",pane3f);਍瘀愀爀 琀㌀最 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 㰀昀漀渀琀 挀漀氀漀爀㴀瀀甀爀瀀氀攀㸀☀渀戀猀瀀㬀匀☀渀戀猀瀀㬀㰀⼀昀漀渀琀㸀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㌀最⤀㬀ഀഀ
var t3h = new tab("<b> <font color=purple>&nbsp;L&nbsp;</font> </b>",pane3h);਍瘀愀爀 琀㌀椀 㴀 渀攀眀 琀愀戀⠀∀㰀戀㸀 ☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀 㰀⼀戀㸀∀Ⰰ瀀愀渀攀㌀椀⤀㬀ഀഀ
਍ഀഀ
ts.add(t0);਍琀猀⸀愀搀搀⠀琀㄀愀⤀㬀ഀഀ
ts.add(t1b);਍琀猀⸀愀搀搀⠀琀㄀挀⤀㬀ഀഀ
ts.add(t1d);਍琀猀⸀愀搀搀⠀琀㄀攀⤀㬀ഀഀ
ts.add(t2a);਍琀猀⸀愀搀搀⠀琀㈀戀⤀㬀ഀഀ
ts.add(t2c);਍琀猀⸀愀搀搀⠀琀㌀愀⤀㬀ഀഀ
ts.add(t3b);਍琀猀⸀愀搀搀⠀琀㌀挀⤀㬀ഀഀ
ts.add(t3d);਍琀猀⸀愀搀搀⠀琀㌀攀⤀㬀ഀഀ
ts.add(t3f);਍琀猀⸀愀搀搀⠀琀㌀最⤀㬀ഀഀ
ts.add(t3h);਍琀猀⸀愀搀搀⠀琀㌀椀⤀㬀ഀഀ
਍ഀഀ
ts.write();਍㰀⼀匀䌀刀䤀倀吀㸀㰀戀爀㸀ഀഀ
<script type="text/javascript">਍瘀愀爀 猀挀开瀀爀漀樀攀挀琀㴀㈀㤀㘀　㄀㄀㔀㬀 ഀഀ
var sc_invisible=0; ਍瘀愀爀 猀挀开瀀愀爀琀椀琀椀漀渀㴀㌀㈀㬀 ഀഀ
var sc_security="bf97d33f"; ਍㰀⼀猀挀爀椀瀀琀㸀ഀഀ
਍㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀ 猀爀挀㴀∀栀琀琀瀀㨀⼀⼀眀眀眀⸀猀琀愀琀挀漀甀渀琀攀爀⸀挀漀洀⼀挀漀甀渀琀攀爀⼀挀漀甀渀琀攀爀开砀栀琀洀氀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀㰀渀漀猀挀爀椀瀀琀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀琀愀琀挀漀甀渀琀攀爀∀㸀㰀愀 挀氀愀猀猀㴀∀猀琀愀琀挀漀甀渀琀攀爀∀ 栀爀攀昀㴀∀栀琀琀瀀㨀⼀⼀眀眀眀⸀猀琀愀琀挀漀甀渀琀攀爀⸀挀漀洀⼀∀㸀㰀椀洀最 挀氀愀猀猀㴀∀猀琀愀琀挀漀甀渀琀攀爀∀ 猀爀挀㴀∀栀琀琀瀀㨀⼀⼀挀㌀㌀⸀猀琀愀琀挀漀甀渀琀攀爀⸀挀漀洀⼀㈀㤀㘀　㄀㄀㔀⼀　⼀戀昀㤀㜀搀㌀㌀昀⼀　⼀∀ 愀氀琀㴀∀栀椀琀 挀漀甀渀琀攀爀 猀挀爀椀瀀琀∀ ⼀㸀㰀⼀愀㸀㰀⼀搀椀瘀㸀㰀⼀渀漀猀挀爀椀瀀琀㸀ഀഀ
</BODY></HTML>਍�