changeset 0:7451f481250b

add OSC presen
author Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date Wed, 07 Sep 2011 21:43:27 +0900
parents
children 5ec6fc187191
files .DS_Store OpenSourceConference/index.html OpenSourceConference/index.html~ OpenSourceConference/mp3/chillout.mp3 OpenSourceConference/mp3/club.mp3 OpenSourceConference/mp3/easy.mp3 OpenSourceConference/mp3/electro.mp3 OpenSourceConference/mp3/mini1.mp3 OpenSourceConference/mp3/mini2.mp3 OpenSourceConference/mp3/smart.mp3 OpenSourceConference/mp3/thunder.mp3 OpenSourceConference/obj/flash/relog.swf OpenSourceConference/obj/svg/sun.svg OpenSourceConference/pix/.DS_Store OpenSourceConference/pix/NormalVNC0.png OpenSourceConference/pix/NormalVNC2.png OpenSourceConference/pix/NormalVNC3.png OpenSourceConference/pix/NormalVnc1.png OpenSourceConference/pix/TimeOut1.png OpenSourceConference/pix/TimeOut2.png OpenSourceConference/pix/TreeVNC.png OpenSourceConference/pix/TreeVNC0.png OpenSourceConference/pix/TreeVNC1.png OpenSourceConference/pix/TreeVNC3.png OpenSourceConference/pix/VNC_Sequence_.png OpenSourceConference/pix/VNC_Sequence_.png.bak OpenSourceConference/ui/advanced_gfx/audio_link.png OpenSourceConference/ui/advanced_gfx/audio_on.png OpenSourceConference/ui/advanced_gfx/audio_over.png OpenSourceConference/ui/advanced_gfx/auto_link.png OpenSourceConference/ui/advanced_gfx/auto_on.png OpenSourceConference/ui/advanced_gfx/auto_over.png OpenSourceConference/ui/advanced_gfx/backgrnd.png OpenSourceConference/ui/advanced_gfx/delay_link.png OpenSourceConference/ui/advanced_gfx/exit_link.png OpenSourceConference/ui/advanced_gfx/exit_over.png OpenSourceConference/ui/advanced_gfx/fade_link.png OpenSourceConference/ui/advanced_gfx/fade_on.png OpenSourceConference/ui/advanced_gfx/fade_over.png OpenSourceConference/ui/advanced_gfx/footer.jpg OpenSourceConference/ui/advanced_gfx/framing.css OpenSourceConference/ui/advanced_gfx/header.png OpenSourceConference/ui/advanced_gfx/last_link.png OpenSourceConference/ui/advanced_gfx/last_over.png OpenSourceConference/ui/advanced_gfx/list_link.png OpenSourceConference/ui/advanced_gfx/loop_link.png OpenSourceConference/ui/advanced_gfx/loop_on.png OpenSourceConference/ui/advanced_gfx/loop_over.png OpenSourceConference/ui/advanced_gfx/next_link.png OpenSourceConference/ui/advanced_gfx/next_over.png OpenSourceConference/ui/advanced_gfx/notes_link.png OpenSourceConference/ui/advanced_gfx/notes_over.png OpenSourceConference/ui/advanced_gfx/opera.css OpenSourceConference/ui/advanced_gfx/outline.css OpenSourceConference/ui/advanced_gfx/pause_link.png OpenSourceConference/ui/advanced_gfx/pause_on.png OpenSourceConference/ui/advanced_gfx/pause_over.png OpenSourceConference/ui/advanced_gfx/pretty.css OpenSourceConference/ui/advanced_gfx/prev_link.png OpenSourceConference/ui/advanced_gfx/prev_over.png OpenSourceConference/ui/advanced_gfx/print.css OpenSourceConference/ui/advanced_gfx/s5-core.css OpenSourceConference/ui/advanced_gfx/slides.css OpenSourceConference/ui/advanced_gfx/slides.js OpenSourceConference/ui/advanced_gfx/toggle_link.png OpenSourceConference/ui/advanced_gfx/toggle_over.png OpenSourceConference/ui/advanced_gfx/volume_link.png OpenSourceConference/ui/advanced_gfx/zero_link.png OpenSourceConference/ui/advanced_gfx/zero_over.png OpenSourceConference/ui/advanced_utf/backgrnd.png OpenSourceConference/ui/advanced_utf/footer.jpg OpenSourceConference/ui/advanced_utf/framing.css OpenSourceConference/ui/advanced_utf/header.png OpenSourceConference/ui/advanced_utf/opera.css OpenSourceConference/ui/advanced_utf/outline.css OpenSourceConference/ui/advanced_utf/pattern.png OpenSourceConference/ui/advanced_utf/pretty.css OpenSourceConference/ui/advanced_utf/print.css OpenSourceConference/ui/advanced_utf/s5-core.css OpenSourceConference/ui/advanced_utf/slides.css OpenSourceConference/ui/advanced_utf/slides.js OpenSourceConference/ui/audio_support/license.txt OpenSourceConference/ui/audio_support/null.mp3 OpenSourceConference/ui/audio_support/soundmanager2.js OpenSourceConference/ui/audio_support/soundmanager2.swf OpenSourceConference/ui/default_gfx/audio_link.png OpenSourceConference/ui/default_gfx/audio_on.png OpenSourceConference/ui/default_gfx/audio_over.png OpenSourceConference/ui/default_gfx/auto_link.png OpenSourceConference/ui/default_gfx/auto_on.png OpenSourceConference/ui/default_gfx/auto_over.png OpenSourceConference/ui/default_gfx/bodybg.gif OpenSourceConference/ui/default_gfx/delay_link.png OpenSourceConference/ui/default_gfx/exit_link.png OpenSourceConference/ui/default_gfx/exit_over.png OpenSourceConference/ui/default_gfx/fade_link.png OpenSourceConference/ui/default_gfx/fade_on.png OpenSourceConference/ui/default_gfx/fade_over.png OpenSourceConference/ui/default_gfx/framing.css OpenSourceConference/ui/default_gfx/last_link.png OpenSourceConference/ui/default_gfx/last_over.png OpenSourceConference/ui/default_gfx/list_link.png OpenSourceConference/ui/default_gfx/loop_link.png OpenSourceConference/ui/default_gfx/loop_on.png OpenSourceConference/ui/default_gfx/loop_over.png OpenSourceConference/ui/default_gfx/next_link.png OpenSourceConference/ui/default_gfx/next_over.png OpenSourceConference/ui/default_gfx/notes_link.png OpenSourceConference/ui/default_gfx/notes_over.png OpenSourceConference/ui/default_gfx/opera.css OpenSourceConference/ui/default_gfx/outline.css OpenSourceConference/ui/default_gfx/pause_link.png OpenSourceConference/ui/default_gfx/pause_on.png OpenSourceConference/ui/default_gfx/pause_over.png OpenSourceConference/ui/default_gfx/pretty.css OpenSourceConference/ui/default_gfx/pretty.css~ OpenSourceConference/ui/default_gfx/prev_link.png OpenSourceConference/ui/default_gfx/prev_over.png OpenSourceConference/ui/default_gfx/print.css OpenSourceConference/ui/default_gfx/s5-core.css OpenSourceConference/ui/default_gfx/slides.css OpenSourceConference/ui/default_gfx/slides.js OpenSourceConference/ui/default_gfx/toggle_link.png OpenSourceConference/ui/default_gfx/toggle_over.png OpenSourceConference/ui/default_gfx/volume_link.png OpenSourceConference/ui/default_gfx/zero_link.png OpenSourceConference/ui/default_gfx/zero_over.png OpenSourceConference/ui/default_utf/bodybg.gif OpenSourceConference/ui/default_utf/framing.css OpenSourceConference/ui/default_utf/opera.css OpenSourceConference/ui/default_utf/outline.css OpenSourceConference/ui/default_utf/pattern.png OpenSourceConference/ui/default_utf/pretty.css OpenSourceConference/ui/default_utf/pretty.css~ OpenSourceConference/ui/default_utf/print.css OpenSourceConference/ui/default_utf/s5-core.css OpenSourceConference/ui/default_utf/slides.css OpenSourceConference/ui/default_utf/slides.js OpenSourceConference/ui/graphic_support/blank.gif OpenSourceConference/ui/graphic_support/finish.gif OpenSourceConference/ui/graphic_support/fixed.js OpenSourceConference/ui/graphic_support/help.jpg OpenSourceConference/ui/graphic_support/iepngfix.htc OpenSourceConference/ui/graphic_support/numeric.png OpenSourceConference/ui/graphic_support/progress.gif OpenSourceConference/ui/s5-notes.html OpenSourceConference/ui/scala_gfx/audio_link.png OpenSourceConference/ui/scala_gfx/audio_on.png OpenSourceConference/ui/scala_gfx/audio_over.png OpenSourceConference/ui/scala_gfx/auto_link.png OpenSourceConference/ui/scala_gfx/auto_on.png OpenSourceConference/ui/scala_gfx/auto_over.png OpenSourceConference/ui/scala_gfx/delay_link.png OpenSourceConference/ui/scala_gfx/exit_link.png OpenSourceConference/ui/scala_gfx/exit_over.png OpenSourceConference/ui/scala_gfx/fade_link.png OpenSourceConference/ui/scala_gfx/fade_on.png OpenSourceConference/ui/scala_gfx/fade_over.png OpenSourceConference/ui/scala_gfx/framing.css OpenSourceConference/ui/scala_gfx/last_link.png OpenSourceConference/ui/scala_gfx/last_over.png OpenSourceConference/ui/scala_gfx/list_link.png OpenSourceConference/ui/scala_gfx/loop_link.png OpenSourceConference/ui/scala_gfx/loop_on.png OpenSourceConference/ui/scala_gfx/loop_over.png OpenSourceConference/ui/scala_gfx/next_link.png OpenSourceConference/ui/scala_gfx/next_over.png OpenSourceConference/ui/scala_gfx/notes_link.png OpenSourceConference/ui/scala_gfx/notes_over.png OpenSourceConference/ui/scala_gfx/opera.css OpenSourceConference/ui/scala_gfx/outline.css OpenSourceConference/ui/scala_gfx/pause_link.png OpenSourceConference/ui/scala_gfx/pause_on.png OpenSourceConference/ui/scala_gfx/pause_over.png OpenSourceConference/ui/scala_gfx/pretty.css OpenSourceConference/ui/scala_gfx/prev_link.png OpenSourceConference/ui/scala_gfx/prev_over.png OpenSourceConference/ui/scala_gfx/print.css OpenSourceConference/ui/scala_gfx/s5-core.css OpenSourceConference/ui/scala_gfx/slides.css OpenSourceConference/ui/scala_gfx/slides.js OpenSourceConference/ui/scala_gfx/toggle_link.png OpenSourceConference/ui/scala_gfx/toggle_over.png OpenSourceConference/ui/scala_gfx/volume_link.png OpenSourceConference/ui/scala_gfx/zero_link.png OpenSourceConference/ui/scala_gfx/zero_over.png OpenSourceConference/ui/scala_utf/framing.css OpenSourceConference/ui/scala_utf/opera.css OpenSourceConference/ui/scala_utf/outline.css OpenSourceConference/ui/scala_utf/pattern.png OpenSourceConference/ui/scala_utf/pretty.css OpenSourceConference/ui/scala_utf/print.css OpenSourceConference/ui/scala_utf/s5-core.css OpenSourceConference/ui/scala_utf/slides.css OpenSourceConference/ui/scala_utf/slides.js OpenSourceConference/ui/school_gfx/audio_link.png OpenSourceConference/ui/school_gfx/audio_on.png OpenSourceConference/ui/school_gfx/audio_over.png OpenSourceConference/ui/school_gfx/auto_link.png OpenSourceConference/ui/school_gfx/auto_on.png OpenSourceConference/ui/school_gfx/auto_over.png OpenSourceConference/ui/school_gfx/backgrnd.jpg OpenSourceConference/ui/school_gfx/delay_link.png OpenSourceConference/ui/school_gfx/exit_link.png OpenSourceConference/ui/school_gfx/exit_over.png OpenSourceConference/ui/school_gfx/fade_link.png OpenSourceConference/ui/school_gfx/fade_on.png OpenSourceConference/ui/school_gfx/fade_over.png OpenSourceConference/ui/school_gfx/footer.png OpenSourceConference/ui/school_gfx/framing.css OpenSourceConference/ui/school_gfx/header.png OpenSourceConference/ui/school_gfx/last_link.png OpenSourceConference/ui/school_gfx/last_over.png OpenSourceConference/ui/school_gfx/list_link.png OpenSourceConference/ui/school_gfx/loop_link.png OpenSourceConference/ui/school_gfx/loop_on.png OpenSourceConference/ui/school_gfx/loop_over.png OpenSourceConference/ui/school_gfx/next_link.png OpenSourceConference/ui/school_gfx/next_over.png OpenSourceConference/ui/school_gfx/notes_link.png OpenSourceConference/ui/school_gfx/notes_over.png OpenSourceConference/ui/school_gfx/opera.css OpenSourceConference/ui/school_gfx/outline.css OpenSourceConference/ui/school_gfx/pause_link.png OpenSourceConference/ui/school_gfx/pause_on.png OpenSourceConference/ui/school_gfx/pause_over.png OpenSourceConference/ui/school_gfx/pretty.css OpenSourceConference/ui/school_gfx/prev_link.png OpenSourceConference/ui/school_gfx/prev_over.png OpenSourceConference/ui/school_gfx/print.css OpenSourceConference/ui/school_gfx/s5-core.css OpenSourceConference/ui/school_gfx/slides.css OpenSourceConference/ui/school_gfx/slides.js OpenSourceConference/ui/school_gfx/toggle_link.png OpenSourceConference/ui/school_gfx/toggle_over.png OpenSourceConference/ui/school_gfx/volume_link.png OpenSourceConference/ui/school_gfx/zero_link.png OpenSourceConference/ui/school_gfx/zero_over.png OpenSourceConference/ui/school_utf/backgrnd.jpg OpenSourceConference/ui/school_utf/footer.png OpenSourceConference/ui/school_utf/framing.css OpenSourceConference/ui/school_utf/header.png OpenSourceConference/ui/school_utf/opera.css OpenSourceConference/ui/school_utf/outline.css OpenSourceConference/ui/school_utf/pattern.png OpenSourceConference/ui/school_utf/pretty.css OpenSourceConference/ui/school_utf/print.css OpenSourceConference/ui/school_utf/s5-core.css OpenSourceConference/ui/school_utf/slides.css OpenSourceConference/ui/school_utf/slides.js OpenSourceConference/ui/sunny_gfx/audio_link.png OpenSourceConference/ui/sunny_gfx/audio_on.png OpenSourceConference/ui/sunny_gfx/audio_over.png OpenSourceConference/ui/sunny_gfx/auto_link.png OpenSourceConference/ui/sunny_gfx/auto_on.png OpenSourceConference/ui/sunny_gfx/auto_over.png OpenSourceConference/ui/sunny_gfx/backgrnd.png OpenSourceConference/ui/sunny_gfx/delay_link.png OpenSourceConference/ui/sunny_gfx/exit_link.png OpenSourceConference/ui/sunny_gfx/exit_over.png OpenSourceConference/ui/sunny_gfx/fade_link.png OpenSourceConference/ui/sunny_gfx/fade_on.png OpenSourceConference/ui/sunny_gfx/fade_over.png OpenSourceConference/ui/sunny_gfx/footer.png OpenSourceConference/ui/sunny_gfx/framing.css OpenSourceConference/ui/sunny_gfx/last_link.png OpenSourceConference/ui/sunny_gfx/last_over.png OpenSourceConference/ui/sunny_gfx/list_link.png OpenSourceConference/ui/sunny_gfx/loop_link.png OpenSourceConference/ui/sunny_gfx/loop_on.png OpenSourceConference/ui/sunny_gfx/loop_over.png OpenSourceConference/ui/sunny_gfx/next_link.png OpenSourceConference/ui/sunny_gfx/next_over.png OpenSourceConference/ui/sunny_gfx/notes_link.png OpenSourceConference/ui/sunny_gfx/notes_over.png OpenSourceConference/ui/sunny_gfx/opera.css OpenSourceConference/ui/sunny_gfx/outline.css OpenSourceConference/ui/sunny_gfx/pattern.png OpenSourceConference/ui/sunny_gfx/pause_link.png OpenSourceConference/ui/sunny_gfx/pause_on.png OpenSourceConference/ui/sunny_gfx/pause_over.png OpenSourceConference/ui/sunny_gfx/pretty.css OpenSourceConference/ui/sunny_gfx/prev_link.png OpenSourceConference/ui/sunny_gfx/prev_over.png OpenSourceConference/ui/sunny_gfx/print.css OpenSourceConference/ui/sunny_gfx/s5-core.css OpenSourceConference/ui/sunny_gfx/slides.css OpenSourceConference/ui/sunny_gfx/slides.js OpenSourceConference/ui/sunny_gfx/toggle_link.png OpenSourceConference/ui/sunny_gfx/toggle_over.png OpenSourceConference/ui/sunny_gfx/volume_link.png OpenSourceConference/ui/sunny_gfx/zero_link.png OpenSourceConference/ui/sunny_gfx/zero_over.png OpenSourceConference/ui/sunny_utf/backgrnd.png OpenSourceConference/ui/sunny_utf/footer.png OpenSourceConference/ui/sunny_utf/framing.css OpenSourceConference/ui/sunny_utf/opera.css OpenSourceConference/ui/sunny_utf/outline.css OpenSourceConference/ui/sunny_utf/pattern.png OpenSourceConference/ui/sunny_utf/pretty.css OpenSourceConference/ui/sunny_utf/print.css OpenSourceConference/ui/sunny_utf/s5-core.css OpenSourceConference/ui/sunny_utf/slides.css OpenSourceConference/ui/sunny_utf/slides.js
diffstat 304 files changed, 30847 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
Binary file .DS_Store has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/index.html	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,595 @@
+<!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>
+<style>
+.center {
+margin-left: auto;
+margin-right: auto;
+text-align: center;
+}
+</style>
+<title>2011/9/6</title>
+<!-- metadata -->
+    <meta name="generator" content="S5" />
+    <meta name="version" content="S5 1.1" />
+    <meta name="presdate" content="20110906" />
+    <meta name="author" content="Nobuyasu Oshiro" />
+    <meta name="company" content="University of the Ryukyu" />
+<!-- meta temporary -->
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Script-Type" content="text/javascript" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<!-- configuration parameters -->
+<meta name="defaultView" content="slideshow" />
+<meta name="controlVis" content="hidden" />
+<!-- configuration extensions -->
+<meta name="tranSitions" content="true" />
+<meta name="fadeDuration" content="500" />
+<meta name="incrDuration" content="250" />
+<!-- configuration autoplay extension -->
+<meta name="autoMatic" content="false" />
+<meta name="playLoop" content="true" />
+<meta name="playDelay" content="10" />
+<!-- configuration audio extension -->
+<meta name="audioSupport" content="false" />
+<meta name="audioVolume" content="100" />
+<meta name="audioError" content="false" />
+<!-- configuration audio debug -->
+<meta name="audioDebug" content="false" />
+<!-- style sheet links -->
+<link rel="stylesheet" href="ui/default_utf/slides.css" type="text/css" media="projection" id="slideProj" />
+<link rel="stylesheet" href="ui/default_utf/outline.css" type="text/css" media="screen" id="outlineStyle" />
+<link rel="stylesheet" href="ui/default_utf/print.css" type="text/css" media="print" id="slidePrint" />
+<link rel="stylesheet" href="ui/default_utf/opera.css" type="text/css" media="projection" id="operaFix" />
+<!-- embedded styles -->
+<style type="text/css" media="all">
+.imgcon {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
+#anim {width: 33%; height: 320px; position: relative;}
+#anim img {position: absolute; top: 0px; left: 0px;}
+</style>
+<!-- S5 JS -->
+<script src="ui/default_utf/slides.js" type="text/javascript"></script>
+</head>
+<body>
+
+<div class="layout">
+<div id="controls"><!-- DO NOT EDIT --></div>
+<div id="currentSlide"><!-- DO NOT EDIT --></div>
+<div id="header"></div>
+<div id="footer">
+<h1>ゼミ: 2011/ 9/ 6</h1>
+<h2>並列信頼研</h2>
+</div>
+</div>
+
+<div class="presentation">
+
+
+      <div class="slide">
+        <h1>Java による授業向け画面共有システムの設計と実装 </li>
+        <h3></h3>
+	<li>大城 信康  谷成 雄</li>
+        <h4><a href="http://ie.u-ryukyu.ac.jp/" rel="external">琉球大学 並列信頼研究室</a></h4>
+        <div class="handout"></div>
+      </div>
+
+
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>目的と背景</h1>
+	<li>大学の講義中、スクリーンに映されている画面は後ろの席程見えずらい。 </li>
+	<li>その問題を手元のPCにも写せるようにすることで解決しようと考えた。</li>
+	<li class="incremental">60人以上での画面共有を行うことを目標とする。</li>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+        <h1>VNCを用いての画面共有</h1>
+	<li>画面を共有する方法 -> VNC</li>
+	<li>VNC: Virtual Network Computing </br>ネットワークを介してコンピュータを遠隔操作するプログラム </li>
+	<li>VNCのリモートPCの画面を写す機能を利用する。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>通常のVNCの問題点</h1>
+	<table class="center">
+	  <tr>
+	    <td width=50% >
+	      <p style="text-aline: center;" >
+	      <img clas="scale" src="./pix/NormalVNC3.png" width="450">
+	      </p>
+	      </td>
+	    <td width=50%>
+	      <li><small>VNC Serverの負荷が重い。</small></li>
+	      <li><small>Server側の通信網1本への通信負荷が高い。</small></li>
+	  </td>
+	</tr>
+	</table>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>通常のVNCの問題点</h1>
+	<p style="text-align: center;">
+	  <li>
+	  <samll>1台と48台でVNCをかけた時のスループットとServer側のCPU使用率</small>
+	  </li>
+	</p>
+	<table class="center" class="incremental" border=1>
+	  <tr>
+	    <td></td>
+	    <td>スループット(単位:Byte)</td>
+	    <td>CPU使用率</td>
+	  </tr>
+
+	  <tr>
+	    <td>1台</td>
+	    <td>20M</td>
+	    <td>15%</td>
+	  </tr>
+
+	  <tr>
+	    <td>48台</td>
+	    <td>0.4M</td>
+	    <td>100%</td>
+	  </tr>
+	</table>
+	<li>VNCに使われるCPUの使用率が100%になり、スループットが5分の1まで下がっている。</li>
+
+      </div>
+<!--
+      <div class="slide">
+	<h1>VNCによる画面共有の問題点</h1>
+	<p style="text-align: center;">
+	通常のVNC
+	</p>
+	<table class="center" width=80% style="text-align: center;">
+	  <tr>
+	    <td><small>一極集中</small></td>
+	    <td><small>実際の接続</small></td>
+	  </tr>
+	  <tr>
+	    <td>
+		<img class="scale" src="./pix/NormalVNC0.png" width="450">
+	      </td>
+	    <td>
+	      <img src="./pix/NormalVNC2.png" width="450">
+	    </td>
+	  </tr>
+	    </p>
+	</table>
+	</div>
+-->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>VNCの問題点の解決策</h1>
+	<li></li>
+	<p style="text-align: center;">
+	<img class="scale" src="./pix/TreeVNC0.png" width="500" heigth="500"><br>
+	  <small>クライアント同士を接続させる</small>
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの利点</h1>
+	<li>クライアントが増えても負荷がある程度以上は掛からない。</li>
+	<li>1本のEthernetへの負荷が減り、安定した通信できる。</li>
+	<table class="center" width=80% style="text-align: center;">
+	  <tr>
+	    <td><small>通常のVNC</small></td>
+	    <td><small>TreeVNC</small></td>
+	  </tr>
+	  <tr>
+	    <td>
+		<img class="scale" src="./pix/NormalVNC2.png" width="450">
+	      </td>
+	    <td>
+	      <img src="./pix/TreeVNC1.png" width="450">
+	    </td>
+	  </tr>
+	    </p>
+	</table>
+	</div>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの設計</h1>
+	<li>クライアント同士を木構造で接続させ、描画データをクライアントからクライアントへ転送させる。</li>
+	<li>木構造を管理するTop Proxy(TreeVNC Proxy)が一台あり、このTop ProxyだけがVCN Serverへ接続する。</li>
+	<li>TreeVNCのクライアントは最初にTop Proxyに接続を行う。</li>
+<!--
+	<li>TreeVNCのクライアントは初めTop Proxyへ接続を行い、接続を行うクライアントを教えてもらう。</li>
+-->
+	<li>tightVNC ViewerのJava版(ver 1.3)を元にTreeVNCの実装を行う。</li>
+	</div>
+      <!-- PAGE -->
+<!--
+      <div class="slide">
+	<h1>TreeVNCの利点</h1>
+	<p style="text-align: center;">
+	TreeVNC
+	</p>
+	<table width=100% style="text-align: center; ">
+	  <tr>
+	    <p style="text-align: center;">
+	    <td width=50%><small>クライアント同士を<br>木構造で接続 </small></td>
+	    <td width=50%><small> 実際の接続</small></td>
+	    </p>
+	  </tr>
+	  <tr>
+	    <td>
+	      <p style="text-align: center;">
+		<img class="scale" src="./pix/TreeVNC0.png" width="450">
+		</p>
+	      </td>
+	    <td>
+	      <p style="text-align: center;">
+		<img class="scale" src="./pix/TreeVNC1.png" width="450">
+		</p>
+	    </td>
+	  </tr>
+	</table>
+	</div>
+-->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>発表内容</h1>
+	<ul>
+	  <li>RFB Protocol</li>
+	  <li>データ量の見積もり</li>
+	  <li>データ転送に用いたMulticastQueueについての説明</li>
+	  <li>TreeVNCのデモ</li>
+	  <li>木構造の再構築</li>
+	  <li>ZRLE Encodingの問題</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB protocol</h1>
+	<li>Remote Frame Buffer Protocol : <br>GUI操作によるリモートアクセス用の通信プロトコル。VNCで用いられる。</li>
+	<li>転送される画面(フレームバッファ)のデータは変更があった部分(差分)だけが矩形単位で送られる。</li>
+	<li>キーイベントやマウスイベントも扱っている。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>VNC のシーケンス図</h1>
+       <table class="scale" width=100% >
+	 <tr>
+	   <td width=50%>
+	     <img class="scale" src="./pix/VNC_Sequence_.png"  height=80%>
+	     </td>
+	     <td width=50% align="left">
+<small>
+<li>1~5までは使用するプロトコルのバージョン、認証方法、エンコーディング等の決定を行う。</li>
+<li>6からフレームバッファや、リモート操作の為キーボード・マウスの入力情報を行う通信が行われる。</li>
+</small>
+	     </td>
+	 </tr>
+	 </table>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB protocol</h1>
+	<li>FramebufferUpdateが描画のデータを転送する部分となる。</li>
+	<li>クライアントはFramebufferUpdateRequestで、VNC Serverへ関心のある領域についてリクエストを出す。</li>
+	<li>リクエストに対してのサーバの返信がFramebufferUpdateとなる。</li>
+	<li>Requestを出してupdateを受け取るということを繰り返し行い画面の共有を行っている。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>FramebufferUpdateRequestの内容</li>
+<small>
+<table >
+<td width=50%>
+<table>
+  <tr>
+    <td>バイト数</td>
+   <td><pre>型   [値]</pre></td>
+    <td>説明 </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8         3</pre></td>
+    <td>message-type </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8<pre></td> 
+    <td>incremental</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>x-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>y-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>width</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>height</td>
+  </tr>
+
+</table>
+</td>
+<td>
+<table>
+
+<tr>
+<font color=blue >
+incrementalについて
+</font>
+</tr>
+<tr>
+<li>0の場合、VNC Serverは指定された領域の矩形データを送ってくる。</li>
+<li>0以外の場合はその領域内で差分が発生した時に矩形データを送る。</li>
+</tr>
+</table>
+</td>
+
+</table>
+</small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>FramebufferUpdate</li>
+<small>
+<table>
+<td width=100%>
+<table>
+    <tr>
+    <td>バイト数</td>
+   <td><pre>型   [値]</pre></td>
+    <td>説明 </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8         0</pre></td>
+    <td>message-type </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8<pre></td> 
+    <td>padding</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>number-of-rectangles</td>
+  </tr>
+
+</table>
+   <li>以下number-of-rectanglesの数だけ矩形のデータが続く</li>
+<table width=100%>
+  <tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>x-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>y-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>width</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>height</td>
+  </tr>
+
+  <tr>
+    <td>4</td>
+    <td><pre>U32<pre></td> 
+    <td>encoding-type</td>
+  </tr>
+
+</table>
+</td>
+
+</table>
+</small>
+	</div>
+      <!-- PAGE -->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>図を入れる</li>
+	<li>指定された領域の矩形を更新しているのが分かる図 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>RFB ProtocolにはFramebufferUpdateRequestだけではなく、キーボード・マウスポインタの入力を伝えるkeyEventやPointerEvent等もある。</li>
+	<li>TreeVNCでは画面の共有を行いたいのでそれらのイベントに対しての実装は行っていない。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>負荷分散</h1>
+	<li>負荷分散を行う上で重要: -> 転送するデータ量を見積もること </li>
+	<li>ネットワークの帯域やswtichにかかる負荷を把握するため。負荷を把握していないと負荷分散できているかどうかも解らない。</li>
+	<li>RFB Protocolで送られてくるデータ量: -> 先頭の20バイトを読むことで見積もることができる。 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>FramebufferUpdate(以下update)毎にデータを扱うためには、update1回分で送られてくるバイト量を知る必要がある
+	  <br>(どこまで読みこめば終わりなのか知る必要がある)。 </li>
+	<li>先頭の20バイトを読むことでupdate1回分のバイト量を知ることができる(厳密にはエンコード次第だが...)。 </li>
+	<li>updateは最初に送られてくる情報に矩形の横と縦幅(width,height)が含まれていてそれと扱われるエンコードによって全体のデータ量を計算することができる。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>ZRLEエンコードの場合</li>
+	  <li>最初の4bitにどれだけのデータ量が送られてくるのかという情報が送られてくる。</li>
+	  <small>
+	  <table border=1 width=50%>
+	    <tr>	
+      <td>バイト数</td>
+	      <td><pre>型   [値]</pre></td>
+	      <td>説明 </td>
+	    </tr>
+	    
+	    <tr>
+	      <td>4</td>
+	      <td>U32</td>
+	      <td>length</td>
+	    </tr>
+	    
+	    <tr>
+	      <td>length</td>
+	      <td>U8 array</td>
+	      <td>zlibData</td>
+	    </tr>
+
+	  </table>
+	  </small>
+	  <small>
+	<ul>
+	  <li>ZlibDataはgzipされたデータのこと</li>
+	  <li></li>
+	</ul>
+	</small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>先頭20バイトを読みupdate一回分のデータ量を調べる。</li>
+	<li>update1回分のデータを読み込み次のクライアントに送信する。</li>
+	<li>また、描画データを送信すると同時に画面の更新を行うようにする。</li>
+	<li class="incremental">描画データの管理はMulticastQueueで行った。 </li>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueue</h1>
+	<li>MulticastQueueはjava.util.CountDownLatchを用いて実装されたクラスである。 </li>
+	<li>クライアントから接続されると、データ転送用のスレッド(sender)が走る。 </li>
+	<li>このスレッドは次に流すデータが来るまでは待機して置かなければならない。そして流すべきデータがくるとまた動き始めなければならない。</li>
+	<li>このスレッドの待機・解放を行うのがMulticastQueueとなる。 </li>
+<!--
+	<small>
+	  <li>CountDownLatchはカウントを用いてスレッドの待機と解放を行えるクラスである。</li>
+	</small>
+-->
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueue</h1>
+	<li>MulticastQueueの図を入れる。 </li>
+	<p style="text-align: center;">
+	<small>
+	  接続されてきた時点からデータの送信が始まる。データは読み込まれるまでメモリ上に残っている。
+	</small>
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueueの問題点</h1>
+	<li>Clientがデータを読み込まないとデータが溜まりメモリを圧迫してしまう。 </li>
+	<p style="text-align: center;">
+	<img src="./pix/TimeOut1.png">
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueueの問題点</h1>
+	<li style="text-align: center;">解決策</li>
+	<p style="text-align: center;">
+	<img src="./pix/TimeOut2.png">
+	</p>
+	  <small>
+	  <li>TimeOut(TO)スレッドを走らせ、一定の時間データを読み込まなければ代わりにこのTOが読み込むようにする。</li>
+	  </small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCのデモ</h1>
+	<li>では実際に動かしてみる。</li>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>エンコードの問題 </h1>
+	<li>ZRLE : Zlib Run-Length Encoding </li><br>データをZlib圧縮扱うエンコーディング。
+	  <br><small>Macintoshでもこのエンコードは使うことができる。</small></li>
+	<li>Rawエンコードより約1/8倍少ないデータ量ですむ。</li>
+	<li>解凍器(Deflater)は辞書を持っていて、その辞書を元に解凍を行う。</li>
+	<li class="incremental">この辞書を吐き出す(flush)する機能がJavaにはなかった。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>ZRLEの問題</h1>
+	<li>解凍に必要な辞書を取り出すことができないため、ZRLEのデータはそのまま投げるだけでは正しく解凍されない。</li>
+	<li>そこで、VNC Serverへ接続するTop ProxyはZRLEで送られてきたデータを毎回新しく圧縮し直すという方法をとった。</li>
+	<li>一度圧縮し直されたデータはそのまま流すことができる。よってクライアント側では圧縮し直す必要はない。 </li>
+     	<li>このエンコードはZRLEE(Economy)として扱うことにした。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの利点と欠点</h1>
+	<ul>
+	  <li>ケーブル1本への負荷が減る。一極集中型よりスループットを維持できる。</li>
+	  <li>無線を使われると遅くなる。</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>テスト環境について</h1>
+	<li>CUI版のVNCクライアントを作成</li>
+	<li>48台あるクラスタでCUI版のクライアントをはしらせてVNCをかけさせる。</li>
+	<li>最初の1台目と50台めをGUI版のクライアントで接続を行い見比べてみる。 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1></h1>
+	<li></li>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>既存のプログラムとの比較</h1>
+	<li>VNC Reflector</li>
+	<ul>
+	  <li>tightVNCの作者が作成したプログラム</li>
+	  <li>VNC Reflecotrにクライアントが接続することでVNCを行うことができる</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+        <h1></h1>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+</div>
+</body>
+</html>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/index.html~	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,557 @@
+<!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>
+<style>
+.center {
+margin-left: auto;
+margin-right: auto;
+}
+</style>
+<title>2011/9/6</title>
+<!-- metadata -->
+    <meta name="generator" content="S5" />
+    <meta name="version" content="S5 1.1" />
+    <meta name="presdate" content="20110906" />
+    <meta name="author" content="Nobuyasu Oshiro" />
+    <meta name="company" content="University of the Ryukyu" />
+<!-- meta temporary -->
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Script-Type" content="text/javascript" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<!-- configuration parameters -->
+<meta name="defaultView" content="slideshow" />
+<meta name="controlVis" content="hidden" />
+<!-- configuration extensions -->
+<meta name="tranSitions" content="true" />
+<meta name="fadeDuration" content="500" />
+<meta name="incrDuration" content="250" />
+<!-- configuration autoplay extension -->
+<meta name="autoMatic" content="false" />
+<meta name="playLoop" content="true" />
+<meta name="playDelay" content="10" />
+<!-- configuration audio extension -->
+<meta name="audioSupport" content="false" />
+<meta name="audioVolume" content="100" />
+<meta name="audioError" content="false" />
+<!-- configuration audio debug -->
+<meta name="audioDebug" content="false" />
+<!-- style sheet links -->
+<link rel="stylesheet" href="ui/default_utf/slides.css" type="text/css" media="projection" id="slideProj" />
+<link rel="stylesheet" href="ui/default_utf/outline.css" type="text/css" media="screen" id="outlineStyle" />
+<link rel="stylesheet" href="ui/default_utf/print.css" type="text/css" media="print" id="slidePrint" />
+<link rel="stylesheet" href="ui/default_utf/opera.css" type="text/css" media="projection" id="operaFix" />
+<!-- embedded styles -->
+<style type="text/css" media="all">
+.imgcon {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
+#anim {width: 33%; height: 320px; position: relative;}
+#anim img {position: absolute; top: 0px; left: 0px;}
+</style>
+<!-- S5 JS -->
+<script src="ui/default_utf/slides.js" type="text/javascript"></script>
+</head>
+<body>
+
+<div class="layout">
+<div id="controls"><!-- DO NOT EDIT --></div>
+<div id="currentSlide"><!-- DO NOT EDIT --></div>
+<div id="header"></div>
+<div id="footer">
+<h1>ゼミ: 2011/ 9/ 6</h1>
+<h2>並列信頼研</h2>
+</div>
+</div>
+
+<div class="presentation">
+
+
+      <div class="slide">
+        <h1>Java による授業向け画面共有システムの設計と実装 </li>
+        <h3></h3>
+	<li>大城 信康  谷成 雄</li>
+        <h4><a href="http://ie.u-ryukyu.ac.jp/" rel="external">琉球大学 並列信頼研究室</a></h4>
+        <div class="handout"></div>
+      </div>
+
+
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>目的と背景</h1>
+	<li>大学の講義中、スクリーンに映されている画面は後ろの席程見えずらい。 </li>
+	<li>その問題を手元のPCにも写せるようにすることで解決しようと考えた。</li>
+	<li class="incremental">60人以上での画面共有を行うことを目標とする。</li>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+        <h1>VNCを用いての画面共有</h1>
+	<li>画面を共有する方法 -> VNC</li>
+	<li>VNC: Virtual Network Computing </br>ネットワークを介してコンピュータを遠隔操作するプログラム </li>
+	<li>VNCのリモートPCの画面を写す機能を利用する。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>VNCによる画面共有の問題点</h1>
+	<li>一極集中型の為、VNC Server(VNCされる側)の負荷が重い。</li>
+	<li>1本のEthernetからデータを配信するため、クライアントが増えれば通信速度が落ちてしまう。</li>
+	<p style="text-align: center;">
+	  <img src="./pix/NormalVNC2.png" width="450">
+	</p>
+	</div>
+      <!-- PAGE -->
+<!--
+      <div class="slide">
+	<h1>VNCによる画面共有の問題点</h1>
+	<p style="text-align: center;">
+	通常のVNC
+	</p>
+	<table class="center" width=80% style="text-align: center;">
+	  <tr>
+	    <td><small>一極集中</small></td>
+	    <td><small>実際の接続</small></td>
+	  </tr>
+	  <tr>
+	    <td>
+		<img class="scale" src="./pix/NormalVNC0.png" width="450">
+	      </td>
+	    <td>
+	      <img src="./pix/NormalVNC2.png" width="450">
+	    </td>
+	  </tr>
+	    </p>
+	</table>
+	</div>
+-->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>VNCの問題点の解決策</h1>
+	<li>クライアントからクライアントへ描画データを転送することで問題を解決させるTree VNCの設計と実装を行った。</li>
+	<p style="text-align: center;">
+	<img class="scale" src="./pix/TreeVNC0.png" width="500" heigth="500"><br>
+	  <small>クライアント同士を接続させる</small>
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの利点</h1>
+	<li>クライアントが増えても負荷がある程度以上は掛からない。</li>
+	<li>1本のEthernetへの負荷が減り、安定した通信できる。</li>
+	<table class="center" width=80% style="text-align: center;">
+	  <tr>
+	    <td><small>通常のVNC</small></td>
+	    <td><small>TreeVNC</small></td>
+	  </tr>
+	  <tr>
+	    <td>
+		<img class="scale" src="./pix/NormalVNC2.png" width="450">
+	      </td>
+	    <td>
+	      <img src="./pix/TreeVNC1.png" width="450">
+	    </td>
+	  </tr>
+	    </p>
+	</table>
+	</div>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの設計</h1>
+	<li>クライアント同士を木構造で接続させ、描画データをクライアントからクライアントへ転送させる。</li>
+	<li>木構造を管理するTop Proxy(TreeVNC Proxy)が一台あり、このTop ProxyだけがVCN Serverへ接続する。</li>
+	<li>TreeVNCのクライアントは最初にTop Proxyに接続を行う。</li>
+<!--
+	<li>TreeVNCのクライアントは初めTop Proxyへ接続を行い、接続を行うクライアントを教えてもらう。</li>
+-->
+	<li>tightVNC ViewerのJava版(ver 1.3)を元にTreeVNCの実装を行う。</li>
+	</div>
+      <!-- PAGE -->
+<!--
+      <div class="slide">
+	<h1>TreeVNCの利点</h1>
+	<p style="text-align: center;">
+	TreeVNC
+	</p>
+	<table width=100% style="text-align: center; ">
+	  <tr>
+	    <p style="text-align: center;">
+	    <td width=50%><small>クライアント同士を<br>木構造で接続 </small></td>
+	    <td width=50%><small> 実際の接続</small></td>
+	    </p>
+	  </tr>
+	  <tr>
+	    <td>
+	      <p style="text-align: center;">
+		<img class="scale" src="./pix/TreeVNC0.png" width="450">
+		</p>
+	      </td>
+	    <td>
+	      <p style="text-align: center;">
+		<img class="scale" src="./pix/TreeVNC1.png" width="450">
+		</p>
+	    </td>
+	  </tr>
+	</table>
+	</div>
+-->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>発表内容</h1>
+	<ul>
+	  <li>RFB Protocol</li>
+	  <li>データ量の見積もり</li>
+	  <li>データ転送に用いたMulticastQueueについての説明</li>
+	  <li>TreeVNCのデモ</li>
+	  <li>木構造の再構築</li>
+	  <li>ZRLE Encodingの問題</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB protocol</h1>
+	<li>Remote Frame Buffer Protocol : <br>GUI操作によるリモートアクセス用の通信プロトコル。VNCで用いられる。</li>
+	<li>転送される画面(フレームバッファ)のデータは変更があった部分(差分)だけが矩形単位で送られる。</li>
+	<li>キーイベントやマウスイベントも扱っている。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>VNC のシーケンス図</h1>
+       <table class="scale" width=100% >
+	 <tr>
+	   <td width=50%>
+	     <img class="scale" src="./pix/VNC_Sequence_.png"  height=80%>
+	     </td>
+	     <td width=50% align="left">
+<small>
+<li>1~5までは使用するプロトコルのバージョン、認証方法、エンコーディング等の決定を行う。</li>
+<li>6からフレームバッファや、リモート操作の為キーボード・マウスの入力情報を行う通信が行われる。</li>
+</small>
+	     </td>
+	 </tr>
+	 </table>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB protocol</h1>
+	<li>FramebufferUpdateが描画のデータを転送する部分となる。</li>
+	<li>クライアントはFramebufferUpdateRequestで、VNC Serverへ関心のある領域についてリクエストを出す。</li>
+	<li>リクエストに対してのサーバの返信がFramebufferUpdateとなる。</li>
+	<li>Requestを出してupdateを受け取るということを繰り返し行い画面の共有を行っている。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>FramebufferUpdateRequestの内容</li>
+<small>
+<table >
+<td width=50%>
+<table>
+  <tr>
+    <td>バイト数</td>
+   <td><pre>型   [値]</pre></td>
+    <td>説明 </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8         3</pre></td>
+    <td>message-type </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8<pre></td> 
+    <td>incremental</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>x-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>y-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>width</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>height</td>
+  </tr>
+
+</table>
+</td>
+<td>
+<table>
+
+<tr>
+<font color=blue >
+incrementalについて
+</font>
+</tr>
+<tr>
+<li>0の場合、VNC Serverは指定された領域の矩形データを送ってくる。</li>
+<li>0以外の場合はその領域内で差分が発生した時に矩形データを送る。</li>
+</tr>
+</table>
+</td>
+
+</table>
+</small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>FramebufferUpdate</li>
+<small>
+<table>
+<td width=100%>
+<table>
+    <tr>
+    <td>バイト数</td>
+   <td><pre>型   [値]</pre></td>
+    <td>説明 </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8         0</pre></td>
+    <td>message-type </td>
+  </tr>
+
+  <tr>
+    <td>1</td>
+    <td><pre>U8<pre></td> 
+    <td>padding</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>number-of-rectangles</td>
+  </tr>
+
+</table>
+   <li>以下number-of-rectanglesの数だけ矩形のデータが続く</li>
+<table width=100%>
+  <tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>x-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>y-position</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>width</td>
+  </tr>
+
+  <tr>
+    <td>2</td>
+    <td><pre>U16<pre></td> 
+    <td>height</td>
+  </tr>
+
+  <tr>
+    <td>4</td>
+    <td><pre>U32<pre></td> 
+    <td>encoding-type</td>
+  </tr>
+
+</table>
+</td>
+
+</table>
+</small>
+	</div>
+      <!-- PAGE -->
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>図を入れる</li>
+	<li>指定された領域の矩形を更新しているのが分かる図 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>RFB Protocol</h1>
+	<li>RFB ProtocolにはFramebufferUpdateRequestだけではなく、キーボード・マウスポインタの入力を伝えるkeyEventやPointerEvent等もある。</li>
+	<li>TreeVNCでは画面の共有を行いたいのでそれらのイベントに対しての実装は行っていない。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>負荷分散</h1>
+	<li>負荷分散を行う上で重要: -> 転送するデータ量を見積もること </li>
+	<li>ネットワークの帯域やswtichにかかる負荷を把握するため。負荷を把握していないと負荷分散できているかどうかも解らない。</li>
+	<li>RFB Protocolで送られてくるデータ量: -> 先頭の20バイトを読むことで見積もることができる。 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>FramebufferUpdate(以下update)毎にデータを扱うためには、update1回分で送られてくるバイト量を知る必要がある
+	  <br>(どこまで読みこめば終わりなのか知る必要がある)。 </li>
+	<li>先頭の20バイトを読むことでupdate1回分のバイト量を知ることができる(厳密にはエンコード次第だが...)。 </li>
+	<li>updateは最初に送られてくる情報に矩形の横と縦幅(width,height)が含まれていてそれと扱われるエンコードによって全体のデータ量を計算することができる。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>ZRLEエンコードの場合</li>
+	  <li>最初の4bitにどれだけのデータ量が送られてくるのかという情報が送られてくる。</li>
+	  <small>
+	  <table border=1 width=50%>
+	    <tr>	
+      <td>バイト数</td>
+	      <td><pre>型   [値]</pre></td>
+	      <td>説明 </td>
+	    </tr>
+	    
+	    <tr>
+	      <td>4</td>
+	      <td>U32</td>
+	      <td>length</td>
+	    </tr>
+	    
+	    <tr>
+	      <td>length</td>
+	      <td>U8 array</td>
+	      <td>zlibData</td>
+	    </tr>
+
+	  </table>
+	  </small>
+	  <small>
+	<ul>
+	  <li>ZlibDataはgzipされたデータのこと</li>
+	  <li></li>
+	</ul>
+	</small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>データ量の見積もり</h1>
+	<li>先頭20バイトを読みupdate一回分のデータ量を調べる。</li>
+	<li>update1回分のデータを読み込み次のクライアントに送信する。</li>
+	<li>また、描画データを送信すると同時に画面の更新を行うようにする。</li>
+	<li class="incremental">描画データの管理はMulticastQueueで行った。 </li>
+      </div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueue</h1>
+	<li>MulticastQueueはjava.util.CountDownLatchを用いて実装されたクラスである。 </li>
+	<li>クライアントから接続されると、データ転送用のスレッド(sender)が走る。 </li>
+	<li>このスレッドは次に流すデータが来るまでは待機して置かなければならない。そして流すべきデータがくるとまた動き始めなければならない。</li>
+	<li>このスレッドの待機・解放を行うのがMulticastQueueとなる。 </li>
+<!--
+	<small>
+	  <li>CountDownLatchはカウントを用いてスレッドの待機と解放を行えるクラスである。</li>
+	</small>
+-->
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueue</h1>
+	<li>MulticastQueueの図を入れる。 </li>
+	<p style="text-align: center;">
+	<small>
+	  接続されてきた時点からデータの送信が始まる。データは読み込まれるまでメモリ上に残っている。
+	</small>
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueueの問題点</h1>
+	<li>Clientがデータを読み込まないとデータが溜まりメモリを圧迫してしまう。 </li>
+	<p style="text-align: center;">
+	<img src="./pix/TimeOut1.png">
+	</p>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>MulticastQueueの問題点</h1>
+	<li style="text-align: center;">解決策</li>
+	<p style="text-align: center;">
+	<img src="./pix/TimeOut2.png">
+	</p>
+	  <small>
+	  <li>TimeOut(TO)スレッドを走らせ、一定の時間データを読み込まなければ代わりにこのTOが読み込むようにする。</li>
+	  </small>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCのデモ</h1>
+	<li>では実際に動かしてみる。</li>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>エンコードの問題 </h1>
+	<li>ZRLE : Zlib Run-Length Encoding </li><br>データをZlib圧縮扱うエンコーディング。
+	  <br><small>Macintoshでもこのエンコードは使うことができる。</small></li>
+	<li>Rawエンコードより約1/8倍少ないデータ量ですむ。</li>
+	<li>解凍器(Deflater)は辞書を持っていて、その辞書を元に解凍を行う。</li>
+	<li class="incremental">この辞書を吐き出す(flush)する機能がJavaにはなかった。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>ZRLEの問題</h1>
+	<li>解凍に必要な辞書を取り出すことができないため、ZRLEのデータはそのまま投げるだけでは正しく解凍されない。</li>
+	<li>そこで、VNC Serverへ接続するTop ProxyはZRLEで送られてきたデータを毎回新しく圧縮し直すという方法をとった。</li>
+	<li>一度圧縮し直されたデータはそのまま流すことができる。よってクライアント側では圧縮し直す必要はない。 </li>
+     	<li>このエンコードはZRLEE(Economy)として扱うことにした。</li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>TreeVNCの利点と欠点</h1>
+	<ul>
+	  <li>ケーブル1本への負荷が減る。一極集中型よりスループットを維持できる。</li>
+	  <li>無線を使われると遅くなる。</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>テスト環境について</h1>
+	<li>CUI版のVNCクライアントを作成</li>
+	<li>48台あるクラスタでCUI版のクライアントをはしらせてVNCをかけさせる。</li>
+	<li>最初の1台目と50台めをGUI版のクライアントで接続を行い見比べてみる。 </li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1></h1>
+	<li></li>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+	<h1>既存のプログラムとの比較</h1>
+	<li>VNC Reflector</li>
+	<ul>
+	  <li>tightVNCの作者が作成したプログラム</li>
+	  <li>VNC Reflecotrにクライアントが接続することでVNCを行うことができる</li>
+	</ul>
+	</div>
+      <!-- PAGE -->
+      <div class="slide">
+        <h1></h1>
+	<li></li>
+	</div>
+      <!-- PAGE -->
+</div>
+</body>
+</html>
Binary file OpenSourceConference/mp3/chillout.mp3 has changed
Binary file OpenSourceConference/mp3/club.mp3 has changed
Binary file OpenSourceConference/mp3/easy.mp3 has changed
Binary file OpenSourceConference/mp3/electro.mp3 has changed
Binary file OpenSourceConference/mp3/mini1.mp3 has changed
Binary file OpenSourceConference/mp3/mini2.mp3 has changed
Binary file OpenSourceConference/mp3/smart.mp3 has changed
Binary file OpenSourceConference/mp3/thunder.mp3 has changed
Binary file OpenSourceConference/obj/flash/relog.swf has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/obj/svg/sun.svg	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" 
+  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <defs>
+      <radialGradient id="SunGradient">
+        <stop offset="0%" stop-color="#f80" />
+        <stop offset="80%" stop-color="#fc0" />
+        <stop offset="100%" stop-color="#fff" />
+      </radialGradient>
+    </defs>
+    <rect fill="url(#SunGradient)" x="0" y="0" width="100%" height="100%"/>
+  </g>
+</svg>
Binary file OpenSourceConference/pix/.DS_Store has changed
Binary file OpenSourceConference/pix/NormalVNC0.png has changed
Binary file OpenSourceConference/pix/NormalVNC2.png has changed
Binary file OpenSourceConference/pix/NormalVNC3.png has changed
Binary file OpenSourceConference/pix/NormalVnc1.png has changed
Binary file OpenSourceConference/pix/TimeOut1.png has changed
Binary file OpenSourceConference/pix/TimeOut2.png has changed
Binary file OpenSourceConference/pix/TreeVNC.png has changed
Binary file OpenSourceConference/pix/TreeVNC0.png has changed
Binary file OpenSourceConference/pix/TreeVNC1.png has changed
Binary file OpenSourceConference/pix/TreeVNC3.png has changed
Binary file OpenSourceConference/pix/VNC_Sequence_.png has changed
Binary file OpenSourceConference/pix/VNC_Sequence_.png.bak has changed
Binary file OpenSourceConference/ui/advanced_gfx/audio_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/audio_on.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/audio_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/auto_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/auto_on.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/auto_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/backgrnd.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/delay_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/exit_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/exit_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/fade_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/fade_on.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/fade_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/footer.jpg has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/framing.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,22 @@
+/* The following styles size, place, and layer the slide components.
+   Edit these if you want to change the overall slide layout.
+   The commented lines can be uncommented (and modified, if necessary) 
+   to help you with the rearrangement process. */
+
+/* target = 1024x768 */
+
+div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
+div#header {top: 0; height: 3em; z-index: 1;}
+div#footer {top: auto; bottom: 0; height: 0.5em; z-index: 5;}
+.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
+div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
+div#controls form {text-align: right; width: 100%; margin: 0;}
+#currentSlide {position: absolute; width: 12%; left: 44%; bottom: 1em; z-index: 10;}
+html>body #currentSlide {position: fixed;}
+
+/*
+div#header {background: #FCC;}
+div#footer {background: #CCF;}
+div#controls {background: #BBD;}
+div#currentSlide {background: #FFC;}
+*/
Binary file OpenSourceConference/ui/advanced_gfx/header.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/last_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/last_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/list_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/loop_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/loop_on.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/loop_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/next_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/next_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/notes_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/notes_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/opera.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,7 @@
+/* DO NOT CHANGE THESE unless you really want to break Opera Show */
+.slide {
+	visibility: visible !important;
+	position: static !important;
+	page-break-before: always;
+}
+#slide0 {page-break-before: avoid;}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/outline.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,14 @@
+/* don't change this unless you want the layout stuff to show up in the outline view! */
+
+.hide, .layout div, #footer *, #controlForm * {display: none;}
+#footer, #controls, #controlForm, #navLinks, #sheet {display: block; visibility: visible; margin: 0; padding: 0;}
+#sheet {float: right; padding: 0.5em;}
+html>body #sheet {position: fixed; top: 0; right: 0;}
+
+
+/* making the outline look pretty-ish */
+
+#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
+#slide0 h1 {padding-top: 1.5em;}
+.slide h1 {margin: 1.5em 0 0; padding-top: 0.25em; border-top: 1px solid #888; border-bottom: 1px solid #AAA;}
+#sheet {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
Binary file OpenSourceConference/ui/advanced_gfx/pause_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/pause_on.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/pause_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/pretty.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,142 @@
+/* Following are the presentation styles -- edit away! */
+
+body {background: #FFF url(backgrnd.png) fixed; color: #333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;}
+a:link, a:visited {text-decoration: none; color: #C93;}
+
+h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
+h1 {text-shadow: 0.1em 0.1em 0.1em #333; background-color: transparent;}
+
+ul, pre {margin: 0; line-height: 1em;}
+html, body {margin: 0; padding: 0;}
+
+blockquote, q {font-style: italic;}
+blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
+blockquote p {margin: 0;}
+blockquote i {font-style: normal;}
+blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
+blockquote b i {font-style: italic;}
+
+img {border: 0;}
+kbd {font-weight: bold; font-size: 1em;}
+sup {font-size: smaller; line-height: 1px;}
+
+.slide code {padding: 2px 0.25em; font-weight: bold; color: #533;}
+.slide code.bad, code del {color: red;}
+.slide code.old {color: silver;}
+.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
+.slide pre code {display: block;}
+.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
+.slide li {margin-top: 0.75em; margin-right: 0;}
+.slide ul ul {line-height: 1;}
+.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide img.leader {display: block; margin: 0 auto;}
+
+div#header, div#footer {background: #fff; color: #AAA; font-family: Verdana, Arial, Helvetica, sans-serif;}
+div#header {background: transparent url(header.png) bottom; line-height: 1px;}
+div#footer {background: #999 url(footer.jpg) top; font-size: 0.5em; font-weight: bold; padding: 1em 0;}
+#footer h1, #footer h2 {border: none; display: block; padding: 0; position:absolute; bottom:0.5em;}
+#footer h1 {left:1em;}
+#footer h2 {right:1em; font-style: italic;}
+
+div.long {font-size: 0.75em;}
+.slide h1 {position: absolute; top: 0em; left: 1.25em; z-index: 1; margin: 0; padding: 0.35em 0 0 50px; white-space: nowrap; font: bold 150%/1em Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; color: #DDD; background-color: transparent;}
+.slide h3 {font-size: 130%;}
+h1 abbr {font-variant: small-caps;}
+
+div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
+html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
+#controls #sheet {display: none;}
+#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;}
+#controls #navLinks {border-top: 1px solid #999; overflow: hidden; padding: 0; margin: 0; height: 32px; width: 100%; background-color: #808080; text-align: center; vertical-align: middle; white-space: nowrap;}
+#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;}
+#controls #navLinks ul li {list-style: none; display: inline; margin: 0; padding: 0; float: left; height: 32px; width: 32px; text-align: center; background-color: transparent;}
+#controls #navLinks ul li.vr {list-style: none; display: inline; margin: 0px 2px; padding: 0; float: left; height: 32px; width: 1px; text-align: center; background-color: #606060;}
+#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;}
+
+#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;}
+#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;}
+#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;}
+#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;}
+#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;}
+#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;}
+#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;}
+#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;}
+#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;}
+#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;}
+#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;}
+#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;}
+#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;}
+#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;}
+#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;}
+#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;}
+#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;}
+
+#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;}
+
+#currentSlide {white-space: nowrap; text-align: center; margin-bottom: -0.5em; font-size: 0.5em; background-color: transparent; color: #999;}
+
+#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
+#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}
+
+#slide0 {padding-top: 3.5em; font-size: 90%;}
+#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 3em Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-shadow: 0.1em 0.1em 0.1em #666;  white-space: normal; color: #222; background-color: transparent;}
+#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
+#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+#slide0 h4 {margin-top: 0; font-size: 1em;}
+
+ul.urls {list-style: none; display: inline; margin: 0;}
+.urls li {display: inline; margin: 0;}
+.note {display: none;}
+.external {border-bottom: 1px dotted gray;}
+html>body .external {border-bottom: none;}
+.external:after {content: " \274F"; font-size: smaller; color: #999;}
+
+.incremental, .incremental *, .incremental *:after {color: #ccc; visibility: visible;}
+img.incremental, canvas.incremental {visibility: hidden;}
+.slide .current {color: #B02;}
+
+/* diagnostics
+li:after {content: " [" attr(class) "]"; color: #F88;}
+*/
+
+table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
+table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
+table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
+table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
+table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
+table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
+table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
+table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }
+
+#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;}
+#soundmanager-debug code {font-size: 11px;}
\ No newline at end of file
Binary file OpenSourceConference/ui/advanced_gfx/prev_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/prev_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/print.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,3 @@
+/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */
.slide, ul, p {page-break-inside: avoid; visibility: visible !important;}
h1 {page-break-after: avoid;}
+img {page-break-inside: avoid; page-break-after: avoid;}
+/*.slide {page-break-after: always;}*/

body {font-size: 12pt; background: white;}
* {color: black;}

#slide0 h1 {font-size: 200%; border: none; margin: 0.5em 0 0.25em;}
#slide0 h3 {margin: 0; padding: 0;}
#slide0 h4 {margin: 0 0 0.5em; padding: 0;}
#slide0 {margin-bottom: 3em;}

h1 {border-top: 2pt solid gray; border-bottom: 1px dotted silver;}
.extra {background: transparent !important;}
div.extra, pre.extra, .example {font-size: 10pt; color: #333;}
ul.extra a {font-weight: bold;}
p.example {display: none;}

#header {display: none;}
#footer h1 {margin: 0; border-bottom: 1px solid; color: gray; font-style: italic;}
#footer h2, #controls {display: none;}

/* The following rule keeps the layout stuff out of print.  Remove at your own risk! */
.hide, .layout, .layout * {display: none !important;}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/s5-core.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,8 @@
+/* Do not edit or override these styles! The system will likely break if you do. */
+
+div#header, div#footer, div#controls, .slide {position: absolute;}
+html>body div#header, html>body div#footer, html>body div#controls, html>body .slide {position: fixed;}
+.handout, .notes, .hide {display: none;}
+.layout {display: block;}
+.slide, .hideme, .incremental {visibility: hidden;}
+#slide0 {visibility: visible;}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/slides.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,3 @@
+@import url(s5-core.css); /* required to make the slide show run at all */
+@import url(framing.css); /* sets basic placement and size of slide components */
+@import url(pretty.css);  /* stuff that makes the slides look better than blah */
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_gfx/slides.js	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,2694 @@
+// S5 1.3beta7 (18-Apr-2007) advanced version by C. Effenberger 
+// Please see http://s5.netzgesta.de/ for more information
+// based on S5 v1.2a1 slides.js -- released into the Public Domain
+// Please see http://www.meyerweb.com/eric/tools/s5/credits.html for information 
+// about all the wonderful and talented contributors to this code!
+// audio extension: soundmanager2 is NOT Public Domain
+// Please see http://www.schillmania.com/projects/soundmanager2/ for information
+
+var undef;
+var slideCSS = '';
+var snum = 0;
+var smax = 1;
+var incpos = 0;
+var number = undef;
+var firstTime = 1;
+var s5mode = true;
+var helpmode = false;
+var defaultView = 'slideshow'; //outline
+var controlVis = 'visible';
+
+// scalable images extension
+var empx = 0;
+var images = new Array();
+var canvas = new Array();
+var medias = new Array();
+var piecharts = new Array(); 
+var barcharts = new Array();
+var linecharts = new Array();  
+// scalable images extension
+
+// transition extension
+var tranSitions = false;
+var fadeModus = false;
+var fadeDuration = 500;
+var incrDuration = 250;
+var opac = 1;
+var cid = '';
+var nid = '';
+var tid = '';
+var jl = '';
+// transition extension
+
+// autoplay extension
+var autoMatic = false;
+var playLoop = false;
+var playPause = false;
+var autoRun = false;
+var playDelay = 5000;
+var remainDer = 0;
+var incrDelay = 0;
+// autoplay extension
+
+// audio extension
+var sound = new Array();
+var audioSupport = false;
+var audioVolume = 100;
+var audioError = false;
+var swfUnloaded = true;
+var bgSoundItem = 9999;
+var curSoundID = -1;
+// audio extension
+
+// panel extension
+var imgWidth = 32;
+var imgHeight = 32;
+// panel extension
+
+// canvas chart extension
+var canvasSupport = false;
+var ChartData = new Array();
+var colorSlice = new Array();
+var font = document.createElement("img");
+font.setAttribute("src", "ui/graphic_support/numeric.png");
+signs = {
+	'0': {sx: 0, sy: 0, sw: 48, sh: 64},
+	'1': {sx: 48, sy: 0, sw: 48, sh: 64},
+	'2': {sx: 96, sy: 0, sw: 48, sh: 64},
+	'3': {sx: 144, sy: 0, sw: 48, sh: 64},
+	'4': {sx: 192, sy: 0, sw: 48, sh: 64},
+	'5': {sx: 240, sy: 0, sw: 48, sh: 64},
+	'6': {sx: 288, sy: 0, sw: 48, sh: 64},
+	'7': {sx: 336, sy: 0, sw: 48, sh: 64},
+	'8': {sx: 384, sy: 0, sw: 48, sh: 64},
+	'9': {sx: 432, sy: 0, sw: 48, sh: 64},
+	'%': {sx: 480, sy: 0, sw: 48, sh: 64},
+	'.': {sx: 528, sy: 0, sw: 24, sh: 64}
+};
+var colorNames= new Array(); 
+colorNames["black"]="#000000"; colorNames["maroon"]="#800000";
colorNames["green"]="#008000"; colorNames["olive"]="#808000";
colorNames["navy"]="#000080"; colorNames["purple"]="#800080";
colorNames["teal"]="#008080"; colorNames["gray"]="#808080";
colorNames["silver"]="#C0C0C0"; colorNames["red"]="#FF0000";
colorNames["lime"]="#00FF00"; colorNames["yellow"]="#FFFF00";
colorNames["blue"]="#0000FF"; colorNames["fuchsia"]="#FF00FF";
colorNames["aqua"]="#00FFFF"; colorNames["white"]="#FFFFFF";
colorNames["aliceblue"]="#F0F8FF"; colorNames["antiquewhite"]="#FAEBD7";
colorNames["aquamarine"]="#7FFFD4"; colorNames["azure"]="#F0FFFF";
colorNames["beige"]="#F5F5DC"; colorNames["blueviolet"]="#8A2BE2";
colorNames["brown"]="#A52A2A"; colorNames["burlywood"]="#DEB887";
colorNames["cadetblue"]="#5F9EA0"; colorNames["chartreuse"]="#7FFF00";
colorNames["chocolate"]="#D2691E"; colorNames["coral"]="#FF7F50";
colorNames["cornflowerblue"]="#6495ED"; colorNames["cornsilk"]="#FFF8DC";
colorNames["crimson"]="#DC143C"; colorNames["darkblue"]="#00008B";
colorNames["darkcyan"]="#008B8B"; colorNames["darkgoldenrod"]="#B8860B";
colorNames["darkgray"]="#A9A9A9"; colorNames["darkgreen"]="#006400";
colorNames["darkkhaki"]="#BDB76B"; colorNames["darkmagenta"]="#8B008B";
colorNames["darkolivegreen"]="#556B2F"; colorNames["darkorange"]="#FF8C00";
colorNames["darkorchid"]="#9932CC"; colorNames["darkred"]="#8B0000";
colorNames["darksalmon"]="#E9967A"; colorNames["darkseagreen"]="#8FBC8F";
colorNames["darkslateblue"]="#483D8B"; colorNames["darkslategray"]="#2F4F4F";
colorNames["darkturquoise"]="#00CED1"; colorNames["darkviolet"]="#9400D3";
colorNames["deeppink"]="#FF1493"; colorNames["deepskyblue"]="#00BFFF";
colorNames["dimgray"]="#696969"; colorNames["dodgerblue"]="#1E90FF";
colorNames["firebrick"]="#B22222"; colorNames["floralwhite"]="#FFFAF0";
colorNames["forestgreen"]="#228B22"; colorNames["gainsboro"]="#DCDCDC";
colorNames["ghostwhite"]="#F8F8FF"; colorNames["gold"]="#FFD700";
colorNames["goldenrod"]="#DAA520"; colorNames["greenyellow"]="#ADFF2F";
colorNames["honeydew"]="#F0FFF0"; colorNames["hotpink"]="#FF69B4";
colorNames["indianred"]="#CD5C5C"; colorNames["indigo"]="#4B0082";
colorNames["ivory"]="#FFFFF0"; colorNames["khaki"]="#F0E68C";
colorNames["lavender"]="#E6E6FA"; colorNames["lavenderblush"]="#FFF0F5";
colorNames["lawngreen"]="#7CFC00"; colorNames["lemonchiffon"]="#FFFACD";
colorNames["lightblue"]="#ADD8E6"; colorNames["lightcoral"]="#F08080";
colorNames["lightcyan"]="#E0FFFF"; colorNames["lightgoldenrodyellow"]="#FAFAD2";
colorNames["lightgreen"]="#90EE90"; colorNames["lightgrey"]="#D3D3D3";
colorNames["lightpink"]="#FFB6C1"; colorNames["lightsalmon"]="#FFA07A";
colorNames["lightseagreen"]="#20B2AA"; colorNames["lightskyblue"]="#87CEFA";
colorNames["lightslategray"]="#778899"; colorNames["lightsteelblue"]="#B0C4DE";
colorNames["lightyellow"]="#FFFFE0"; colorNames["limegreen"]="#32CD32";
colorNames["linen"]="#FAF0E6"; colorNames["mediumaquamarine"]="#66CDAA";
colorNames["mediumblue"]="#0000CD"; colorNames["mediumorchid"]="#BA55D3";
colorNames["ediumpurple"]="#9370D"; colorNames["mediumseagreen"]="#3CB371";
colorNames["mediumslateblue"]="#7B68EE"; colorNames["mediumspringgreen"]="#00FA9A";
colorNames["mediumturquoise"]="#48D1CC"; colorNames["mediumvioletred"]="#C71585";
colorNames["midnightblue"]="#191970"; colorNames["mintcream"]="#F5FFFA";
colorNames["mistyrose"]="#FFE4E1"; colorNames["moccasin"]="#FFE4B5";
colorNames["navajowhite"]="#FFDEAD"; colorNames["oldlace"]="#FDF5E6";
colorNames["olivedrab"]="#6B8E23"; colorNames["orange"]="#FFA500";
colorNames["orangered"]="#FF4500"; colorNames["orchid"]="#DA70D6";
colorNames["palegoldenrod"]="#EEE8AA"; colorNames["palegreen"]="#98FB98";
colorNames["paleturquoise"]="#AFEEEE"; colorNames["palevioletred"]="#DB7093";
colorNames["papayawhip"]="#FFEFD5"; colorNames["peachpuff"]="#FFDAB9";
colorNames["peru"]="#CD853F"; colorNames["pink"]="#FFC0CB";
colorNames["plum"]="#DDA0DD"; colorNames["powderblue"]="#B0E0E6";
colorNames["rosybrown"]="#BC8F8F"; colorNames["royalblue"]="#4169E1";
colorNames["saddlebrown"]="#8B4513"; colorNames["salmon"]="#FA8072";
colorNames["sandybrown"]="#F4A460"; colorNames["seagreen"]="#2E8B57";
colorNames["seashell"]="#FFF5EE"; colorNames["sienna"]="#A0522D";
colorNames["skyblue"]="#87CEEB"; colorNames["slateblue"]="#6A5ACD";
colorNames["slategray"]="#708090"; colorNames["snow"]="#FFFAFA";
colorNames["springgreen"]="#00FF7F"; colorNames["steelblue"]="#4682B4";
colorNames["tan"]="#D2B48C"; colorNames["thistle"]="#D8BFD8";
colorNames["tomato"]="#FF6347"; colorNames["turquoise"]="#40E0D0";
colorNames["violet"]="#EE82EE"; colorNames["wheat"]="#F5DEB3";
colorNames["whitesmoke"]="#F5F5F5"; colorNames["yellowgreen"]="#9ACD32";
+var canvas_bgcolor = "";
+var canvas_width = 200;
+var canvas_height = 200;
+var canvas_noshade = 0;
+var canvas_nofill = 0;
+var canvas_noshadow = 0;
+var canvas_htmltext = 0;
+var canvas_imgtext = 0;
+var canvas_notext = 0;
+// canvas chart extension
+
+var s5NotesWindow;
+var s5NotesWindowLoaded = false;
+var previousSlide = 0;
+var presentationStart = new Date();
+var slideStart = new Date();
+
+var countdown = {
+	timer: 0,
+	state: 'pause',
+	start: new Date(),
+	end: 0,
+	remaining: 0
+};
+
+var isIE = navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera') < 1 ? 1 : 0;
+if(isIE) var notIE7 = parseInt(navigator.appVersion) < 7 ? 1 : 0;
+var isOp = navigator.userAgent.indexOf('Opera') > -1 ? 1 : 0;
+var isGe = navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('Safari') < 1 ? 1 : 0;
+var isS2 = navigator.userAgent.indexOf('Safari') >= 2 ? 1 : 0;
+
+function hasClass(object, className) {
+	if (!object.className) return false;
+	return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);
+}
+
+function hasValue(object, value) {
+	if (!object) return false;
+	return (object.search('(^|\\s)' + value + '(\\s|$)') != -1);
+}
+
+function removeClass(object,className) {
+	if (!object || !hasClass(object,className)) return;
+	object.className = object.className.replace(new RegExp('(^|\\s)'+className+'(\\s|$)'), RegExp.$1+RegExp.$2);
+}
+
+function addClass(object,className) {
+	if (!object || hasClass(object, className)) return;
+	if (object.className) {
+		object.className += ' '+className;
+	} else {
+		object.className = className;
+	}
+}
+
+function changeClass(object,className) {
+	if (!object) return;
+	object.firstChild.className = className;
+}
+
+function GetElementsWithClassName(elementName,className) {
+	var allElements = document.getElementsByTagName(elementName);
+	var elemColl = new Array();
+	for (var i = 0; i< allElements.length; i++) {
+		if (hasClass(allElements[i], className)) {
+			elemColl[elemColl.length] = allElements[i];
+		}
+	}
+	return elemColl;
+}
+
+function isParentOrSelf(element, id) {
+	if (element == null || element.nodeName=='BODY') return false;
+	else if (element.id == id) return true;
+	else return isParentOrSelf(element.parentNode, id);
+}
+
+function nodeValue(node) {
+	var result = "";
+	if (node.nodeType == 1) {
+		var children = node.childNodes;
+		for (var i = 0; i < children.length; ++i) {
+			result += nodeValue(children[i]);
+		}		
+	}
+	else if (node.nodeType == 3) {
+		result = node.nodeValue;
+	}
+	return(result);
+}
+
+function slideLabel() {
+	var slideColl = GetElementsWithClassName('*','slide');
+	var list = document.getElementById('jumplist');
+	smax = slideColl.length;
+	for (var n = 0; n < smax; n++) {
+		var obj = slideColl[n];
+		var did = 'slide' + n.toString();
+		obj.setAttribute('id',did);
+		var otext = '';
+		var menu = obj.firstChild;
+		if (!menu) continue; // to cope with empty slides
+		while (menu && menu.nodeType == 3) {
+			menu = menu.nextSibling;
+		}
+	 	if (!menu) continue; // to cope with slides with only text nodes
+		var menunodes = menu.childNodes;
+		for (var o = 0; o < menunodes.length; o++) {
+			otext += nodeValue(menunodes[o]);
+		}
+		list.options[list.length] = new Option(n + ' : '  + otext, n);
+	}
+}
+
+function currentSlide() {
+	var cs, at, fd, ss;
+	if (document.getElementById) {
+		cs = document.getElementById('currentSlide');
+	} else {
+		cs = document.currentSlide;
+	}
+	fd = fadeModus?"F":"&ndash;";
+	ss = audioSupport?"S":"&ndash;";  
+	at = (autoMatic?(playPause?"||":(playLoop?"&gt;0":"&gt;|")):"&ndash;&ndash;");
+	cs.innerHTML = '<div id="plink" nowrap="nowrap">' + 
+	'<span id="csFade">[' + fd + ss + ']<\/span>&nbsp;' +
+	'<span id="csHere"><strong>' + snum + '<\/strong><\/span>' + 
+	'<span id="csSep">\/<\/span>' + 
+	'<span id="csTotal">' + (smax-1) + '<\/span>&nbsp;' +
+	'<span id="csAuto">[' + at + ']<\/span>' +
+	'<\/div>';
+		
+	if (snum == 0) {
+		cs.style.visibility = 'hidden';
+	} else {
+		cs.style.visibility = 'visible';
+	}
+}
+
+function go(step) {
+	if (document.getElementById('slideProj').disabled || step == 0) return;
+	jl = document.getElementById('jumplist');
+	cid = 'slide' + snum;
+	var ce = document.getElementById(cid);
+	if (incrementals[snum].length > 0) {
+		for (var i = 0; i < incrementals[snum].length; i++) {
+			removeClass(incrementals[snum][i], 'current');
+			removeClass(incrementals[snum][i], 'incremental');
+		}
+	}
+	if (step != 'j') {
+		snum += step;
+		lmax = smax - 1;
+		if (snum > lmax) snum = lmax;
+		if (snum < 0) snum = 0;
+	}else {
+		snum = parseInt(jl.value);
+	}	
+	nid = 'slide' + snum;
+	var ne = document.getElementById(nid);
+	if (!ne) {
+		ne = document.getElementById('slide0');
+		nid = 'slide0';
+		snum = 0;
+	}
+	if (step < 0) {
+		incpos = incrementals[snum].length
+	}else {
+		incpos = 0;
+	}
+	if (incrementals[snum].length > 0 && incpos == 0) {
+		for (var i = 0; i < incrementals[snum].length; i++) {
+			if (hasClass(incrementals[snum][i], 'current')) {
+				incpos = i + 1;
+			}else {
+				addClass(incrementals[snum][i], 'incremental');
+			}
+		}
+	}
+	if (incrementals[snum].length > 0 && incpos > 0) {
+		addClass(incrementals[snum][incpos - 1], 'current');
+	}
+	var guru = document.getElementById('guru');
+	if(guru && snum==0) {
+		guru.style.visibility = 'visible';
+	}else if(guru && snum>0) {
+		guru.style.visibility = 'hidden';
+	}	
+	if(tranSitions && s5mode && fadeModus) {
+		if(curSoundID != getSoundID(nid)) {
+			if(curSoundID == bgSoundItem && !sound[getSoundID(nid)]) {
+			}else {fadeoutSound(curSoundID,true); } // audio support
+		}		
+		changeOpac(0,nid);
+		changeOpac(100,cid);
+		ce.style.visibility = 'visible';
+		shiftOpacity(cid,fadeDuration);
+		window.setTimeout("changeSlides()",fadeDuration);
+	}else {
+		if(curSoundID != getSoundID(nid)) {
+			if(curSoundID == bgSoundItem && !sound[getSoundID(nid)]) {
+			}else {stopSound(curSoundID); } // audio support 
+		}
+		ce.style.visibility = 'hidden';
+		if (isOp) location.hash = nid;
+		ne.style.visibility = 'visible';
+		finishSlides();		
+	}
+}
+
+function changeSlides() {
+	if(nid != cid) changeOpac(100,cid);
+	document.getElementById(cid).style.visibility = 'hidden';
+	document.getElementById(nid).style.visibility = 'visible';
+	if (isOp) location.hash = nid;
+	shiftOpacity(nid,fadeDuration);
+	window.setTimeout("finishSlides()",fadeDuration);
+}
+
+function finishSlides() {
+	jl.selectedIndex = snum;
+	currentSlide();
+	loadNote();
+	permaLink();
+	number = undef;
+	if(sound[getSoundID(nid)]) {
+		playSound(nid); // audio support
+	}else if(sound[bgSoundItem] && curSoundID != bgSoundItem) {
+		playSound(bgSoundItem); // audio support
+	}
+}
+
+function goTo(target) {
+	if (target >= smax || target == snum) return;
+	go(target - snum);
+}
+
+function subgo(step) {
+	if (step > 0) {
+		removeClass(incrementals[snum][incpos - 1],'current');
+		removeClass(incrementals[snum][incpos], 'incremental');
+		if(tranSitions && s5mode && fadeModus) { 			
+			if(!incrementals[snum][incpos].id) {
+				var tmp = new Date(); tid = "inc" + String(tmp.getTime());
+				incrementals[snum][incpos].id = tid;
+			}else {
+				tid = incrementals[snum][incpos].id;
+			}	
+			if(typeof(incrementals[snum][incpos].src) != "undefined" || incrementals[snum][incpos].getContext) {
+				changeOpac(0,tid);		
+				addClass(incrementals[snum][incpos],'current');
+				shiftOpacity(tid,incrDuration);
+				setTimeout("nextInc()",incrDuration);
+			}else {
+				addClass(incrementals[snum][incpos],'current');
+				nextInc();
+			}	
+		}else {
+			addClass(incrementals[snum][incpos],'current');
+			nextInc();
+		}
+	} else {
+		incpos--;
+		removeClass(incrementals[snum][incpos],'current');
+		addClass(incrementals[snum][incpos], 'incremental');
+		addClass(incrementals[snum][incpos - 1],'current');
+		loadNote();
+	}
+}
+
+function nextInc() {
+	incpos++;
+	loadNote();
+}
+
+function toggle() {
+	var slideColl = GetElementsWithClassName('*','slide');
+	var slides = document.getElementById('slideProj');
+	var outline = document.getElementById('outlineStyle');
+	var guru = document.getElementById('guru');
+	if (!slides.disabled) {
+		stopPlay();
+		if(audioSupport && !swfUnloaded) stopAllSounds();
+		slides.disabled = true;
+		outline.disabled = false;
+		s5mode = false;
+		fontSize(1,'em');
+		for (var n = 0; n < smax; n++) {
+			var slide = slideColl[n];
+			slide.style.visibility = 'visible';
+		}
+		if(guru) guru.style.visibility = 'hidden';
+	} else {
+		slides.disabled = false;
+		outline.disabled = true;
+		s5mode = true;
+		fontScale();
+		for (var n = 0; n < smax; n++) {
+			var slide = slideColl[n];
+			slide.style.visibility = 'hidden';
+		}
+		slideColl[snum].style.visibility = 'visible';
+		if(guru && snum==0) guru.style.visibility = 'visible';
+	}
+}
+
+function showHide(action) {
+	var obj = GetElementsWithClassName('*','hideme')[0];
+	switch (action) {
+	case 's': 
+		obj.style.visibility = 'visible'; 
+		break;
+	case 'h':
+		obj.style.visibility = 'hidden'; 
+		break;
+	case 'k':
+		if (obj.style.visibility != 'visible') {
+			obj.style.visibility = 'visible';
+		} else {
+			obj.style.visibility = 'hidden';
+		}
+	break;
+	}
+}
+
+function keys(key) {
+	if (!key) {
+		key = event;
+		key.which = key.keyCode;
+	}
+	if (helpmode) {
+		dumpHelpReq();
+		return;
+	}
+	if (key.which == 84 && !isOp) {
+		toggle();
+		return;
+	}
+	if (s5mode) {
+		if (autoMatic) {
+			switch (key.which) {
+			case 70: // f/ading on/off
+				switchFade();
+				break;
+			case 83: // s/ound on/off
+				toggleSounds();
+				break;	
+			case 67: // c
+				showHide('k');
+				break;
+			case 65: // a/utoplay on/off
+				stopPlay();
+				break;
+			case 76: // l/ooping on/off
+				switchLoop();
+				break;
+			case 80: // p/ause
+			case 32: // spacebar
+				pausePlay();
+				break;
+			}
+		}else {
+			switch (key.which) {
+			case 8: // backspace = HELP
+				createHelpReq();
+				break;								
+			case 10: // return
+			case 13: // enter
+				if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
+				if (key.target && isParentOrSelf(key.target, 'controls')) return;
+				if(number != undef) {
+					goTo(number);
+					break;
+				}
+			case 32: // spacebar
+			case 34: // page down
+			case 39: // rightkey
+			case 40: // downkey
+				if(number != undef) {
+					go(number);
+				} else if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+					go(1);
+				} else {
+					subgo(1);
+				}
+				break;
+			case 33: // page up
+			case 37: // leftkey
+			case 38: // upkey
+				if(number != undef) {
+					go(-1 * number);
+				} else if (!incrementals[snum] || incpos <= 0) {
+					go(-1);
+				} else {
+					subgo(-1);
+				}
+				break;
+			case 65: // a/utoplay
+				startPlay();
+				break;				
+			case 72: // h
+			case 36: // home
+				goTo(0);
+				break;
+			case 69: // e
+			case 35: // end
+				goTo(smax-1);
+				break;
+			case 70: // f/ade transitions on/off
+				switchFade();
+				break;
+			case 76: // l/ooping on/off
+				switchLoop();
+				break;
+			case 83: // s/ound support on/off
+				toggleSounds();
+				break;					
+			case 27: // escape
+			case 81: // q
+				if(!isOp) byby();
+				break;
+			case 67: // c
+				showHide('k');
+				break;
+			case 78: // n
+				createNotesWindow();
+				break;
+			}
+			if (key.which < 48 || key.which > 57) {
+				number = undef;
+			} else {
+				if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
+				if (key.target && isParentOrSelf(key.target, 'controls')) return;
+				number = (((number != undef) ? number : 0) * 10) + (key.which - 48);
+			}
+		}
+	}
+	return false;
+}
+
+function clicker(e) {
+	number = undef;
+	var target;
+	if (window.event) {
+		target = window.event.srcElement;
+		e = window.event;
+	} else {
+		target = e.target;
+	}
+	if (target.href != null || hasValue(target.rel, 'external') || isParentOrSelf(target, 'controls') || isParentOrSelf(target,'embed') || isParentOrSelf(target,'object')) return true;
+	if (!helpmode) {
+		if (!e.which || e.which == 1) {
+			if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+				go(1);
+			} else {
+				subgo(1);
+			}
+		}
+	} else {
+		dumpHelpReq();  
+	}
+}
+
+function findSlide(hash) {
+	var target = null;
+	var slides = GetElementsWithClassName('*','slide');
+	for (var i = 0; i < slides.length; i++) {
+		var targetSlide = slides[i];
+		if ( (targetSlide.name && targetSlide.name == hash)
+		 || (targetSlide.id && targetSlide.id == hash) ) {
+			target = targetSlide;
+			break;
+		}
+	}
+	while(target != null && target.nodeName != 'BODY') {
+		if (hasClass(target, 'slide')) {
+			return parseInt(target.id.slice(5));
+		}
+		target = target.parentNode;
+	}
+	return null;
+}
+
+function slideJump() {
+	if (window.location.hash == null) return;
+	var sregex = /^#slide(\d+)$/;
+	var matches = sregex.exec(window.location.hash);
+	var dest = null;
+	if (matches != null) {
+		dest = parseInt(matches[1]);
+	} else {
+		dest = findSlide(window.location.hash.slice(1));
+	}
+	if (dest != null)
+		go(dest - snum);
+}
+
+function fixLinks() {
+	var thisUri = window.location.href;
+	thisUri = thisUri.slice(0, thisUri.length - window.location.hash.length);
+	var aelements = document.getElementsByTagName('A');
+	for (var i = 0; i < aelements.length; i++) {
+		var a = aelements[i].href;
+		var slideID = a.match('\#slide[0-9]{1,2}');
+		if ((slideID) && (slideID[0].slice(0,1) == '#')) {
+			var dest = findSlide(slideID[0].slice(1));
+			if (dest != null) {
+				if (aelements[i].addEventListener) {
+					aelements[i].addEventListener("click", new Function("e",
+						"if (document.getElementById('slideProj').disabled) return;" +
+						"go("+dest+" - snum); " +
+						"if (e.preventDefault) e.preventDefault();"), true);
+				} else if (aelements[i].attachEvent) {
+					aelements[i].attachEvent("onclick", new Function("",
+						"if (document.getElementById('slideProj').disabled) return;" +
+						"go("+dest+" - snum); " +
+						"event.returnValue = false;"));
+				}
+			}
+		}
+	}
+}
+
+function externalLinks() {
+	if (!document.getElementsByTagName) return;
+	var anchors = document.getElementsByTagName('a');
+	for (var i=0; i<anchors.length; i++) {
+		var anchor = anchors[i];
+		if (anchor.getAttribute('href') && hasValue(anchor.rel, 'external')) {
+			anchor.target = '_blank';
+			addClass(anchor,'external');
+		}
+	}
+}
+
+function permaLink() {
+	document.getElementById('plink').href = window.location.pathname + '#slide' + snum;
+}
+
+function createControls() {
+	var controlsDiv = document.getElementById("controls");
+	if (!controlsDiv) return;
+	var hider = ' onmouseover="showHide(\'s\');" onmouseout="showHide(\'h\');"';
+	var hideDiv, hideList = '';
+	if (controlVis == 'hidden') {
+		hideDiv = hider;
+	} else {
+		hideList = hider;
+	}
+	if(isOp) {
+		var str = '';
+	}else {
+		var str = '<a accesskey="t" id="sheet" title="toggle CSS" href="javascript:toggle();">&plusmn;<\/a>';
+	}	
+	if(isIE) {
+		var tmp = "move around&xA0;until the color&xA0;change to red!";
+	}else if(isS2) {
+		var tmp = "move around\r\nuntil the color\r\nchange to red!";
+	}else {
+		var tmp = "move around until color change to red!";
+	}
+	if(isIE) {
+		controlsDiv.innerHTML = str +
+		'<form action="#" id="controlForm"' + hideDiv + '>' +
+		'<div id="navLinks" title="press [backspace] for keyboard help!"><ul>' +
+		'<li id="show-notes"><a href="javascript:createNotesWindow();" accesskey="n" title="show Notes"><\/a><\/li>' +
+		'<li id="toggle"><a href="javascript:toggle();" accesskey="t" title="toggle CSS"><\/a><\/li>' +
+		'<li id="zero"><a href="javascript:goTo(0);" accesskey="h" title="goto Start Slide"><\/a><\/li>' +
+		'<li id="prev"><a href="javascript:go(-1);" accesskey="y" title="previous Slide"><\/a><\/li>' +
+		'<li id="next"><a href="javascript:go(1);" accesskey="x" title="next Slide"><\/a><\/li>' +
+		'<li id="last"><a href="javascript:goTo(smax-1);" accesskey="e" title="goto Last Slide"><\/a><\/li>' +
+		'<li id="lst" style="vertical-align: middle; width: 160px;"><select style="cursor: auto; width: 160px; height: auto;" id="jumplist" title="select named Slide" onchange="go(\'j\');"><\/select><\/li>' +
+		'<li id="auto"><a class="isoff" href="javascript:togglePlay();" accesskey="a" title="Auto Play"><\/a><\/li>' +
+		'<li id="pause"><a class="isoff" href="javascript:pausePlay();" accesskey="p" title="Pause"><\/a><\/li>' +
+		'<li id="loop"><a class="isoff" href="javascript:switchLoop();" accesskey="l" title="Loop"><\/a><\/li>' +
+		'<li id="del" style="vertical-align: middle; width: 52px;"><select style="cursor: auto; width: 52px; height: auto;" id="delaylist" title="select Delay" onchange="setDelay();"><option value="90">90<\/option><option value="75">75<\/option><option value="60">60<\/option><option value="45">45<\/option><option value="30">30<\/option><option value="20">20<\/option><option value="15">15<\/option><option value="10">10<\/option><option value="5">5<\/option><\/select><\/li>' +
+		'<\/ul><\/div><\/form>';
+	}else {
+		controlsDiv.innerHTML = str +
+		'<form action="#" id="controlForm"' + hideDiv + '>' +
+		'<div id="navLinks" title="press [backspace] or double click this area for keyboard help!" ondblclick="createHelpReq();"><ul>' +
+		'<li id="exit"><a href="javascript:byby();" accesskey="q" title="exit Show"><\/a><\/li>' +
+		'<li id="show-notes"><a href="javascript:createNotesWindow();" accesskey="n" title="show Notes"><\/a><\/li>' +
+		'<li id="toggle"><a href="javascript:toggle();" accesskey="t" title="toggle CSS"><\/a><\/li>' +
+		'<li class="vr"><\/li>' +
+		'<li id="zero"><a href="javascript:goTo(0);" accesskey="h" title="goto Start Slide"><\/a><\/li>' +
+		'<li id="prev"><a href="javascript:go(-1);" accesskey="y" title="previous Slide"><\/a><\/li>' +
+		'<li id="next"><a href="javascript:go(1);" accesskey="x" title="next Slide"><\/a><\/li>' +
+		'<li id="last"><a href="javascript:goTo(smax-1);" accesskey="e" title="goto Last Slide"><\/a><\/li>' +
+		'<li id="lst"><a id="list" style="cursor:wait;" title="' + tmp + '"><\/a><select id="jumplist" title="select named Slide" onchange="go(\'j\');"><\/select><\/li>' +
+		'<li id="fadeLinks" class="vr"><\/li>' +
+		'<li id="fade"><a class="isoff" href="javascript:switchFade();" accesskey="f" title="Transions"><\/a><\/li>' +
+		'<li id="audioLinks" class="vr"><\/li>' +
+		'<li id="audio"><a class="isoff" href="javascript:toggleSounds();" accesskey="s" title="Sounds" ><\/a><\/li>' +
+		'<li id="vol"><a id="volume" style="cursor:wait;" title="' + tmp + '"><\/a><select id="volumelist" title="select Volume" onchange="setVolume();"><option value="100">100<\/option><option value="90">90<\/option><option value="80">80<\/option><option value="70">70<\/option><option value="60">60<\/option><option value="50">50<\/option><option value="40">40<\/option><option value="30">30<\/option><option value="20">20<\/option><option value="10">10<\/option><option value="0">0<\/option><\/select><\/li>' +	
+		'<li id="autoLinks" class="vr"><\/li>' +
+		'<li id="auto"><a class="isoff" href="javascript:togglePlay();" accesskey="a" title="Auto Play"><\/a><\/li>' +
+		'<li id="pause"><a class="isoff" href="javascript:pausePlay();" accesskey="p" title="Pause"><\/a><\/li>' +
+		'<li id="loop"><a class="isoff" href="javascript:switchLoop();" accesskey="l" title="Loop"><\/a><\/li>' +
+		'<li id="del"><a id="delay" style="cursor:wait;" title="' + tmp + '"><\/a><select id="delaylist" title="select Delay" onchange="setDelay();"><option value="90">90<\/option><option value="75">75<\/option><option value="60">60<\/option><option value="45">45<\/option><option value="30">30<\/option><option value="20">20<\/option><option value="15">15<\/option><option value="10">10<\/option><option value="5">5<\/option><\/select><\/li>' +
+		'<\/ul>' +
+		'<a href="http://s5.netzgesta.de" target="_blank" title="S5 Reloaded"><img style="position: absolute; right: 0; bottom: 0;" src="data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAYpSURBVHjaYvz//z8DOYCRkZEZRAEx0Ij/f2HiAAHEgqYIpACkkB1J7g8Q/wLRIJ1QNSB5fiDmAOLvQKHPQPoHSB4ggFiQDGMCUnxALAPECkAsBLIdiD8A8SMgfghU8wlqkTgQK1ZVVWldv3792fr16y8D+c9AhgMEECPIy1DDRIDYAojdzMzMWNXV1UG2/v/y5Qvzw4cPP587d24/kH8Gar/uwoULQ+/cufNFXFyciZmZ+UVmZuZKoFmvAQII5kJOIDbi4uKK2Llz53EbG5vP6GGWn5+vMWnSpJtA5jcg5v327Rtnc3PzfSD79+rVq2WBNBtIHUAAwQzkAWKzBQsWnIUZFhISovXmzZsfkpKSDD09PY8kJCR+QtWCguGvrKwsz7Rp07Q4ODh+srCwgILiH0gSIIBgBrICsUBoaCgorBiANgqvXbtWDMg8AcQf9+7d+x0o9xbI/gJV/3fVqlUvmJiY/gIdcaWhoYETahEDQADBDPwNxO9h3gNpBiq6f/HiRbWjR4+yvnr16grQNbeh6kCWsxkYGIhClT8yNDQUgyYhBoAAYoIKfgXi06mpqUowQ+vr6x+uW7fu0suXL8+uWbOGS0BAwB7kC6jXvqmoqLDIyclxzZo1S4udnR2WtBgAAggWyyCXSgOxZUxMjGpWVtY7S0vLr8iRsnnzZl4/P7/DQCYoYtSA2DApKUkVGNNPDh06dBrIvwU06xNAAMEM5AIKqAOxCjQsmHl5eXWdnJx4N2zYcB4prd4CUpfwJRuAAGJCimULoGYpbm5uZ5DBnz9/5tq4caPWkSNHeJEc+g0aTFzfv3/nACabjzk5OW8FBQVloLmHASCAYJECUiTg7+//HJiQTzY2NsrfvXv3n7m5+T5YMgJGEkjDS2gY/pKRkeHt7Ow0Bsb0v9+/fz+HxTJAAMG8DHKFLTC9aRUXF79BT9Qgw4CWHAAy70FdYgjEDgkJCTpWVlYMQBfeAaaMPqBZbwECCGYgMzQGQSleCehS0X///jEDvf9lxYoVoOTyAIjfANX+BqrlBrL1gLFf09vb+0FaWvoHMBctA6USUKQABBAjrPiCliKg7AOKIG5ougLlju9Ipc1foDJWqMWGhYWFtsBg4RISEnrg5uY2BWQgQACxIBkGMkQKijmRfPwXWuI8ASp7DQ1vEP4DDO8PwBzzDJheT0CLPQaAAEJOh0o8zAzeihwMiv+gGZ0B4sz/bIwM797/YTh1/wfDIWj5qAfMmtFnzpz5ICIiwqKoqPgjKChoOtCs5wABhJyXpUCGzddgOIethJ71jEFi1nNwgQrKz8zv37//097eDop15qVLl0pAzWAACCAWhEMYOJFdduELA++b3wxsTIwMfzmYGH6xMDG8gYYpKAg+cnJy/gB6VwuYZFiA7E+wvAwQQCy46ozexwzG17+BYx6UVE4B8Vmo68CRFR0dDQo3UAHBBUwJ4lCLGAACCNnAv4zQxAkCxbIMZ0EuBIYb98EPDFo3voGTzjOogVzArGf969cvNmC2+wssHD7BDAQIIBakmHwPDPy3MAMNeBhgpfbbVEkGhqQbDJaXvjI8BPJB4jz79u37DcwlP+fPn38NuTwECCBkA1+8+8Nwtusxg+STHwwcP/8z8EuwMXA1KjBcBSlwEmRgBhrID/U2O7QMBIEHxsbGkrAwBAggmIGgNMT64AfDWyB+By0EQMVZlC0/wwsXQYa38hzgCGGBWv5ZU1OT4c+fP8yLFi1SA3r5Haw8BAggmIGg5KBpJ8BgeOYTg8S3f2DN/OxMDNwgw0AKnv0EJ+avsITu7u6+EZqzQEHwHFqaMwAEEAtShS/pLcTwrU+Z4QwsyQANOwIL06tfGV5BqwmQWoGKigoLYJnJvWPHjhstLS169vb2M0DqAAIIVh6CXHT/9ndIawEUITCXgUDrQwbGbe8YjkJdAzZQVVVV/t69e8LAgtUYaNgxWKQABBByacMHzfTK9gIMYkBZpj//GT4c+8gAKm1AsfseqPYPtHTXAtaEacBqlgHoyq+srKw3XV1dFwHlvwEEECNyYwmp3cIJjbUf0DbLP7RGEg+0bcMCjQxQzH8BWQgQQIzktr5wAYAAYmKgMgAIMAAp8Fx3osz1lgAAAABJRU5ErkJggg==" width="20" height="32" alt="S5" \/><\/a>' +
+		'<\/div><\/form>';
+	}
+	if (controlVis == 'hidden') {
+		var hidden = document.getElementById('navLinks');
+	} else {
+		var hidden = document.getElementById('jumplist');
+	}
+	addClass(hidden,'hideme');
+}
+
+function fontScale() {  // causes layout problems in FireFox that get fixed if browser's Reload is used; same may be true of other Gecko-based browsers
+	if (!s5mode && !isOp) return false;
+	var hScreen = screen.width; var vScreen = screen.height;
+	var vWindow = window.outerHeight; var hWindow = window.outerWidth;
+	if (isOp && s5mode && defaultView=='slideshow' && ((hScreen != hWindow) || (vScreen != vWindow))) {
+		toggle();
+		return false;
+	}
+	if (isOp && !s5mode && ((hScreen != hWindow) || (vScreen != vWindow))) return false;
+	if (isOp && !s5mode && (hScreen == hWindow) && (vScreen == vWindow)) toggle();
+	var vScale = 48;  // both yield 16 (the usual browser default) at 1024x768
+	var hScale = 64;  // perhaps should auto-calculate based on theme's declared value?
+	if (window.innerHeight) {
+		var vSize = window.innerHeight;
+		var hSize = window.innerWidth;
+	} else if (document.documentElement.clientHeight) {
+		var vSize = document.documentElement.clientHeight;
+		var hSize = document.documentElement.clientWidth;
+	} else if (document.body.clientHeight) {
+		var vSize = document.body.clientHeight;
+		var hSize = document.body.clientWidth;
+	} else {
+		var vSize = 700;  // assuming 1024x768, minus chrome and such equals 8:5
+		var hSize = 1024; // these do not account for kiosk mode or Opera Show
+	}
+	var newSize = Math.min(Math.round(vSize/vScale),Math.round(hSize/hScale));
+	extendImgSizes(newSize); // scalable images extension
+	extendCanSizes(newSize); // scalable canvas extension
+	extendObjSizes(newSize); // scalable object extension
+	fontSize(newSize,"px");
+	if(!isS2 || firstTime==0) {
+		generateCanvas(); // dynamic canvas extension
+	}
+	if (isGe) {  // hack to counter incremental reflow bugs
+		var obj = document.getElementsByTagName('body')[0];
+		obj.style.visibility = 'hidden';
+		obj.style.display = 'none';
+		obj.style.display = 'block';
+		obj.style.visibility = 'visible';
+		changeOpac(100,'slide' + snum);
+		shiftOpacity('slide' + snum,10);
+		window.setTimeout("fixReflow()",10);
+	}else {
+		setListPos(); // invisible select extension
+	}
+}
+
+function fixReflow() {
+	shiftOpacity('slide' + snum,10);
+	window.setTimeout("finishReflow()",10);
+}
+function finishReflow() {
+	setListPos(); // invisible select extension
+}
+
+function fontSize(val,fmt) {
+	var value = val + fmt;
+	if (!(s5ss = document.getElementById('s5ss'))) {
+		if (!document.createStyleSheet) {
+			document.getElementsByTagName('head')[0].appendChild(s5ss = document.createElement('style'));
+			s5ss.setAttribute('media','screen, projection');
+			s5ss.setAttribute('id','s5ss');
+		} else {
+			document.createStyleSheet();
+			document.s5ss = document.styleSheets[document.styleSheets.length - 1];
+		}
+	}
+	if (!(document.s5ss && document.s5ss.addRule)) {
+		while (s5ss.lastChild) s5ss.removeChild(s5ss.lastChild);
+		s5ss.appendChild(document.createTextNode('html {font-size: ' + value + ' !important;}'));
+	} else {
+		document.s5ss.addRule('html','font-size: ' + value + ' !important;');
+	}
+}
+
+function windowChange() {
+	fontScale();
+}
+
+function notOperaFix() {
+	slideCSS = document.getElementById('slideProj').href;
+	var slides = document.getElementById('slideProj');
+	var outline = document.getElementById('outlineStyle');
+	slides.setAttribute('media','screen');
+	outline.disabled = true;
+	if (isGe) {
+		slides.setAttribute('href','null');   // Gecko fix
+		slides.setAttribute('href',slideCSS); // Gecko fix
+	}
+	if ((isIE && notIE7) && document.styleSheets && document.styleSheets[0]) {
+		document.styleSheets[0].addRule('img', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+		document.styleSheets[0].addRule('div', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+		document.styleSheets[0].addRule('.slide', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+	}
+}
+
+function getIncrementals(obj) {
+	var incrementals = new Array();
+	if (!obj) 
+		return incrementals;
+	var children = obj.childNodes;
+	for (var i = 0; i < children.length; i++) {
+		var child = children[i];
+		if (hasClass(child, 'incremental')) {
+			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
+				removeClass(child, 'incremental');
+				for (var j = 0; j < child.childNodes.length; j++) {
+					if (child.childNodes[j].nodeType == 1) {
+						addClass(child.childNodes[j], 'incremental');
+					}
+				}
+			} else {
+				incrementals[incrementals.length] = child;
+				removeClass(child,'incremental');
+			}
+		}
+		if (hasClass(child, 'show-first')) {
+			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
+				removeClass(child, 'show-first');
+				if (child.childNodes[isGe].nodeType == 1) {
+					removeClass(child.childNodes[isGe], 'incremental');
+				}
+			} else {
+				incrementals[incrementals.length] = child;
+			}
+		}
+		incrementals = incrementals.concat(getIncrementals(child));
+	}
+	return incrementals;
+}
+
+function createIncrementals() {
+	var incrementals = new Array();
+	for (var i = 0; i < smax; i++) {
+		incrementals[i] = getIncrementals(document.getElementById('slide'+i));
+	}
+	return incrementals;
+}
+
+function trap(e) {
+	if (!e) {
+		e = event;
+		e.which = e.keyCode;
+	}
+	try {
+		modifierKey = e.ctrlKey || e.altKey || e.metaKey;
+	}
+	catch(e) {
+		modifierKey = false;
+	}
+	return modifierKey || e.which == 0;
+}
+
+// notes extension
+function noteLabel() { // Gives notes id's to match parent slides
+	var notes = GetElementsWithClassName('div','notes');
+	for (var i = 0; i < notes.length; i++) {
+		var note = notes[i];
+		var id = 'note' + note.parentNode.id.substring(5);
+		note.setAttribute('id',id);
+	}
+	resetElapsedSlide();
+	resetRemainingTime();
+	window.setInterval('updateElaspedTime()', 1000);
+}
+
+function createNotesWindow() { // creates a window for our notes
+	if (!s5NotesWindow || s5NotesWindow.closed) { // Create the window if it doesn't exist
+		s5NotesWindowLoaded = false;
+		// Note: Safari has a tendency to ignore window options preferring to default to the settings of the parent window, grr.
+		s5NotesWindow = window.open('ui/s5-notes.html', 's5NotesWindow', 'top=0,left=0');
+	}
+	if (s5NotesWindowLoaded) { // Load the current note if the Note HTML has loaded
+		loadNote();
+	} else { // Keep trying...
+		window.setTimeout('createNotesWindow()', 50);
+	}
+}
+
+function loadNote() {
+// Loads a note into the note window
+	var notes = nextNotes = '<em class="disclaimer">There are no notes for this slide.</em>';
+	if (document.getElementById('note' + snum)) {
+		notes = document.getElementById('note' + snum).innerHTML;
+	}
+	if (document.getElementById('note' + (snum + 1))) {
+		nextNotes = document.getElementById('note' + (snum + 1)).innerHTML;
+	}
+	
+	var jl = document.getElementById('jumplist');
+	var slideTitle = jl.options[jl.selectedIndex].text.replace(/^\d+\s+:\s+/, '') + ((jl.selectedIndex) ? ' (' + jl.selectedIndex + '/' + (smax - 1) + ')' : '');
+	if (incrementals[snum].length > 0) {
+		slideTitle += ' <small>[' + incpos + '/' + incrementals[snum].length + ']</small>';
+	}
+	if (jl.selectedIndex < smax - 1) {
+		var nextTitle = jl.options[jl.selectedIndex + 1].text.replace(/^\d+\s+:\s+/, '') + ((jl.selectedIndex + 1) ? ' (' + (jl.selectedIndex + 1) + '/' + (smax - 1) + ')' : '');
+	} else {
+		var nextTitle = '[end of slide show]';
+	}
+	
+	if (s5NotesWindow && !s5NotesWindow.closed && s5NotesWindow.document) {
+		s5NotesWindow.document.getElementById('slide').innerHTML = slideTitle;
+		s5NotesWindow.document.getElementById('notes').innerHTML = notes;
+		s5NotesWindow.document.getElementById('next').innerHTML = nextTitle;
+		s5NotesWindow.document.getElementById('nextnotes').innerHTML = nextNotes;
+	}
+	resetElapsedSlide();
+}
+
+function minimizeTimer(id) {
+	var obj = s5NotesWindow.document.getElementById(id);
+	if (hasClass(obj,'collapsed')) {
+		removeClass(obj,'collapsed');
+	} else {
+		addClass(obj,'collapsed');
+	}
+}
+
+function resetElapsedTime() {
+	presentationStart = new Date();
+	slideStart = new Date();
+	updateElaspedTime();
+}
+
+function resetElapsedSlide() {
+	if (snum != previousSlide) {
+		slideStart = new Date();
+		previousSlide = snum;
+		updateElaspedTime();
+	}
+}
+
+function updateElaspedTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var now = new Date();
+	var ep = s5NotesWindow.document.getElementById('elapsed-presentation');
+	var es = s5NotesWindow.document.getElementById('elapsed-slide');
+	ep.innerHTML = formatTime(now.valueOf() - presentationStart.valueOf());
+	es.innerHTML = formatTime(now.valueOf() - slideStart.valueOf());
+}
+
+function resetRemainingTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var startField = s5NotesWindow.document.getElementById('startFrom');
+	startFrom = readTime(startField.value);
+	countdown.remaining = startFrom * 60000;  // convert to msecs
+	countdown.start = new Date().valueOf();
+	countdown.end = countdown.start + countdown.remaining;
+	var tl = s5NotesWindow.document.getElementById('timeLeft');
+	var timeLeft = formatTime(countdown.remaining);
+	tl.innerHTML = timeLeft;
+}
+
+function updateRemainingTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var tl = s5NotesWindow.document.getElementById('timeLeft');
+	var now = new Date();
+	if (countdown.state == 'run') {
+		countdown.remaining = countdown.end - now;
+	}
+	tl.style.color = '';
+	tl.style.backgroundColor = '';
+	if (countdown.remaining >= 0) {
+		var timeLeft = formatTime(countdown.remaining);
+		removeClass(tl,'overtime');
+		if (countdown.remaining < 300000) {
+			tl.style.color = 'rgb(' + (255-Math.round(countdown.remaining/2000)) + ',0,0)';
+			tl.style.backgroundColor = 'rgb(255,255,' + (Math.round(countdown.remaining/2000)) + ')';
+		}
+	} else {
+		var timeLeft = '-' + formatTime(-countdown.remaining);
+		addClass(tl,'overtime');
+	}
+	tl.innerHTML = timeLeft;
+}
+
+function toggleRemainingTime() {
+	if (countdown.state == 'pause') countdown.state = 'run'; else countdown.state = 'pause';
+	if (countdown.state == 'pause') {
+		window.clearInterval(countdown.timer);
+	}
+	if (countdown.state == 'run') {
+		countdown.start = new Date().valueOf();
+		countdown.end = countdown.start + countdown.remaining;
+		countdown.timer = window.setInterval('updateRemainingTime()', 1000);
+	}
+}
+
+function alterRemainingTime(amt) {
+	var change = amt * 60000;  // convert to msecs
+	countdown.end += change;
+	countdown.remaining += change;
+	updateRemainingTime();
+}
+
+function formatTime(msecs)  {
+	var time = new Date(msecs);
+	
+	var hrs = time.getUTCHours() + ((time.getUTCDate() -1) * 24); // I doubt anyone will spend more than 24 hours on a presentation or single slide but just in case...
+	hrs = (hrs < 10) ? '0'+hrs : hrs;
+	if (hrs == 'NaN' || isNaN(hrs)) hrs = '--';
+	
+	var min = time.getUTCMinutes();
+	min = (min < 10) ? '0'+min : min;
+	if (min == 'NaN' || isNaN(min)) min = '--';
+	
+	var sec = time.getUTCSeconds();
+	sec = (sec < 10) ? '0'+sec : sec;
+	if (sec == 'NaN' || isNaN(sec)) sec = '--';
+
+	return hrs + ':' + min + ':' + sec;
+}
+
+function readTime(val) {
+	var sregex = /:/;
+	var matches = sregex.exec(val);
+	if (matches == null) {
+		return val;
+	} else {
+		var times = val.split(':');
+		var hours = parseInt(times[0]);
+		var mins = parseInt(times[1]);
+		var total = (hours * 60) + mins;
+		return total;
+	}
+}
+// notes extension
+
+// startup process
+function createSlideShow() {
+	defaultCheck();	
+	if(!isIE) createDetector(); // (degrade IE) scalable images extension 
+	if(opac!=0 || isIE) { // &&!isIE (degrade IE)
+		tranSitions = false;
+		fadeModus = false;
+	}
+	if(tranSitions && document.getElementById && document.createElement){
+		createProgress();
+		var nop=document.getElementById('StartupControl');
+		nop.onload = dumpProgress;
+	}else {
+		startup();
+		showAll();
+		setListPos(true); // invisible select extension
+		panelSetup();
+		audioSetup(); // audio extension
+		if(isS2 && firstTime>=1) {
+			generateCanvas(); // dynamic canvas extension
+		} firstTime = 0;
+	}
+}
+
+function defaultCheck() {
+	var allMetas = document.getElementsByTagName('meta');
+	for (var i = 0; i< allMetas.length; i++) {
+		if (allMetas[i].name == 'defaultView') {
+			defaultView = allMetas[i].content;
+		}
+		if (allMetas[i].name == 'controlVis') {
+			controlVis = allMetas[i].content;
+		}
+		if (allMetas[i].name == 'tranSitions') {
+			tranSitions = (allMetas[i].content == "true") ? true : false;
+			fadeModus = (tranSitions == true) ? true : false;
+		}
+		if (allMetas[i].name == 'fadeDuration') {
+			var tmp = parseInt(allMetas[i].content);
+			fadeDuration = Math.max(200,Math.min(tmp,2000));
+		}
+		if (allMetas[i].name == 'incrDuration') {
+			var tmp = parseInt(allMetas[i].content);
+			incrDuration = Math.max(50,Math.min(tmp,500));
+		}
+		if (allMetas[i].name == 'autoMatic') {
+			autoMatic = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'playLoop') {
+			playLoop = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'playDelay') {
+			var tmp = parseInt(allMetas[i].content);
+			playDelay = Math.max(5,Math.min(tmp,90))*1000;
+			playDelay = (fadeModus == true) ? (playDelay+(2*fadeDuration)) : playDelay;
+		}
+		if (allMetas[i].name == 'audioSupport') {
+			audioSupport = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'audioVolume') {
+			var tmp = parseInt(allMetas[i].content);
+			audioVolume = Math.max(0,Math.min(tmp,100));
+		}
+		if (allMetas[i].name == 'audioError') {
+			audioError = (allMetas[i].content == "true") ? true : false;
+		}						
+	}
+}
+
+function createProgress() {
+	var obj = document.getElementsByTagName("body")[0].firstChild;
+	var pg = document.createElement('div');
+	pg.id = "StartupProgress";
+	pg.style.position = 'absolute';
+	pg.style.left = 0 + 'px';
+	pg.style.top = 0 + 'px';
+	pg.style.width = 100 + '%';
+	pg.style.height = 100 + '%';
+	pg.style.margin = 0 + 'px';
+	pg.style.padding = 0 + 'px';
+	if (isIE) {
+		pg.style.filter = "alpha(opacity=100)";	
+	}else {
+		pg.style.opacity = 1.0;
+	}
	pg.style.zIndex = 9999;
+	pg.style.backgroundColor="rgb(255, 255, 255)";
+	pg.style.textAlign = "center";
	pg.style.verticalAlign = "middle";
+	pg.style.backgroundPosition="center center";
+	pg.style.backgroundRepeat="no-repeat";
+	pg.style.backgroundImage="url(ui/graphic_support/progress.gif)";
+	document.getElementsByTagName("body")[0].insertBefore(pg,obj);
+
+	var im = document.createElement('img');
+	im.id = "StartupControl";
+	im.src = "ui/graphic_support/blank.gif?" + new Date().valueOf();
+	document.getElementsByTagName("body")[0].appendChild(im);
+}
+
+function startup() {
+	createControls(); // hallvord
+	slideLabel();
+	incrementals = createIncrementals();
+	noteLabel(); // [SI:060104] must follow slideLabel()
+	loadNote();
+	fixLinks();
+	externalLinks();
+	fontScale();
+	if (!isOp) {
+		if(isIE) {
+			document.getElementById('lst').style.backgroundImage = 'none';
+			document.getElementById('del').style.backgroundImage = 'none';
+		}else {
+			document.getElementById('audio').style.backgroundImage = 'none';
+		}
+		notOperaFix();
+	}else if(isOp) {
+		var obj = document.getElementById('exit');
+		obj.firstChild.style.visibility = 'hidden';
+		document.getElementById('exit').style.opacity = 0.5;
+		obj = document.getElementById('toggle');
+		obj.firstChild.style.visibility = 'hidden';
+		document.getElementById('toggle').style.opacity = 0.5;
+		document.getElementById('jumplist').style.visibility = 'hidden';
+		document.getElementById('list').style.visibility = 'hidden';
+		document.getElementById('lst').style.opacity = 0.5;
+		obj = document.getElementById('audio');
+		obj.firstChild.style.visibility = 'hidden';
+		document.getElementById('audio').style.opacity = 0.5;
+		document.getElementById('volumelist').style.visibility = 'hidden';
+		document.getElementById('volume').style.visibility = 'hidden';
+		document.getElementById('vol').style.opacity = 0.5;
+		document.getElementById('delaylist').style.visibility = 'hidden';
+		document.getElementById('delay').style.visibility = 'hidden';
+		document.getElementById('del').style.opacity = 0.5;
+	}
+	slideJump();
+	if (defaultView == 'outline') toggle();
+	document.onkeyup = keys;
+	document.onkeypress = trap;
+	document.onclick = clicker;
+}
+
+function preloadImgages() {
+	var temp = '';
+	var objects = document.getElementsByTagName('img');
+	for (var i=0; i < objects.length; i++) {
+		if(objects[i].src != '') {
+			temp = new Image(); 
+			temp.src = objects[i].src;
+		}
+	}
+}
+
+function showAll() {
+	var obj1 = GetElementsWithClassName('div','presentation')[0];
+	if(!obj1) var obj1 = GetElementsWithClassName('ol','presentation')[0];
+	var obj2 = GetElementsWithClassName('div','layout')[0];
+	if(!obj1){}else {obj1.style.display = 'block'};
+	if(!obj2){}else {obj2.style.display = 'block'};
+}
+
+function dumpProgress() {
+	document.body.removeChild(document.getElementById('StartupControl'));
+	startup();
+	preloadImgages();
+	showAll();
+	createSoundManagerScript();
+	shiftOpacity('StartupProgress',1000);
+	window.setTimeout("removeProgress()",1000);
}
+
+function removeProgress() {
+	document.body.removeChild(document.getElementById('StartupProgress'));
+	setListPos(true); // invisible select extension
+	panelSetup();
+	audioSetup(); // audio extension
+	if(isS2 && firstTime>=1) {
+		generateCanvas(); // dynamic canvas extension
+	} firstTime = 0;
+}
+function panelSetup() {
+	if(playPause) {	
+		var obj = document.getElementById('pause'); changeClass(obj,'ison');
+	}
+	if(playLoop) {	
+		var obj = document.getElementById('loop'); changeClass(obj,'ison');
+	}
+	if(audioSupport && !isIE && !isOp) {	
+		var obj = document.getElementById('audio'); changeClass(obj,'ison');
+	}
+	if(fadeModus && !isIE) {	
+		var obj = document.getElementById('fade'); changeClass(obj,'ison');
+	}
+	if(autoMatic) {
+		var obj = document.getElementById('auto'); changeClass(obj,'ison');
+		startPlay();
+	}
+	if(audioVolume && !isIE && !isOp) {
+		var idx = 0;
+		if(audioVolume >= 95 && audioVolume <= 100) {idx = 0;}
+		else if(audioVolume >= 85 && audioVolume < 95) {idx = 1;}
+		else if(audioVolume >= 75 && audioVolume < 85) {idx = 2;}
+		else if(audioVolume >= 65 && audioVolume < 75) {idx = 3;}
+		else if(audioVolume >= 55 && audioVolume < 65) {idx = 4;}
+		else if(audioVolume >= 45 && audioVolume < 55) {idx = 5;}
+		else if(audioVolume >= 35 && audioVolume < 45) {idx = 6;}
+		else if(audioVolume >= 25 && audioVolume < 35) {idx = 7;}
+		else if(audioVolume >= 15 && audioVolume < 25) {idx = 8;}
+		else if(audioVolume >= 5 && audioVolume < 15) {idx = 9;}
+		else {idx = 10;}
+		document.getElementById('volumelist').selectedIndex = idx;
+	}
+	if(playDelay && !isOp) {
+		var idx = 0; var vol = parseInt(playDelay/1000);
+		if(vol >= 83 && vol <= 90) {idx = 0;}
+		else if(vol >= 68 && vol < 83) {idx = 1;}
+		else if(vol >= 53 && vol < 68) {idx = 2;}
+		else if(vol >= 38 && vol < 53) {idx = 3;}
+		else if(vol >= 25 && vol < 38) {idx = 4;}
+		else if(vol >= 18 && vol < 25) {idx = 5;}
+		else if(vol >= 13 && vol < 18) {idx = 6;}
+		else if(vol >= 8 && vol < 13) {idx = 7;}
+		else {idx = 8;}
+		document.getElementById('delaylist').selectedIndex = idx;		
+	}
+}
+// startup process
+
+// shutdown process
+function byby() {
+	stopPlay();
+	if(tranSitions && fadeModus && s5mode && !isOp) {
+		fadeoutSound(curSoundID,true); // audio support
+		var pg = document.createElement('div');
+		pg.id = "GoodBy";
+		pg.style.position = 'absolute';
+		pg.style.left = 0 + 'px';
+		pg.style.top = 0 + 'px';
+		pg.style.width = 100 + '%';
+		pg.style.height = 100 + '%';
+		pg.style.margin = 0 + 'px';
+		pg.style.padding = 0 + 'px';
+		if (isIE) {
+			pg.style.filter = "alpha(opacity=0)";	
+		}else {
+			pg.style.opacity = 0.0;
+		}
		pg.style.zIndex = 9999;
+		pg.style.backgroundColor="rgb(255, 255, 255)";
+		pg.style.textAlign = "center";
		pg.style.verticalAlign = "middle";
+		pg.style.backgroundPosition="center center";
+		pg.style.backgroundRepeat="no-repeat";
+		pg.style.backgroundImage="url(ui/graphic_support/finish.gif)";		
+		document.getElementsByTagName("body")[0].appendChild(pg);
+		shiftOpacity('GoodBy',1000);
+		window.setTimeout("history.back()",1000);
	}else {
+		stopSound(curSoundID); 
+		history.back();
+	}
+}
+// shutdown process
+
+// scalable images extension
+function createDetector() {
+	var em = document.createElement('div');
+	em.id='EMSizeControl'; em.style.position="absolute"; em.style.left="-999px";
+	em.style.width="1em"; em.style.height="1em"; em.style.opacity=0.0;
+	document.getElementsByTagName("body")[0].appendChild(em);
+	var nop=document.getElementById('EMSizeControl');
+	if(!nop||findPosX(nop)!=-999) {}else {
+		opac=document.getElementById('EMSizeControl').style.opacity;
+		empx=document.getElementById('EMSizeControl').offsetHeight;
+		document.body.removeChild(document.getElementById('EMSizeControl'));
+		var objects = document.getElementsByTagName('img'); 
+		var j = 0; var i = 0; var k = 0; var d; var obj;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				images[j] = objects[i];
+				++j;
+			}
+		}		
+		var objects = document.getElementsByTagName('canvas'); j = 0; 
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				canvas[objects[i].id] = objects[i];
+				if(j==0) {
+					if(objects[i].getContext) {
+						canvasSupport = true;
+					}
+					++j;
+				}
+			}
+		}	
+		if(canvasSupport!=true) {
+			for (d in canvas) {
+				canvas[d].setAttribute("width",1); 
+				canvas[d].setAttribute("height",1); 
+			} 
+		}	
+		var objects = document.getElementsByTagName('table'); 
+		j = 0; k = 0; l = 0; var w; var h; var tmp; var cnt;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^piechart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						piecharts[j] = objects[i];
+						em = piecharts[j].getAttribute("summary");
+						if(em != "") em = "," + em;
+						piecharts[j].setAttribute("summary", w + "," + h + em);
+						++j;
+					}
+				}
+			}
+			if(objects[i].className.match(/^barchart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						barcharts[k] = objects[i];
+						em = barcharts[k].getAttribute("summary");
+						if(em != "") em = "," + em;
+						barcharts[k].setAttribute("summary", w + "," + h + em);
+						++k;
+					}
+				}
+			}
+			if(objects[i].className.match(/^linechart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						linecharts[l] = objects[i];
+						em = linecharts[l].getAttribute("summary");
+						if(em != "") em = "," + em;
+						linecharts[l].setAttribute("summary", w + "," + h + em);
+						++l;
+					}
+				}
+			}
+		}	
+		objects = document.getElementsByTagName('object'); j = 0; i = 0;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				medias[j] = objects[i]; ++j;
+				if(!isIE) {
+  					if(objects[i].getAttributeNode("classid")) objects[i].removeAttributeNode(objects[i].getAttributeNode("classid"));
+				  	if(objects[i].getAttributeNode("codebase")) objects[i].removeAttributeNode(objects[i].getAttributeNode("codebase"));
+				}
+			}
+		}
+	}
+}
+function extendImgSizes(f) {
+	if(empx>0) {
+		var q = (f/empx); var w = 0; var h = 0;
+		for(var i=0; i < images.length; i++) {
+			w=images[i].getAttribute("width",0); 
+			h=images[i].getAttribute("height",0);
+			if(w>0&&h>0) {
+				images[i].style.width=Math.floor(w*q)+"px";
				images[i].style.height=Math.floor(h*q)+"px";
+			}
+		}
+	}
+}
+
+function extendCanSizes(f) {
+	if(empx>0 && canvasSupport) {
+		var q = (f/empx); var w = 0; var h = 0; var tmp = ""; var cnt; var obj;
+		for(var i=0; i < piecharts.length; i++) {
+			if(piecharts[i].getAttribute("summary")) {
+				tmp = piecharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = piecharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+		for(var i=0; i < barcharts.length; i++) {
+			if(barcharts[i].getAttribute("summary")) {
+				tmp = barcharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = barcharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+		for(var i=0; i < linecharts.length; i++) {
+			if(linecharts[i].getAttribute("summary")) {
+				tmp = linecharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = linecharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+	}
+}
+function extendObjSizes(f) {
+	if(empx>0) {
+		var q = (f/empx); var w = 0; var h = 0;
+		for(var i=0; i < medias.length; i++) {
+			w=medias[i].getAttribute("width",0); 
+			h=medias[i].getAttribute("height",0);
+			if(w>0&&h>0) {
+				medias[i].style.width=Math.floor(w*q)+"px";
				medias[i].style.height=Math.floor(h*q)+"px";
+			}
+		}
+	}
+}
+function findPosX(obj) {
+	var posLeft = 0;
+	while (obj.offsetParent) {
+		posLeft += obj.offsetLeft;
+		obj = obj.offsetParent;
+	}
+	return posLeft;
+}
+function findPosY(obj) {
+	var posTop = 0;
+	while (obj.offsetParent) {
+		posTop += obj.offsetTop;
+		obj = obj.offsetParent;
+	}
+	return posTop;
+}
+// scalable images extension
+
+// canvas chart extension
+function deg2rad(degrees) {
+	return Math.PI *degrees/180;
+}
+function rad2deg(radians) {
+	return 180.0 *radians/Math.PI;
+}
+function circle_point_x(radians, diameter) {
+	var x = Math.cos(radians)*(diameter/2);
+	return x;
+}
+function circle_point_y(radians, diameter) {
+	var y = Math.sin(radians)*(diameter/2);
+	return y;
+}
+function roundTo(val,dig) {
+	var num = val;
+	if (val > 8191 && val < 10485) {
+		val = val-5000;
+		num = Math.round(val*Math.pow(10,dig))/Math.pow(10,dig);
+		num = num+5000;
+	} else {
+		num = Math.round(val*Math.pow(10,dig))/Math.pow(10,dig);
+	}
+	return num;
+}
+function searchColor(value) {
+	for (var dat in colorNames) {
+		if(dat==value) return colorNames[dat];
+    }
+    return false;
+}
+function scanColor(value) {
+	if(value.match(/^#[0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		var val1 = value.substr(1,1).toLowerCase();
+		var val2 = value.substr(2,1).toLowerCase();
+		var val3 = value.substr(3,1).toLowerCase();
+		value = '#' + val1 + val1 + val2 + val2 + val3 + val3;
+	}
+	if(!value.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		var tmp = searchColor(value.toLowerCase());
+		if(!tmp) {}else{value = tmp;}
+	}
+	if(!value.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		value = '#000000';
+	}
+	return value.toLowerCase();
+}
+function hex2rgb(val,trans) {
+	if(val.length==7) {
+		var tp1 = Math.max(0,Math.min(parseInt(val.substr(1,2),16),255));
+		var tp2 = Math.max(0,Math.min(parseInt(val.substr(3,2),16),255));
+		var tp3 = Math.max(0,Math.min(parseInt(val.substr(5,2),16),255));
+		return 'rgba(' + tp1 + ',' + tp2 + ',' + tp3 + ',' + trans + ')';
+	}
+}
+function trim(str) {
+    return (str.replace(/\s+$/,"").replace(/^\s+/,""));
+}
+function roundedRect(ctx,x,y,width,height,radius){
+	ctx.beginPath();
+	ctx.moveTo(x,y+radius);
+	ctx.lineTo(x,y+height-radius);
+	ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
+	ctx.lineTo(x+width-radius,y+height);
+	ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
+	ctx.lineTo(x+width,y+radius);
+	ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
+	ctx.lineTo(x+radius,y);
+	ctx.quadraticCurveTo(x,y,x,y+radius);
+	ctx.closePath();
+}
+function drawString(ctx, text, fc, tx, ty) {
+	var xp = 0; var c = "";
+	ctx.beginPath();
+	for (var i = 0; i < text.length; i++) {
+		c = text[i];
+		ctx.drawImage(font, signs[c].sx, signs[c].sy, signs[c].sw, signs[c].sh, tx+xp, ty, signs[c].sw*fc, signs[c].sh*fc);
+		xp += (signs[c].sw*fc);
+	}
+	ctx.closePath();
+}
+function strokeString(ctx, txt, col, fh, tx, ty) {
+	var fw = fh*0.666666; var lw = fh*0.125;  
+	var ls = lw/2; var cr = lw; var xp = 0; 
+	ctx.lineCap = "round"; ctx.lineJoin = "round"
+	ctx.lineWidth = lw; ctx.strokeStyle = col;
+	for (var i = 0; i < txt.length; i++) {
+		strokeSymbol(ctx, txt[i], ls, tx+xp, ty, fw, fh);
+		xp += (txt[i]!="."?fw+cr:(fw/2)+cr);
+	}
+}
+function strokeSymbol(ctx, symbol, fc, cx, cy, cw, ch) {
+	ctx.beginPath();
+	switch (symbol) {
+		case "0":
+			ctx.moveTo(cx+fc,cy+(ch*0.333333));
+			ctx.arc(cx+(cw/2),cy+(cw/2),(cw/2)-fc,deg2rad(180),0, false);
+			ctx.arc(cx+(cw/2),(cy+ch)-(cw/2),(cw/2)-fc,0,deg2rad(180), false);
+			ctx.closePath();
+		break;
+		case "1":
+			ctx.moveTo(cx+(cw*0.1)+fc,cy+ch-fc);
+			ctx.lineTo(cx+cw-fc,cy+ch-fc);
+			ctx.moveTo(cx+(cw*0.666666),cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.666666),cy+fc);
+			ctx.lineTo(cx+(cw*0.25),cy+(ch*0.25));
+		break;
+		case "2":
+			ctx.moveTo(cx+cw-fc,cy+(ch*0.8));
+			ctx.lineTo(cx+cw-fc,cy+ch-fc);
+			ctx.lineTo(cx+fc,cy+ch-fc);
+			ctx.arc(cx+(cw/2),cy+(cw*0.425),(cw*0.425)-fc,deg2rad(45),deg2rad(-180), true);
+		break;
+		case "3":
+			ctx.moveTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.9)-fc,cy+fc);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-90),deg2rad(180), false);
+		break;
+		case "4":
+			ctx.moveTo(cx+(cw*0.75),cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.75),cy+fc);
+			ctx.moveTo(cx+cw-fc,cy+(ch*0.666666));
+			ctx.lineTo(cx+fc,cy+(ch*0.666666));
+			ctx.lineTo(cx+(cw*0.75),cy+fc);
+			ctx.moveTo(cx+cw-fc,cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.5),cy+ch-fc);
+		break;
+		case "5":
+			ctx.moveTo(cx+(cw*0.9)-fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+(ch*0.333333));
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-80),deg2rad(180), false);
+		break;
+		case "6":
+			ctx.moveTo(cx+fc,cy+ch-(cw*0.5)-fc);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-180),deg2rad(180), false);
+			ctx.bezierCurveTo(cx+fc,cy+fc,cx+fc,cy+fc,cx+(cw*0.9)-fc,cy+fc);
+			ctx.moveTo(cx+(cw*0.9)-fc,cy+fc);
+		break;
+		case "7":
+			ctx.moveTo(cx+(cw*0.5),cy+ch-fc);
+			ctx.lineTo(cx+cw-fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+(ch*0.25)-fc);
+		break;
+		case "8":
+			ctx.moveTo(cx+(cw*0.92)-fc,cy+(cw*0.59));
+			ctx.arc(cx+(cw/2),cy+(cw*0.45),(cw*0.45)-fc,deg2rad(25),deg2rad(-205), true);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-135),deg2rad(-45), true);
+			ctx.closePath();
+			ctx.moveTo(cx+(cw*0.79),cy+(ch*0.47));
+			ctx.lineTo(cx+(cw*0.21),cy+(ch*0.47));
+		break;
+		case "9":
+			ctx.moveTo(cx+cw-fc,cy+(cw*0.5));
+			ctx.arc(cx+(cw/2),cy+(cw*0.5),(cw*0.5)-fc,deg2rad(0),deg2rad(360), false);
+			ctx.bezierCurveTo(cx+cw-fc,cy+ch-fc,cx+cw-fc,cy+ch-fc,cx+(cw*0.1)+fc,cy+ch-fc);
+		break;
+		case "%":
+			ctx.moveTo(cx+fc,cy+(ch*0.75));
+			ctx.lineTo(cx+cw-fc,cy+(ch*0.25));
+			ctx.moveTo(cx+(cw*0.505),cy+(cw*0.3));
+			ctx.arc(cx+(cw*0.3),cy+(cw*0.3),(cw*0.3)-fc,deg2rad(0),deg2rad(360), false);
+			ctx.moveTo(cx+(cw*0.905),cy+ch-(cw*0.3));
+			ctx.arc(cx+(cw*0.7),cy+ch-(cw*0.3),(cw*0.3)-fc,deg2rad(0),deg2rad(360), false);
+		break;
+		case ".":
+			ctx.moveTo(cx+(cw*0.25),cy+ch-fc-fc);
+			ctx.arc(cx+(cw*0.25),cy+ch-fc-fc,fc,deg2rad(0),deg2rad(360), false);
+			ctx.closePath();
+		break;
+		default:
+		break;
+	}	
+	ctx.stroke();
+}
+function drawBar(ctx,x,y,width,height,color,value,textdiv){
+	var rw = width/2; var rh = rw/2;
+	height = Math.max(height,rw);
+	var dh = Math.max(height-(2*rh),0.1); var S2L;	
+	var xx = rw/8; var yy = rh/4; 
+	var yo = rh/2; y = y - yy;	
+	if(canvas_noshadow <= 0 && canvas_noshade <= 0) {
+		ctx.save();
+		S2L = ctx.createRadialGradient(x+rw+rh,y+height-rw+yy+rh,0,x+rw,y+height-rw+yy,rw);
+		S2L.addColorStop(0, 'rgba(0,0,0,0.5)');
+		S2L.addColorStop(0.7, 'rgba(0,0,0,0.25)');	
+		S2L.addColorStop(0.9, 'rgba(0,0,0,0.1)');	
+		S2L.addColorStop(1, 'rgba(0,0,0,0)');	
+		ctx.fillStyle = S2L;
+		ctx.scale(1,0.5);
+		ctx.translate(xx,y+height+yy);
+		if(isOp){
+			ctx.fillRect(x,y+yy+height-width,width,width);
+		}else {
+	  		ctx.arc(x+rw,y+yy+height-width,width,0,deg2rad(360), false);
+			ctx.fill();	
+		}
+		ctx.restore();
+	}else if(canvas_noshadow <= 0 && canvas_noshade >= 1) {
+  		ctx.fillStyle = 'rgba(0,0,0,0.2)';
+		ctx.fillRect(x+yo,y+rh+yo+yo,width,dh);
+	}
+
+	if(canvas_noshade <= 0) {
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+rh);
+		ctx.lineTo(x,y+rh+dh);
+		ctx.bezierCurveTo(x,y+height,x+width,y+height,x+width,y+rh+dh)
+		ctx.lineTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = color;
+		ctx.fill();
+		S2L = ctx.createLinearGradient(x,y+(height/2),x+width,y+(height/2));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.75)');
+		S2L.addColorStop(0.2, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.3, 'rgba(0,0,0,0)');
+		S2L.addColorStop(0.5, 'rgba(0,0,0,0.1)');
+		S2L.addColorStop(0.9, 'rgba(0,0,0,0.35)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.3)');
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+rh);
+		ctx.lineTo(x,y+rh+dh);
+		ctx.bezierCurveTo(x,y+height,x+width,y+height,x+width,y+rh+dh)
+		ctx.lineTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = S2L;
+		ctx.fill();
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = color;
+		ctx.fill();
+		S2L = ctx.createLinearGradient(x+rw-(width*0.15),y-2,x+rw+(width*0.15),y+(2.1*rh));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.9)');
+		S2L.addColorStop(0.5, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.6, 'rgba(0,0,0,0)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.3)');
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = S2L;
+		ctx.fill();	
+		S2L = ctx.createLinearGradient(x+rw-(width*0.15),y-2,x+rw+(width*0.15),y+(2.1*rh));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.9)');
+		S2L.addColorStop(0.5, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.6, 'rgba(0,0,0,0)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.1)');	
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.strokeStyle = S2L;
+		ctx.stroke();
+	}else {
+  		ctx.fillStyle = color;
+		ctx.fillRect(x,y+rh+yo,width,dh);
+	}
+	ctx.lineCap = "butt";
+	ctx.lineWidth = 1;
+	ctx.fillStyle = 'rgba(255,255,255,0.5)';
+	var bw = width; var bh = bw/4; 
+	var th = roundTo(bh*0.75,0); var tf = bh/80; 
+	var c; var w; 
+	if(canvas_notext <= 0) {
+		if(canvas_htmltext <= 0) {
+			w = '"' + per + '"';
+			if(w.indexOf(".")!=-1) {
+				c = w.length+0.5;
+				w = parseFloat(c-2)*parseFloat(48*tf);
+				bw = parseFloat(c-1)*parseFloat(48*tf);
+			}else {
+				c = w.length;
+				w = parseFloat(c-1)*parseFloat(48*tf);
+				bw = parseFloat(c)*parseFloat(48*tf);
+			}
+			roundedRect(ctx,x+(width/2)-(bw/2),y,bw,bh,bh/4);
+			ctx.fill();
+			if(canvas_imgtext <= 0) {
+				strokeString(ctx, value + "%","rgba(48,48,48,1)", th, x+(width/2)-(w/2), y+((bh-th)/2));
+			}else {
+				drawString(ctx, value + "%", tf, x+(width/2)-(w/2), y+((bh-th)/2.2));
+			}
+		}else {
+			var bh = bw/3; var th = roundTo(bh*0.75,0); 
+			roundedRect(ctx,x,y,bw,bh,bh/4);
+			ctx.fill();
+			var obj = document.createElement('div');
+			obj.style.position = "absolute";
+			obj.style.overflow = "hidden";
+            obj.style.textAlign = "center";
+			obj.style.width = bw + "px";
+			obj.style.left = x + "px";
+			obj.style.top = y+((bh-th)/2.2) + "px";
+			obj.appendChild(document.createTextNode(per + "%"));			
+			textdiv.appendChild(obj);
+		}
+
+	}	
+}
+function drawLine(ctx,x,y,width,height,dist,array,factor,color,fill){
+	if(fill <= 0){
+		var style = hex2rgb(color,0.5);
+		ctx.lineJoin = "miter";
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+height);
+		for (var i = 0; i < array.length; i++) {
+			ctx.lineTo(x+(i*dist),y+height-(array[i]*factor));
+		}
+		ctx.lineTo(x+width,y+height);
+		ctx.lineTo(x,y+height);
+		ctx.closePath();
+		ctx.fillStyle = style;
+		ctx.fill();
+	}
+	ctx.lineJoin = "round";
+	ctx.beginPath();
+  	ctx.moveTo(x,y+height-(array[0]*factor));
+	for (var i = 0; i < array.length; i++) {
+		ctx.lineTo(x+(i*dist),y+height-(array[i]*factor));
+	}
+	ctx.strokeStyle = color;
+	ctx.stroke();
+}
+function setDataURL(cid) {
+	if(cid.toDataURL) {
+		var obj = document.getElementById(cid.id + "_link");
+		if(obj) {
+			obj.setAttribute("title", "To Data URL");
+			obj.setAttribute("target", "_blank");
+			obj.setAttribute("href", cid.toDataURL());
+		}
+	}
+}
+function get_input(dataobj,canvasobj,linechart) {
+	var table = document.getElementById(dataobj);
+	var canvas = document.getElementById(canvasobj);
+	var row; var clm; var cnt = 0; var val = 0; var nme = ""; var col = "";  
+	if(canvas.getContext) {
+		canvas_width = parseInt(canvas.style.width);
+		canvas_height = parseInt(canvas.style.height);
+		if(canvas_width >= 16 && canvas_height >= 16) {
+			var tmp = table.getAttribute("summary");
+			canvas_noshade = 0; canvas_noshadow = 0; 
+			canvas_notext = 0; canvas_imgtext = 0;
+			canvas_htmltext = 0; canvas_nofill = 0;
+			if(tmp.search(/noshadow/) != -1) canvas_noshadow = 1;
+			if(tmp.search(/noshade/) != -1) canvas_noshade = 1;
+			if(tmp.search(/nofill/) != -1) canvas_nofill = 1;
+			if(tmp.search(/notext/) != -1) canvas_notext = 1;
+			if(tmp.search(/htmltext/) != -1) canvas_htmltext = 1;
+			if(tmp.search(/imgtext/) != -1) canvas_imgtext = 1;
+			if(table.getAttribute("bgcolor")) {
+				canvas_bgcolor = scanColor(table.getAttribute("bgcolor"));
+			}
+			ChartData = new Array(); colorSlice = new Array();
+			if(table.getElementsByTagName("tr")[0].getElementsByTagName("th")[0]) cnt = 1;
+			for(var r = cnt; r < table.getElementsByTagName("tr").length; r++) {
+				row = table.getElementsByTagName("tr")[r];
+				clm = row.getElementsByTagName("td").length;
+				if(row.getElementsByTagName("td")[0].getAttribute("bgcolor")) {	
+					col = scanColor(row.getElementsByTagName("td")[0].getAttribute("bgcolor")); val = 0;
+					nme = trim(row.getElementsByTagName("td")[1].innerHTML.replace(/<[^>]+>/g,""));
+					if(!linechart) {
+						if(clm > 3) {
+							for(var z = 2; z < clm; z++) {
+								val += parseFloat(row.getElementsByTagName("td")[z].innerHTML.replace(/<[^>]+>/g,""));
+							}
+						}else {
+							val = parseFloat(row.getElementsByTagName("td")[2].innerHTML.replace(/<[^>]+>/g,""));
+						}
+						if(!isNaN(val) && val > 0 && nme != '') {
+							colorSlice[r-cnt] = col; ChartData[nme] = Math.abs(val);
+						}else {
+							break;
+						}
+					}else {
+						val = 0; i = 0;
+						if(clm > 3 && nme != '') {
+							ChartData[r-cnt] = new Array();
+							colorSlice[r-cnt] = col;
+							for(var z = 2; z < clm; z++) {
+								val = Math.abs(parseFloat(row.getElementsByTagName("td")[z].innerHTML.replace(/<[^>]+>/g,"")));
+								if(!isNaN(val) && val >= 0) {
+									ChartData[r-cnt][i] = val; i++;
+								}else {
+									ChartData[r-cnt][i] = 0; i++;
+								}							 
+							}	
+						}else {
+							break;
+						}			
+					}			
+				}else {
+					break;
+				}
+			}
+		}	
+	}
+}
+function setPieChart(canvasobj,textobj) {
+	var cd = (Math.min(canvas_width,canvas_height)/110)*100;
+	var cp = cd*0.1; var cr = cd/2;
+	var sr = cr*0.93; var cw = cd+cp; var ch = cw;
+	var cx = (cd/2)+(cp/2); var cy = cx; var ct = 0;
+	for (var data in ChartData) {
+		ct += ChartData[data];
+	} 
+	var poc = ct/100;
+	var canvas = document.getElementById(canvasobj);
+	if(canvas_htmltext >= 1) {
+		if(document.getElementById(textobj)) {
+	  		canvas.parentNode.removeChild(canvas.parentNode.lastChild);		
+		}
+	}	
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,cw,ch);
+		}else {
+			ctx.clearRect(0,0,cw,ch);
+		}
+		if(canvas_noshadow <= 0) {
+			if(!isOp) { 
+				ctx.beginPath();
+				var B2B = ctx.createRadialGradient(cx+(cr*0.1),cy+(cr*0.1),cr,cx+(cr*0.1),cy+(cr*0.1),sr*0.9);
+				B2B.addColorStop(0, 'rgba(0,0,0,0)');
+				B2B.addColorStop(1, 'rgba(0,0,0,0.5)');
+				ctx.arc(cx+(cr*0.1),cy+(cr*0.1),cr,0,deg2rad(360), false);
+				ctx.closePath();
+	   			ctx.fillStyle = B2B;
+				ctx.fill();
+			}else {
+				var B2B = ctx.createRadialGradient(cx+(cr*0.1),cy+(cr*0.1),0,cx+(cr*0.1),cy+(cr*0.1),cr);
+				B2B.addColorStop(0, 'rgba(0,0,0,0.5)');
+				B2B.addColorStop(0.87, 'rgba(0,0,0,0.5)');
+				B2B.addColorStop(1, 'rgba(0,0,0,0)');
+				ctx.fillStyle = B2B;
+				ctx.fillRect(0,0,cw,ch);
+			}
+		}		
+		var val = 0; var deg = 0; var idx = 0; var data;
+		for (data in ChartData) {
+			val = ChartData[data]; sdeg = deg;
+			deg += (val/ct)*deg2rad(360); edeg = deg;
+			ctx.beginPath();
+  			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr,sdeg,edeg, false);
+			ctx.lineTo(cx,cy);
+			ctx.closePath();
+  			ctx.fillStyle = colorSlice[(idx++)];
+			ctx.fill();
+		} 
+		if(canvas_noshade <= 0) {
+			ctx.beginPath();
+			var W2T = ctx.createLinearGradient(cp*2,cp*2,cx,cy);
+			W2T.addColorStop(0, 'rgba(255,255,255,0.8)');
+			W2T.addColorStop(1, 'rgba(255,255,255,0)');
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,sr,deg2rad(135),deg2rad(315), false);
+			ctx.closePath();
+			ctx.fillStyle = W2T;
+			ctx.fill();
+			ctx.beginPath();
+			var T2B = ctx.createLinearGradient(cx,cy,cw-(cp*2),ch-(cp*2));
+			T2B.addColorStop(0, 'rgba(0,0,0,0)');
+			T2B.addColorStop(1, 'rgba(0,0,0,0.5)');
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,sr,deg2rad(-45),deg2rad(135), false);
+			ctx.closePath();
+			ctx.fillStyle = T2B;
+			ctx.fill();
+			ctx.beginPath();
+			var B2T = ctx.createLinearGradient(cx,cy,cw-(cp*1.9),ch-(cp*1.9));
+			B2T.addColorStop(0, 'rgba(0,0,0,0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.6)');
+			ctx.lineWidth = cr*0.07;
+			ctx.lineCap = "round";
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr*0.965,deg2rad(-45),deg2rad(135), false);
+			ctx.closePath();
+			ctx.strokeStyle = B2T;
+			ctx.stroke();
+			ctx.beginPath();
+			var T2W = ctx.createLinearGradient(cx,cy,(cp*1.9),(cp*1.9));
+			T2W.addColorStop(0, 'rgba(255,255,255,0)');
+			T2W.addColorStop(1, 'rgba(255,255,255,0.6)');
+			ctx.lineWidth = cr*0.07;
+			ctx.lineCap = "round";
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr*0.965,deg2rad(135),deg2rad(315), false);
+			ctx.closePath();
+			ctx.strokeStyle = T2W;
+			ctx.stroke();	
+		} 				 			
+		ctx.lineCap = "butt";
+		ctx.lineWidth = 1;
+		ctx.fillStyle = 'rgba(255,255,255,0.5)';
+		var mpos = 0; var per = 0; var gx = 0; 
+		var gy = 0; var tx = 0; var ty = 0; 
+		var obj = ""; var w = 0; var c = 0;
+		var bw = cr*0.45; var bh = cr*0.125; 
+		var th = roundTo(bh*0.75,0); var tf = bh/80; 
+		if(canvas_notext <= 0) {
+			if(canvas_htmltext >= 1) {
+				bw = (cr*0.365);
+				canvas.parentNode.style.position = "relative";
+				if(!document.getElementById(textobj)) {
+					obj = document.createElement('div');
+					obj.id = textobj;
+		            obj.style.color = "rgb(0,0,0)";
+		            obj.style.fontFamily = "Arial,sans-serif";
+					obj.style.fontSize = th + "px";
+					obj.style.zIndex = 11;
+					canvas.parentNode.appendChild(obj);
+				}
+				var textdiv = document.getElementById(obj.id);
+			}
+			for (data in ChartData) {			
+				val = ChartData[data];
+				sdeg = deg; mpos = deg+(((val/2)/ct)*deg2rad(360));
+				deg += (val/ct)*deg2rad(360); edeg = deg;
+				per = roundTo(val/poc,2);
+				gx = circle_point_x(mpos, cd);
+				gy = circle_point_y(mpos, cd);
+				tx = parseFloat((cx+(2*Math.floor(cx + gx)))/3);
+				ty = (cy+(2*Math.floor(cy + gy)))/3;
+				if(canvas_htmltext <= 0) {
+					w = '"' + per + '"';
+					if(w.indexOf(".")!=-1) {
+						c = w.length+0.5;
+						w = parseFloat(c-2)*parseFloat(48*tf);
+						bw = parseFloat(c-1)*parseFloat(48*tf);
+					}else {
+						c = w.length;
+						w = parseFloat(c-1)*parseFloat(48*tf);
+						bw = parseFloat(c)*parseFloat(48*tf);
+					}
+					roundedRect(ctx,(tx-(bw/2)),ty-(bh/2),bw,bh,bh/4);
+					ctx.fill();
+					if(canvas_imgtext >= 1) {
+						drawString(ctx, per + "%", tf, tx-(w/2), ty-(th/1.8));
+					}else {
+						strokeString(ctx, per + "%","rgba(48,48,48,1)", th, tx-(w/2), ty-(th/2));
+					}
+				}else {
+					roundedRect(ctx,(tx-(bw/2)),ty-(bh/2),bw,bh,bh/4);
+					ctx.fill();
+					obj = document.createElement('div');
+					obj.style.position = "absolute";
+					obj.style.overflow = "hidden";
+		            obj.style.textAlign = "center";
+					obj.style.width = bw + "px";
+					obj.style.left = (tx-(bw/2)) + "px";
+					obj.style.top = ty-(th/1.8) + "px";
+					obj.appendChild(document.createTextNode(per + "%"));			
+					textdiv.appendChild(obj);
+				}
+			}
+		}
+	}
+}
+function setBarChart(canvasobj,textobj) {
+	var iw = canvas_width*0.9; var ih = canvas_height*0.9;
+	var pw = canvas_width*0.05; var ph = canvas_height*0.05; 
+	var cm = 0; var ct = 0;
+	for (var data in ChartData) {
+		cm = Math.max(cm,ChartData[data]);
+		ct += ChartData[data];
+	} 
+	var hf = ih/cm; var bs = colorSlice.length; 
+	var bw = iw/(bs*1.1); var poc = ct/100;
+	var th = roundTo((bw/3)*0.75,0);
+	var canvas = document.getElementById(canvasobj);
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,canvas_width,canvas_height);
+		}else {
+			ctx.clearRect(0,0,canvas_width,canvas_height);
+		}
+		if(canvas_htmltext >= 1) {
+			if(document.getElementById(textobj)) {
+	  			canvas.parentNode.removeChild(canvas.parentNode.lastChild);		
+			}
+			canvas.parentNode.style.position = "relative";
+			if(!document.getElementById(textobj)) {
+				var obj = document.createElement('div');
+				obj.id = textobj;
+	            obj.style.color = "rgb(0,0,0)";
+	            obj.style.fontFamily = "Arial,sans-serif";
+				obj.style.fontSize = th + "px";
+				obj.style.zIndex = 11;
+				canvas.parentNode.appendChild(obj);
+			}
+			var textdiv = document.getElementById(obj.id);
+		}		
+		var cc = ""; var bh = 0; var idx = 0; var t = 0; per = 0;
+		for (var data in ChartData) {
+			per = roundTo(ChartData[data]/poc,2);
+			bh = ChartData[data]*hf; 
+			drawBar(ctx,pw+(t*(bw*1.1)),ph+ih-bh,bw,bh,colorSlice[(idx++)],per,textdiv); 
+			t++;
+		} 		
+	}
+}
+function setLineChart(canvasobj,textobj) {
+	var iw = canvas_width*0.9;
+	var ih = canvas_height*0.9;
+	var pw = canvas_width*0.05;
+	var ph = canvas_height*0.05;
+	var cm = 0;
+	for (var i = 0; i < ChartData.length; i++) {
+		for (var j = 0; j < ChartData[i].length; j++) {
+			cm = Math.max(cm,ChartData[i][j]);
+		}
+	} 
+	var hf = (ih*0.95)/cm; var bw = iw;
+	var dw = iw/(ChartData[0].length-1)
+	var dh = ih/(ChartData[0].length-1)
+	var ps = Math.min(pw,ph); lw = ps/4;
+	var B2T;
+	var canvas = document.getElementById(canvasobj);
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,canvas_width,canvas_height);
+		}else {
+			ctx.clearRect(0,0,canvas_width,canvas_height);
+		}
+		if(canvas_noshadow <= 0) {
+			B2T = ctx.createLinearGradient(pw+ps,ph+ih+1,pw+ps+ps,ph+ih+1);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.5)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+ps,ph+ih);
+			ctx.lineTo(pw+ps,ph+ih+ps);	
+			ctx.lineTo(pw+ps+ps,ph+ih);
+			ctx.closePath();			
+			ctx.fill();
+			B2T = ctx.createLinearGradient(pw+ps+ps,ph+ih,pw+ps+ps,ph+ih+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.5)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.0)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+ps+ps,ph+ih);
+			ctx.lineTo(pw+iw,ph+ih);	
+			ctx.lineTo(pw+ps+iw,ph+ih+ps);
+			ctx.lineTo(pw+ps,ph+ih+ps);		
+			ctx.closePath();			
+			ctx.fill();
+			var B2T = ctx.createLinearGradient(pw+iw+1,ph+ps,pw+iw+1,ph+ps+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.35)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+iw,ph+ps);
+			ctx.lineTo(pw+iw,ph+ps+ps);	
+			ctx.lineTo(pw+iw+ps,ph+ps);
+			ctx.closePath();			
+			ctx.fill();
+			B2T = ctx.createLinearGradient(pw+iw,ph+ps+ps,pw+iw+ps,ph+ps+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.35)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.0)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+iw,ph+ps+ps);
+			ctx.lineTo(pw+iw,ph+ih);	
+			ctx.lineTo(pw+iw+ps,ph+ih+ps);
+			ctx.lineTo(pw+iw+ps,ph+ps);		
+			ctx.closePath();			
+			ctx.fill();
+		}	
+		ctx.lineCap = "butt";
+		ctx.lineWidth = lw/2;
+		ctx.strokeStyle = "rgba(255,255,255,0.25)";
+		if(canvas_nofill <= 0) {
+  			ctx.fillStyle = "rgba(240,240,240,0.8)";
+			ctx.strokeStyle = "rgba(255,255,255,1)";
+			ctx.fillRect(pw,ph,iw,ih);
+		}
+		for (var i = 0; i < ChartData[0].length-1; i++) {
+		  	ctx.beginPath();
+  			ctx.moveTo(pw+(i*dw),ph);
+			ctx.lineTo(pw+(i*dw),ph+ih);
+			ctx.stroke();
+		}
+		for (var i = 1; i < ChartData[0].length; i++) {
+		  	ctx.beginPath();
+  			ctx.moveTo(pw,ph+(i*dh));
+			ctx.lineTo(pw+iw,ph+(i*dh));
+			ctx.stroke();
+		}			
+		ctx.lineWidth = lw;
+		var cc = ""; var bh = 0; var idx = 0; var t = 0;
+		for (var i = 0; i < ChartData.length; i++) {
+			for (var j = 0; j < ChartData[i].length; j++) {
+				t = Math.max(t,ChartData[i][j]);
+			}
+			bh = t*hf; cc = colorSlice[(idx++)];
+			drawLine(ctx,pw,ph+ih-bh,bw,bh,dw,ChartData[i],hf,cc,canvas_nofill);
+		}
+  		ctx.beginPath();
+  		ctx.moveTo(pw,ph);
+		ctx.lineTo(pw,ph+ih);
+		ctx.lineTo(pw+iw+(lw/2),ph+ih);
+		ctx.strokeStyle = "rgba(48,48,48,1)";
+		ctx.stroke();
+		ctx.lineWidth = lw/2;
+		B2T = ctx.createLinearGradient(pw,ph+ih,pw,ph+ih+ps);
+		B2T.addColorStop(0, 'rgba(0,0,0,1)');
+		B2T.addColorStop(0.5, 'rgba(0,0,0,1)');
+		B2T.addColorStop(1, 'rgba(0,0,0,0)');
+  		ctx.strokeStyle = B2T;
+		for (var i = 0; i < ChartData[0].length; i++) {
+  			ctx.beginPath();
+  			ctx.moveTo(pw+(i*dw),ph+ih);
+			ctx.lineTo(pw+(i*dw),ph+ih+ps);
+			ctx.stroke();
+		}
+		B2T = ctx.createLinearGradient(pw-ps,ph,pw,ph);
+		B2T.addColorStop(0, 'rgba(0,0,0,0)');
+		B2T.addColorStop(0.5, 'rgba(0,0,0,1)');
+		B2T.addColorStop(1, 'rgba(0,0,0,1)');
+  		ctx.strokeStyle = B2T;
+  		for (var i = 1; i < ChartData[0].length; i++) {
+  			ctx.beginPath();
+  			ctx.moveTo(pw-ps,ph+(i*dh));
+			ctx.lineTo(pw,ph+(i*dh));
+			ctx.stroke();
+		}			
+	}
+}
+function generateCanvas() {
+	if(canvasSupport) {
+		var canvasID; var tdataID; var textID; 
+		var tmp; var dat; var i; var j;
+		for(i=0; i < piecharts.length; i++) {
+			tmp = piecharts[i].id.split("_");
+			tdataID = piecharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID);
+				if(colorSlice.length > 0) {
+					j = 0; dat = ""; for(dat in ChartData) {j++; }
+					if(j > 0 && j == colorSlice.length) {
+						setPieChart(canvasID,textID);
+					}
+				}
+			}
+		}
+		for(i=0; i < barcharts.length; i++) {
+			tmp = barcharts[i].id.split("_");
+			tdataID = barcharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID);
+				if(colorSlice.length > 0) {
+					j = 0; dat = ""; for(dat in ChartData) {j++; }
+					if(j > 0 && j == colorSlice.length) {
+						setBarChart(canvasID,textID);
+					}
+				}
+			}
+		}
+		for(i=0; i < linecharts.length; i++) {
+			tmp = linecharts[i].id.split("_");
+			tdataID = linecharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID,true);
+				if(colorSlice.length > 0) {
+					if(ChartData.length == colorSlice.length) {
+						setLineChart(canvasID,textID);
+					}
+				}
+			}
+		}
+	}
+}
+// canvas chart extension
+
+// invisible select extension
+function setListPos(opt) {
+	if(!isIE) { //(degrade IE)
+		var ref = document.getElementById('list');
+		var x = findPosX(ref); var y = findPosY(ref);
+		var obj = document.getElementById('jumplist');
+		obj.style.position = 'fixed'; obj.style.left = x + 'px'; obj.style.top = y + 'px';	
+		var vol = document.getElementById('volumelist');
+		ref = document.getElementById('volume');
+		x = findPosX(ref); if(isOp) {y = window.innerHeight-imgHeight; }else {y = findPosY(ref);} 
+		vol.style.position = 'fixed'; vol.style.left = x + 'px'; vol.style.top = y + 'px';	
+		var del = document.getElementById('delaylist');
+		ref = document.getElementById('delay');
+		x = findPosX(ref); if(isOp) {y = window.innerHeight-imgHeight; }else {y = findPosY(ref);} 
+		del.style.position = 'fixed'; del.style.left = x + 'px'; del.style.top = y + 'px';	
+		var pnl = document.getElementById('navLinks');
+	}
+	if(opt) {
+		if(isIE) {
+			//(degrade IE)
+			//pnl.style.filter = "alpha(opacity=80)";	
+		}else {
+			obj.style.opacity = 0.0;
+			vol.style.opacity = 0.0;
+			del.style.opacity = 0.0;
+			pnl.style.opacity = 0.8;
+		}
+	}
+}
+// invisible select extension
+
+// transition extension
+function switchFade() {
+	if(tranSitions && s5mode && fadeModus) {
+		fadeModus = false; 
+		playDelay = playDelay-(2*fadeDuration);
+		var obj = document.getElementById('fade'); changeClass(obj,'isoff');
+	}else if(tranSitions && s5mode && !fadeModus) {
+		fadeModus = true; 
+		playDelay = playDelay+(2*fadeDuration);
+		var obj = document.getElementById('fade'); changeClass(obj,'ison');
+	}
+	currentSlide();
+}
+function opacity(ids, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(opacStart > opacEnd) {
		for(var i = opacStart; i >= opacEnd; i--) {
			window.setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(var i = opacStart; i <= opacEnd; i++) {
			window.setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
	}
+}
function changeOpac(opacity, ids) {
	var obj = document.getElementById(ids); 
+	if (isIE) {
+		obj.style.filter = "alpha(opacity=" + opacity + ")";
	} else {
		obj.style.opacity = (opacity / 100);
	}
}
function shiftOpacity(ids, millisec) {
	if(document.getElementById(ids).style.opacity != '') {
		var currentOpac = document.getElementById(ids).style.opacity * 100;
+	} else {
+		var currentOpac = 0;
+	}
+	if(currentOpac == 0) {
+		opacity(ids, currentOpac, 100, millisec);
	} else if(currentOpac > 0) {
+		opacity(ids, currentOpac, 0, millisec);
	}
}
+// transition extension
+
+// autoplay extension
+function autoPlay() {
+	if (s5mode && autoMatic && !playPause) {
+		if ((snum >= (smax-1)) && playLoop) {
+			goTo(0);
+			autoRun = setTimeout('autoPlay();',playDelay);
+		}else if ((snum >= (smax-1)) && !playLoop) {
+			stopPlay();
+		}else {
+			if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+				go(1);
+				if (incrementals[snum].length >0) {
+					clearTimeout(autoRun); autoRun = null;
+					incrDelay = parseInt(playDelay/(incrementals[snum].length+1));
+					remainDer = parseInt(playDelay-(incrDelay*incrementals[snum].length));
+					autoRun = setTimeout('autoPlayIncr()',incrDelay);
+				}
+			} else {
+				clearTimeout(autoRun); autoRun = null;
+				incrDelay = incrDuration;
+				remainDer = parseInt(playDelay-(incrementals[snum].length*incrDuration));
+				autoRun = setTimeout('autoPlayIncr()',incrDelay);
+			}
+			autoRun = setTimeout('autoPlay();',playDelay);
+		}  
+	}
+}
+function autoPlayIncr() {
+	if (incpos < incrementals[snum].length) {
+		subgo(1);
+		autoRun = setTimeout('autoPlayIncr();',incrDelay);
+	}else {
+		autoRun = setTimeout('nop();',remainDer);
+	}
+}
+function nop() {
+	// no operation dummy
+}
+function togglePlay() {
+	if (autoRun && s5mode) {
+		stopPlay();
+	}else if (!autoRun && s5mode) {
+		startPlay();
+	}
+}
+function stopPlay() {
+	if (autoRun && s5mode) {
+		clearTimeout(autoRun); autoRun = null; 
+		autoMatic = false; playPause = false; var obj = '';
+		obj = document.getElementById('auto'); changeClass(obj,'isoff');
+		obj = document.getElementById('pause'); changeClass(obj,'isoff');
+		currentSlide();
+	}
+}
+function startPlay() {
+	if (!autoRun && s5mode) {
+		playPause = false; autoMatic = true; var obj = '';
+		obj = document.getElementById('auto'); changeClass(obj,'ison');
+		obj = document.getElementById('pause'); changeClass(obj,'isoff');
+		autoRun = setTimeout('autoPlay();',playDelay); 
+		currentSlide();
+	}
+}
+function pausePlay() {
+	if (s5mode && autoMatic) {
+		if (playPause) {
+			playPause = false; autoRun = setTimeout('autoPlay();',playDelay);
+			var obj = document.getElementById('pause'); changeClass(obj,'isoff');
+		}else {
+			if (autoRun){ 
+				clearTimeout(autoRun); autoRun = null; playPause = true;
+				var obj = document.getElementById('pause'); changeClass(obj,'ison');
+			}
+		}
+		currentSlide();
+	}
+}
+function switchLoop() {
+	if(s5mode) {
+		if (playLoop) {
+			playLoop = false; 
+			var obj = document.getElementById('loop'); changeClass(obj,'isoff');
+		}else {
+			playLoop = true; 
+			var obj = document.getElementById('loop'); changeClass(obj,'ison');
+		} 
+	}
+	currentSlide();
+}
+function setDelay() {
+	var val = document.getElementById('delaylist');
+	if(s5mode) {
+		var delay = Math.max(5,Math.min(parseInt(val.value),300));
+		playDelay = (fadeModus == true) ? ((delay*1000)+(2*fadeDuration)) : (delay*1000);
+	}
+}
+// autoplay extension
+
+// audio extension
+function createSoundManagerScript() {
+	if(typeof soundManager=="undefined") {
+		onerrorSM2();	
+	}else {
+		var script=document.createElement('SCRIPT');
+		var tx=document.createTextNode("soundManager.createMovie();");
+		script.appendChild(tx);
+		document.getElementsByTagName("body")[0].appendChild(script);
+	}
+}
+//soundManager.onload = function() {
+function onloadSM2() {
+	if(!isIE) { //(degrade IE)	
+		swfUnloaded = false;
+		preloadSounds();
+	}
+}
+//soundManager.onerror = function() {
+function onerrorSM2() {
+	if(typeof soundManager!="undefined") {
+		soundManager.destruct;
+		delete soundManager;
+	}	
+	audioSupport = false; swfUnloaded = true;
+	if(audioError && !isIE && !isOp) {
+		var dv = document.createElement('div'); dv.id = "guru";
+		var d2=document.createElement('div'); dv.appendChild(d2);
		var tx=document.createTextNode('Guru Meditation - SoundManager failed to load/initialize!');
+		d2.appendChild(tx);	document.getElementById('slide0').appendChild(dv);
+	}
+}
+function audioSetup() {
+	if(sound[0]) {
+		playSound(0); 
+	}else if(sound[bgSoundItem] && !sound[0]) {
+		playSound(bgSoundItem); 
+	}
+}
+function fadeoutSound(ids, option) {
+	if(curSoundID >= 0  && !swfUnloaded) {
+		if(isNaN(ids)) {
+			if(ids == "bgSound") {
+				var cnum = parseInt(bgSoundItem);
+			}else {
+				for (var i = 0; i < (sound.length-1); i++) {
+					if(sound[i] && ids == sound[i]["id"]) {
+						var cnum = i;
+						break;
+					}
+				}
+			}
+		}else {
+			var cnum = ids;
+			ids = sound[cnum]["id"];
+		}	
+		var vol = getMaxVolume(sound[cnum]["volume"]);
+		var millisec = fadeDuration;
+		var speed = Math.round(millisec / vol);
		var timer = 0;
		for(var i = vol; i > 0; i--) {
			setTimeout("fadeout(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
+		if(option) setTimeout("stopSound('"+ids+"')",millisec);
+	}
+}
+function fadeout(volume, id) {
	soundManager.setVolume(id,volume);
}
+function stopSound(ids) {
+	var sid;
+	if(isNaN(ids)) {
+		sid = ids;
+	}else if(sound[ids]) {
+		sid = sound[ids]["id"];
+	}
+	if(sid!='' && curSoundID >= 0) {
+		soundManager.stop(sid);
+		curSoundID = -1;
+	}
+}
+function toggleSounds() {
+	if(audioSupport && !swfUnloaded) {
+		stopAllSounds();
+	}else if (!audioSupport && !swfUnloaded) {
+		allowSounds();
+	}
+}
+function allowSounds() {
+	if(!swfUnloaded) {
+		audioSupport = true;
+		var obj = document.getElementById('audio'); changeClass(obj,'ison');
+		currentSlide();
+	}
+}
+function stopAllSounds() {
+	if(curSoundID >= 0) {
+		stopSound(curSoundID);
+	}else {
+		soundManager.stopAll();
+		curSoundID = -1;
+	}
+	audioSupport = false;
+	var obj = document.getElementById('audio'); changeClass(obj,'isoff');
+	currentSlide();
+}
+function playSound(id) {
+	if(audioSupport && !swfUnloaded) {
+		var url, sid, vol, lps, cnum;
+		if(isNaN(id)) {
+			sid = id;
+			if(sid == "bgSound") {
+				cnum = parseInt(bgSoundItem);
+			}else {
+				cnum = getSoundID(id);
+			}
+		}else {
+			cnum = parseInt(id); 
+			if(sound[cnum]) sid = sound[cnum]["id"];
+		}		
+		if(sound[cnum] && sound[cnum]["url"]!='' && sid!=''){
+			url = sound[cnum]["url"];
+			vol = (sound[cnum]["volume"]!='')?getMaxVolume(sound[cnum]["volume"]):getMaxVolume(100);
+			lps = (sound[cnum]["loops"])?true:false;			
+			if(lps) {
+				soundManager.play(sid,{volume:vol,onplay:function(){curSoundID=cnum;},onfinish:function(){soundManager.play(sid,{volume:getMaxVolume(sound[cnum]["volume"])});}});
+			}else { 
+				soundManager.play(sid,{volume:vol,onplay:function(){curSoundID=cnum;},onfinish:function(){curSoundID=-1;}});
+			}
+		}
+	}	
+}
+function getSoundID(str) {
+	for (var i = 0; i < (sound.length-1); i++) {
+		if(sound[i] && str == sound[i]["id"]) {
+			var id = i;
+			break;
+		}
+	}
+	return id;
+}
+function setVolume() {
+	var vol = document.getElementById('volumelist');
+	if(audioSupport && !swfUnloaded) {
+		audioVolume = parseInt(vol.value);
+		if(curSoundID >= 0) {
+			if(sound[curSoundID]) {
+				var sid = sound[curSoundID]["id"];
+				var vid = getMaxVolume(sound[curSoundID]["volume"]);
+				soundManager.setVolume(sid,vid);
+			}
+		}
	}	
+}
+function getMaxVolume(value) {
+	if(audioVolume>0) {var factor = audioVolume/100;}else {var factor = 0;}
+	return Math.max(0,Math.min(parseInt(value*factor),audioVolume));
+}
+function preloadSounds() {
+	var temp = ''; var parm = ''; var t = ''; var cl = '';
+	var objects = document.getElementsByTagName('object');
+	for (var i=0; i < objects.length; i++) {
+		if(objects[i].type.toLowerCase() == 'audio/mp3' && objects[i].data != '') {
+			objects[i].width = 0; objects[i].height = 0;
+			if(objects[i].parentNode.tagName == 'DIV') {
+				cl = objects[i].parentNode.className.toLowerCase();			
+				if(cl == 'presentation' || cl == 'slide') {
+					if(cl == 'presentation') {
+						t = parseInt(bgSoundItem);
+					}else {
+						t = parseInt(objects[i].parentNode.id.slice(5, objects[i].parentNode.id.length));
+					}	
+					sound[t] = new Object();
+					if(t < bgSoundItem) {
+						sound[t]["id"] = objects[i].parentNode.id;
+					}else {
+						sound[t]["id"] = "bgSound";
+					}	
+					sound[t]["url"] = objects[i].data;
+					sound[t]["volume"] = 100; sound[t]["loops"] = false;
+					if(objects[i].archive != '') {
+						parm = objects[i].archive.toLowerCase().split(',');
+						for (var j=0; j < parm.length; j++) {
+							if(parm[j] == 'loop') sound[t]["loops"] = true;
+							if(parm[j].search(/^volume/) != -1) {
+								var tmp = parm[j].split(':');
+								sound[t]["volume"] = parseInt(tmp[1]);
+							}
+						}
+					}
+					soundManager.createSound(sound[t]["id"],sound[t]["url"]);
+				}
+			}			
+		}
+	}
+}
+// audio extension
+
+// help extension
+function createHelpReq() {
+	if(!document.getElementById("HelpReq")) {
+		var obj = document.getElementsByTagName("body")[0].firstChild;
+		var pg = document.createElement('div');
+		pg.id = "HelpReq";
+		if (pg.addEventListener) {
+			pg.addEventListener("onclick",dumpHelpReq,false);
+		} else if (pg.attachEvent) {
+			pg.attachEvent("onclick",dumpHelpReq);
+		}	
+		pg.style.position = 'absolute';
+		pg.style.left = 0 + 'px';
+		pg.style.top = 0 + 'px';
+		pg.style.width = 100 + '%';
+		pg.style.height = 100 + '%';
+		pg.style.margin = 0 + 'px';
+		pg.style.padding = 0 + 'px';
+		if (isIE) {
+			pg.style.filter = "alpha(opacity=90)";	
+		}else {
+			pg.style.opacity = 0.9;
+		}
		pg.style.zIndex = 9999;
+		pg.style.backgroundColor="rgb(64,64,64)";
+		pg.style.textAlign = "center";
		pg.style.verticalAlign = "middle";
+		pg.style.backgroundPosition="center center";
+		pg.style.backgroundRepeat="no-repeat";
+		pg.style.backgroundImage="url(ui/graphic_support/help.jpg)";
+		document.getElementsByTagName("body")[0].insertBefore(pg,obj);
+		if(document.getElementById("HelpReq")) {
+			helpmode = true;
+		}
+	}
+}
+function dumpHelpReq() {
+	if(document.getElementById("HelpReq")) {
+		document.body.removeChild(document.getElementById('HelpReq'));
+		helpmode = false;
+	}
+}
+// help extension
+
+//DEBUG
+function ConsoleLog(value) {
+	if(window.console) {
+		window.console.log(value);
+	}	
+}
+//DEBUG
+
+document.write('<style type="text/css" media="screen" id="blockStyle">.presentation, .layout {display: none; }</style>');
+
+if(!isIE && !isOp) {
+	document.write('<script type="text/javascript" src="ui/audio_support/soundmanager2.js"></script>');
+	if(typeof soundManager!="undefined") {
+		var allMetas = document.getElementsByTagName('meta');
+		for (var i = 0; i< allMetas.length; i++) {
+			if (allMetas[i].name == 'audioDebug') {
+				var audioDebug = (allMetas[i].content == "true") ? true : false;
+				soundManager.defaultOptions.debugMode = audioDebug;
+			}						
+		}
+	}
+}
+
+window.onload = createSlideShow;
+window.onresize = function(){setTimeout('windowChange()',5);}
\ No newline at end of file
Binary file OpenSourceConference/ui/advanced_gfx/toggle_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/toggle_over.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/volume_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/zero_link.png has changed
Binary file OpenSourceConference/ui/advanced_gfx/zero_over.png has changed
Binary file OpenSourceConference/ui/advanced_utf/backgrnd.png has changed
Binary file OpenSourceConference/ui/advanced_utf/footer.jpg has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/framing.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,22 @@
+/* The following styles size, place, and layer the slide components.
+   Edit these if you want to change the overall slide layout.
+   The commented lines can be uncommented (and modified, if necessary) 
+   to help you with the rearrangement process. */
+
+/* target = 1024x768 */
+
+div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
+div#header {top: 0; height: 3em; z-index: 1;}
+div#footer {top: auto; bottom: 0; height: 0.5em; z-index: 5;}
+.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
+div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
+div#controls form {text-align: right; width: 100%; margin: 0;}
+#currentSlide {position: absolute; width: 12%; left: 44%; bottom: 1em; z-index: 10;}
+html>body #currentSlide {position: fixed;}
+
+/*
+div#header {background: #FCC;}
+div#footer {background: #CCF;}
+div#controls {background: #BBD;}
+div#currentSlide {background: #FFC;}
+*/
Binary file OpenSourceConference/ui/advanced_utf/header.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/opera.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,7 @@
+/* DO NOT CHANGE THESE unless you really want to break Opera Show */
+.slide {
+	visibility: visible !important;
+	position: static !important;
+	page-break-before: always;
+}
+#slide0 {page-break-before: avoid;}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/outline.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,13 @@
+/* don't change this unless you want the layout stuff to show up in the outline view! */
+
+.hide, .layout div, #footer *, #controlForm * {display: none;}
+#footer, #controls, #controlForm, #navLinks, #sheet {display: block; visibility: visible; margin: 0; padding: 0;}
+#sheet {float: right; padding: 0.5em;}
+html>body #sheet {position: fixed; top: 0; right: 0;}
+
+/* making the outline look pretty-ish */
+
+#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
+#slide0 h1 {padding-top: 1.5em;}
+.slide h1 {margin: 1.5em 0 0; padding-top: 0.25em; border-top: 1px solid #888; border-bottom: 1px solid #AAA;}
+#sheet {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
Binary file OpenSourceConference/ui/advanced_utf/pattern.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/pretty.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,95 @@
+/* Following are the presentation styles -- edit away! */
+
+body {background: #FFF url(backgrnd.png) fixed; color: #333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;}
+a:link, a:visited {text-decoration: none; color: #C93;}
+
+h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
+h1 {text-shadow: 0.1em 0.1em 0.1em #333; background-color: transparent;}
+
+ul, pre {margin: 0; line-height: 1em;}
+html, body {margin: 0; padding: 0;}
+
+blockquote, q {font-style: italic;}
+blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
+blockquote p {margin: 0;}
+blockquote i {font-style: normal;}
+blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
+blockquote b i {font-style: italic;}
+
+img {border: 0;}
+kbd {font-weight: bold; font-size: 1em;}
+sup {font-size: smaller; line-height: 1px;}
+
+.slide code {padding: 2px 0.25em; font-weight: bold; color: #533;}
+.slide code.bad, code del {color: red;}
+.slide code.old {color: silver;}
+.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
+.slide pre code {display: block;}
+.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
+.slide li {margin-top: 0.75em; margin-right: 0;}
+.slide ul ul {line-height: 1;}
+.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide img.leader {display: block; margin: 0 auto;}
+
+div#header, div#footer {background: #fff; color: #AAA; font-family: Verdana, Arial, Helvetica, sans-serif;}
+div#header {background: transparent url(header.png) bottom; line-height: 1px;}
+div#footer {background: #999 url(footer.jpg) top; font-size: 0.5em; font-weight: bold; padding: 1em 0;}
+#footer h1, #footer h2 {border: none; display: block; padding: 0; position:absolute; bottom:0.5em;}
+#footer h1 {left:1em;}
+#footer h2 {right:1em; font-style: italic;}
+
+div.long {font-size: 0.75em;}
+.slide h1 {position: absolute; top: 0em; left: 1.25em; z-index: 1; margin: 0; padding: 0.35em 0 0 50px; white-space: nowrap; font: bold 150%/1em Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize; color: #DDD; background-color: transparent;}
+.slide h3 {font-size: 130%;}
+h1 abbr {font-variant: small-caps;}
+
+div#controls {position: absolute; left: 25%; bottom: 0; width: 50%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
+html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
+#controls #sheet {display: none;}
+#controls #controlForm {height: 3.0em; text-align: center; vertical-align: middle;}
+#controls #navLinks {padding: 0 0 0.2em 0; margin: 0; background: url(pattern.png) gray bottom repeat-x; border: 2px outset gray; border-top-color: silver; border-left-color: silver; text-align: center; vertical-align: middle; white-space: nowrap;}
+#controls #navLinks a {text-shadow: #444 0.1em 0.1em 0.1em; padding: 0; margin: 0em 0.36em; background: transparent; border: none; color: white; cursor: pointer;}
+#controls #navLinks a:focus, #controls #navLinks a:hover {text-decoration: none; color: black !important;}
+#controls #navLinks a:link, #controls #navLinks a:visited {text-decoration: none; color: white;}
+#controls #navLinks .subLinks {display: inline; border: 1px inset gray; border-bottom-color: silver; border-right-color: silver; font-size: 75%; padding: 0 0.25em; margin: -0.2em 0 0 0; background-color: #666; text-align: center; vertical-align: middle; white-space: nowrap;}
+#controls #navLinks .subLinks a {text-shadow: none; font-weight: normal; padding: 0; margin: 0; border: none; color: white; cursor: pointer;}
+
+#jumplist, #volumelist {padding: 0; margin: 0; width: 1.5em; height: 2.25em; cursor: pointer;}
+
+#currentSlide {white-space: nowrap; text-align: center; margin-bottom: -0.5em; font-size: 0.5em; background-color: transparent; color: #999;}
+
+#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
+#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}
+
+#slide0 {padding-top: 3.5em; font-size: 90%;}
+#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 3em Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-shadow: 0.1em 0.1em 0.1em #666;  white-space: normal; color: #222; background-color: transparent;}
+#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
+#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+#slide0 h4 {margin-top: 0; font-size: 1em;}
+
+ul.urls {list-style: none; display: inline; margin: 0;}
+.urls li {display: inline; margin: 0;}
+.note {display: none;}
+.external {border-bottom: 1px dotted gray;}
+html>body .external {border-bottom: none;}
+.external:after {content: " \274F"; font-size: smaller; color: #999;}
+
+.incremental, .incremental *, .incremental *:after {color: #ccc; visibility: visible;}
+img.incremental, canvas.incremental {visibility: hidden;}
+.slide .current {color: #B02;}
+
+/* diagnostics
+li:after {content: " [" attr(class) "]"; color: #F88;}
+*/
+
+table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
+table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
+table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
+table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
+table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
+table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
+table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
+table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }
+
+#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;}
+#soundmanager-debug code {font-size: 11px;}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/print.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,3 @@
+/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */
.slide, ul, p {page-break-inside: avoid; visibility: visible !important;}
h1 {page-break-after: avoid;}
+img {page-break-inside: avoid; page-break-after: avoid;}
+/*.slide {page-break-after: always;}*/

body {font-size: 12pt; background: white;}
* {color: black;}

#slide0 h1 {font-size: 200%; border: none; margin: 0.5em 0 0.25em;}
#slide0 h3 {margin: 0; padding: 0;}
#slide0 h4 {margin: 0 0 0.5em; padding: 0;}
#slide0 {margin-bottom: 3em;}

h1 {border-top: 2pt solid gray; border-bottom: 1px dotted silver;}
.extra {background: transparent !important;}
div.extra, pre.extra, .example {font-size: 10pt; color: #333;}
ul.extra a {font-weight: bold;}
p.example {display: none;}

#header {display: none;}
#footer h1 {margin: 0; border-bottom: 1px solid; color: gray; font-style: italic;}
#footer h2, #controls {display: none;}

/* The following rule keeps the layout stuff out of print.  Remove at your own risk! */
.hide, .layout, .layout * {display: none !important;}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/s5-core.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,8 @@
+/* Do not edit or override these styles! The system will likely break if you do. */
+
+div#header, div#footer, div#controls, .slide {position: absolute;}
+html>body div#header, html>body div#footer, html>body div#controls, html>body .slide {position: fixed;}
+.handout, .notes, .hide {display: none;}
+.layout {display: block;}
+.slide, .hideme, .incremental {visibility: hidden;}
+#slide0 {visibility: visible;}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/slides.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,3 @@
+@import url(s5-core.css); /* required to make the slide show run at all */
+@import url(framing.css); /* sets basic placement and size of slide components */
+@import url(pretty.css);  /* stuff that makes the slides look better than blah */
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/advanced_utf/slides.js	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,2665 @@
+// S5 1.3beta7 (18-Apr-2007) advanced version by C. Effenberger 
+// Please see http://s5.netzgesta.de/ for more information
+// based on S5 v1.2a1 slides.js -- released into the Public Domain
+// Please see http://www.meyerweb.com/eric/tools/s5/credits.html for information 
+// about all the wonderful and talented contributors to this code!
+// audio extension: soundmanager2 is NOT Public Domain
+// Please see http://www.schillmania.com/projects/soundmanager2/ for information
+
+var undef;
+var slideCSS = '';
+var snum = 0;
+var smax = 1;
+var incpos = 0;
+var number = undef;
+var firstTime = 1;
+var s5mode = true;
+var helpmode = false;
+var defaultView = 'slideshow'; //outline
+var controlVis = 'visible';
+
+// scalable images extension
+var empx = 0;
+var images = new Array();
+var canvas = new Array();
+var medias = new Array();
+var piecharts = new Array(); 
+var barcharts = new Array();
+var linecharts = new Array();  
+// scalable images extension
+
+// transition extension
+var tranSitions = false;
+var fadeModus = false;
+var fadeDuration = 500;
+var incrDuration = 250;
+var opac = 1;
+var cid = '';
+var nid = '';
+var tid = '';
+var jl = '';
+// transition extension
+
+// autoplay extension
+var autoMatic = false;
+var playLoop = false;
+var playPause = false;
+var autoRun = false;
+var playDelay = 5000;
+var remainDer = 0;
+var incrDelay = 0;
+// autoplay extension
+
+// audio extension
+var sound = new Array();
+var audioSupport = false;
+var audioVolume = 100;
+var audioError = false;
+var swfUnloaded = true;
+var bgSoundItem = 9999;
+var curSoundID = -1;
+// audio extension
+
+// panel extension
+var highLight = "rgb(255, 204, 0)";
+// panel extension
+
+// canvas chart extension
+var canvasSupport = false;
+var ChartData = new Array();
+var colorSlice = new Array();
+var font = document.createElement("img");
+font.setAttribute("src", "ui/graphic_support/numeric.png");
+signs = {
+	'0': {sx: 0, sy: 0, sw: 48, sh: 64},
+	'1': {sx: 48, sy: 0, sw: 48, sh: 64},
+	'2': {sx: 96, sy: 0, sw: 48, sh: 64},
+	'3': {sx: 144, sy: 0, sw: 48, sh: 64},
+	'4': {sx: 192, sy: 0, sw: 48, sh: 64},
+	'5': {sx: 240, sy: 0, sw: 48, sh: 64},
+	'6': {sx: 288, sy: 0, sw: 48, sh: 64},
+	'7': {sx: 336, sy: 0, sw: 48, sh: 64},
+	'8': {sx: 384, sy: 0, sw: 48, sh: 64},
+	'9': {sx: 432, sy: 0, sw: 48, sh: 64},
+	'%': {sx: 480, sy: 0, sw: 48, sh: 64},
+	'.': {sx: 528, sy: 0, sw: 24, sh: 64}
+};
+var colorNames= new Array(); 
+colorNames["black"]="#000000"; colorNames["maroon"]="#800000";
colorNames["green"]="#008000"; colorNames["olive"]="#808000";
colorNames["navy"]="#000080"; colorNames["purple"]="#800080";
colorNames["teal"]="#008080"; colorNames["gray"]="#808080";
colorNames["silver"]="#C0C0C0"; colorNames["red"]="#FF0000";
colorNames["lime"]="#00FF00"; colorNames["yellow"]="#FFFF00";
colorNames["blue"]="#0000FF"; colorNames["fuchsia"]="#FF00FF";
colorNames["aqua"]="#00FFFF"; colorNames["white"]="#FFFFFF";
colorNames["aliceblue"]="#F0F8FF"; colorNames["antiquewhite"]="#FAEBD7";
colorNames["aquamarine"]="#7FFFD4"; colorNames["azure"]="#F0FFFF";
colorNames["beige"]="#F5F5DC"; colorNames["blueviolet"]="#8A2BE2";
colorNames["brown"]="#A52A2A"; colorNames["burlywood"]="#DEB887";
colorNames["cadetblue"]="#5F9EA0"; colorNames["chartreuse"]="#7FFF00";
colorNames["chocolate"]="#D2691E"; colorNames["coral"]="#FF7F50";
colorNames["cornflowerblue"]="#6495ED"; colorNames["cornsilk"]="#FFF8DC";
colorNames["crimson"]="#DC143C"; colorNames["darkblue"]="#00008B";
colorNames["darkcyan"]="#008B8B"; colorNames["darkgoldenrod"]="#B8860B";
colorNames["darkgray"]="#A9A9A9"; colorNames["darkgreen"]="#006400";
colorNames["darkkhaki"]="#BDB76B"; colorNames["darkmagenta"]="#8B008B";
colorNames["darkolivegreen"]="#556B2F"; colorNames["darkorange"]="#FF8C00";
colorNames["darkorchid"]="#9932CC"; colorNames["darkred"]="#8B0000";
colorNames["darksalmon"]="#E9967A"; colorNames["darkseagreen"]="#8FBC8F";
colorNames["darkslateblue"]="#483D8B"; colorNames["darkslategray"]="#2F4F4F";
colorNames["darkturquoise"]="#00CED1"; colorNames["darkviolet"]="#9400D3";
colorNames["deeppink"]="#FF1493"; colorNames["deepskyblue"]="#00BFFF";
colorNames["dimgray"]="#696969"; colorNames["dodgerblue"]="#1E90FF";
colorNames["firebrick"]="#B22222"; colorNames["floralwhite"]="#FFFAF0";
colorNames["forestgreen"]="#228B22"; colorNames["gainsboro"]="#DCDCDC";
colorNames["ghostwhite"]="#F8F8FF"; colorNames["gold"]="#FFD700";
colorNames["goldenrod"]="#DAA520"; colorNames["greenyellow"]="#ADFF2F";
colorNames["honeydew"]="#F0FFF0"; colorNames["hotpink"]="#FF69B4";
colorNames["indianred"]="#CD5C5C"; colorNames["indigo"]="#4B0082";
colorNames["ivory"]="#FFFFF0"; colorNames["khaki"]="#F0E68C";
colorNames["lavender"]="#E6E6FA"; colorNames["lavenderblush"]="#FFF0F5";
colorNames["lawngreen"]="#7CFC00"; colorNames["lemonchiffon"]="#FFFACD";
colorNames["lightblue"]="#ADD8E6"; colorNames["lightcoral"]="#F08080";
colorNames["lightcyan"]="#E0FFFF"; colorNames["lightgoldenrodyellow"]="#FAFAD2";
colorNames["lightgreen"]="#90EE90"; colorNames["lightgrey"]="#D3D3D3";
colorNames["lightpink"]="#FFB6C1"; colorNames["lightsalmon"]="#FFA07A";
colorNames["lightseagreen"]="#20B2AA"; colorNames["lightskyblue"]="#87CEFA";
colorNames["lightslategray"]="#778899"; colorNames["lightsteelblue"]="#B0C4DE";
colorNames["lightyellow"]="#FFFFE0"; colorNames["limegreen"]="#32CD32";
colorNames["linen"]="#FAF0E6"; colorNames["mediumaquamarine"]="#66CDAA";
colorNames["mediumblue"]="#0000CD"; colorNames["mediumorchid"]="#BA55D3";
colorNames["ediumpurple"]="#9370D"; colorNames["mediumseagreen"]="#3CB371";
colorNames["mediumslateblue"]="#7B68EE"; colorNames["mediumspringgreen"]="#00FA9A";
colorNames["mediumturquoise"]="#48D1CC"; colorNames["mediumvioletred"]="#C71585";
colorNames["midnightblue"]="#191970"; colorNames["mintcream"]="#F5FFFA";
colorNames["mistyrose"]="#FFE4E1"; colorNames["moccasin"]="#FFE4B5";
colorNames["navajowhite"]="#FFDEAD"; colorNames["oldlace"]="#FDF5E6";
colorNames["olivedrab"]="#6B8E23"; colorNames["orange"]="#FFA500";
colorNames["orangered"]="#FF4500"; colorNames["orchid"]="#DA70D6";
colorNames["palegoldenrod"]="#EEE8AA"; colorNames["palegreen"]="#98FB98";
colorNames["paleturquoise"]="#AFEEEE"; colorNames["palevioletred"]="#DB7093";
colorNames["papayawhip"]="#FFEFD5"; colorNames["peachpuff"]="#FFDAB9";
colorNames["peru"]="#CD853F"; colorNames["pink"]="#FFC0CB";
colorNames["plum"]="#DDA0DD"; colorNames["powderblue"]="#B0E0E6";
colorNames["rosybrown"]="#BC8F8F"; colorNames["royalblue"]="#4169E1";
colorNames["saddlebrown"]="#8B4513"; colorNames["salmon"]="#FA8072";
colorNames["sandybrown"]="#F4A460"; colorNames["seagreen"]="#2E8B57";
colorNames["seashell"]="#FFF5EE"; colorNames["sienna"]="#A0522D";
colorNames["skyblue"]="#87CEEB"; colorNames["slateblue"]="#6A5ACD";
colorNames["slategray"]="#708090"; colorNames["snow"]="#FFFAFA";
colorNames["springgreen"]="#00FF7F"; colorNames["steelblue"]="#4682B4";
colorNames["tan"]="#D2B48C"; colorNames["thistle"]="#D8BFD8";
colorNames["tomato"]="#FF6347"; colorNames["turquoise"]="#40E0D0";
colorNames["violet"]="#EE82EE"; colorNames["wheat"]="#F5DEB3";
colorNames["whitesmoke"]="#F5F5F5"; colorNames["yellowgreen"]="#9ACD32";
+var canvas_bgcolor = "";
+var canvas_width = 200;
+var canvas_height = 200;
+var canvas_noshade = 0;
+var canvas_nofill = 0;
+var canvas_noshadow = 0;
+var canvas_htmltext = 0;
+var canvas_imgtext = 0;
+var canvas_notext = 0;
+// canvas chart extension
+
+var s5NotesWindow;
+var s5NotesWindowLoaded = false;
+var previousSlide = 0;
+var presentationStart = new Date();
+var slideStart = new Date();
+
+var countdown = {
+	timer: 0,
+	state: 'pause',
+	start: new Date(),
+	end: 0,
+	remaining: 0
+};
+
+var isIE = navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera') < 1 ? 1 : 0;
+if(isIE) var notIE7 = parseInt(navigator.appVersion) < 7 ? 1 : 0;
+var isOp = navigator.userAgent.indexOf('Opera') > -1 ? 1 : 0;
+var isGe = navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('Safari') < 1 ? 1 : 0;
+var isS2 = navigator.userAgent.indexOf('Safari') >= 2 ? 1 : 0;
+
+function hasClass(object, className) {
+	if (!object.className) return false;
+	return (object.className.search('(^|\\s)' + className + '(\\s|$)') != -1);
+}
+
+function hasValue(object, value) {
+	if (!object) return false;
+	return (object.search('(^|\\s)' + value + '(\\s|$)') != -1);
+}
+
+function removeClass(object,className) {
+	if (!object || !hasClass(object,className)) return;
+	object.className = object.className.replace(new RegExp('(^|\\s)'+className+'(\\s|$)'), RegExp.$1+RegExp.$2);
+}
+
+function addClass(object,className) {
+	if (!object || hasClass(object, className)) return;
+	if (object.className) {
+		object.className += ' '+className;
+	} else {
+		object.className = className;
+	}
+}
+
+function changeClass(object,className) {
+	if (!object) return;
+	object.firstChild.className = className;
+}
+
+function GetElementsWithClassName(elementName,className) {
+	var allElements = document.getElementsByTagName(elementName);
+	var elemColl = new Array();
+	for (var i = 0; i< allElements.length; i++) {
+		if (hasClass(allElements[i], className)) {
+			elemColl[elemColl.length] = allElements[i];
+		}
+	}
+	return elemColl;
+}
+
+function isParentOrSelf(element, id) {
+	if (element == null || element.nodeName=='BODY') return false;
+	else if (element.id == id) return true;
+	else return isParentOrSelf(element.parentNode, id);
+}
+
+function nodeValue(node) {
+	var result = "";
+	if (node.nodeType == 1) {
+		var children = node.childNodes;
+		for (var i = 0; i < children.length; ++i) {
+			result += nodeValue(children[i]);
+		}		
+	}
+	else if (node.nodeType == 3) {
+		result = node.nodeValue;
+	}
+	return(result);
+}
+
+function slideLabel() {
+	var slideColl = GetElementsWithClassName('*','slide');
+	var list = document.getElementById('jumplist');
+	smax = slideColl.length;
+	for (var n = 0; n < smax; n++) {
+		var obj = slideColl[n];
+		var did = 'slide' + n.toString();
+		obj.setAttribute('id',did);
+		var otext = '';
+		var menu = obj.firstChild;
+		if (!menu) continue; // to cope with empty slides
+		while (menu && menu.nodeType == 3) {
+			menu = menu.nextSibling;
+		}
+	 	if (!menu) continue; // to cope with slides with only text nodes
+		var menunodes = menu.childNodes;
+		for (var o = 0; o < menunodes.length; o++) {
+			otext += nodeValue(menunodes[o]);
+		}
+		list.options[list.length] = new Option(n + ' : '  + otext, n);
+	}
+}
+
+function currentSlide() {
+	var cs, at, fd, ss;
+	if (document.getElementById) {
+		cs = document.getElementById('currentSlide');
+	} else {
+		cs = document.currentSlide;
+	}
+	fd = fadeModus?"F":"&ndash;";
+	ss = audioSupport?"S":"&ndash;";  
+	at = (autoMatic?(playPause?"||":(playLoop?"&gt;0":"&gt;|")):"&ndash;&ndash;");
+	cs.innerHTML = '<div id="plink" nowrap="nowrap">' + 
+	'<span id="csFade">[' + fd + ss + ']<\/span>&nbsp;' +
+	'<span id="csHere"><strong>' + snum + '<\/strong><\/span>' + 
+	'<span id="csSep">\/<\/span>' + 
+	'<span id="csTotal">' + (smax-1) + '<\/span>&nbsp;' +
+	'<span id="csAuto">[' + at + ']<\/span>' +
+	'<\/div>';
+		
+	if (snum == 0) {
+		cs.style.visibility = 'hidden';
+	} else {
+		cs.style.visibility = 'visible';
+	}
+}
+
+function go(step) {
+	if (document.getElementById('slideProj').disabled || step == 0) return;
+	jl = document.getElementById('jumplist');
+	cid = 'slide' + snum;
+	var ce = document.getElementById(cid);
+	if (incrementals[snum].length > 0) {
+		for (var i = 0; i < incrementals[snum].length; i++) {
+			removeClass(incrementals[snum][i], 'current');
+			removeClass(incrementals[snum][i], 'incremental');
+		}
+	}
+	if (step != 'j') {
+		snum += step;
+		lmax = smax - 1;
+		if (snum > lmax) snum = lmax;
+		if (snum < 0) snum = 0;
+	}else {
+		snum = parseInt(jl.value);
+	}	
+	nid = 'slide' + snum;
+	var ne = document.getElementById(nid);
+	if (!ne) {
+		ne = document.getElementById('slide0');
+		nid = 'slide0';
+		snum = 0;
+	}
+	if (step < 0) {
+		incpos = incrementals[snum].length
+	}else {
+		incpos = 0;
+	}
+	if (incrementals[snum].length > 0 && incpos == 0) {
+		for (var i = 0; i < incrementals[snum].length; i++) {
+			if (hasClass(incrementals[snum][i], 'current')) {
+				incpos = i + 1;
+			}else {
+				addClass(incrementals[snum][i], 'incremental');
+			}
+		}
+	}
+	if (incrementals[snum].length > 0 && incpos > 0) {
+		addClass(incrementals[snum][incpos - 1], 'current');
+	}
+	var guru = document.getElementById('guru');
+	if(guru && snum==0) {
+		guru.style.visibility = 'visible';
+	}else if(guru && snum>0) {
+		guru.style.visibility = 'hidden';
+	}	
+	if(tranSitions && s5mode && fadeModus) {
+		if(curSoundID != getSoundID(nid)) {
+			if(curSoundID == bgSoundItem && !sound[getSoundID(nid)]) {
+			}else {fadeoutSound(curSoundID,true); } // audio support
+		}		
+		changeOpac(0,nid);
+		changeOpac(100,cid);
+		ce.style.visibility = 'visible';
+		shiftOpacity(cid,fadeDuration);
+		window.setTimeout("changeSlides()",fadeDuration);
+	}else {
+		if(curSoundID != getSoundID(nid)) {
+			if(curSoundID == bgSoundItem && !sound[getSoundID(nid)]) {
+			}else {stopSound(curSoundID); } // audio support 
+		}
+		ce.style.visibility = 'hidden';
+		if (isOp) location.hash = nid;
+		ne.style.visibility = 'visible';
+		finishSlides();		
+	}
+}
+
+function changeSlides() {
+	if(nid != cid) changeOpac(100,cid);
+	document.getElementById(cid).style.visibility = 'hidden';
+	document.getElementById(nid).style.visibility = 'visible';
+	if (isOp) location.hash = nid;
+	shiftOpacity(nid,fadeDuration);
+	window.setTimeout("finishSlides()",fadeDuration);
+}
+
+function finishSlides() {
+	jl.selectedIndex = snum;
+	currentSlide();
+	loadNote();
+	permaLink();
+	number = undef;
+	if(sound[getSoundID(nid)]) {
+		playSound(nid); // audio support
+	}else if(sound[bgSoundItem] && curSoundID != bgSoundItem) {
+		playSound(bgSoundItem); // audio support
+	}
+}
+
+function goTo(target) {
+	if (target >= smax || target == snum) return;
+	go(target - snum);
+}
+
+function subgo(step) {
+	if (step > 0) {
+		removeClass(incrementals[snum][incpos - 1],'current');
+		removeClass(incrementals[snum][incpos], 'incremental');
+		if(tranSitions && s5mode && fadeModus) { 			
+			if(!incrementals[snum][incpos].id) {
+				var tmp = new Date(); tid = "inc" + String(tmp.getTime());
+				incrementals[snum][incpos].id = tid;
+			}else {
+				tid = incrementals[snum][incpos].id;
+			}	
+			if(typeof(incrementals[snum][incpos].src) != "undefined" || incrementals[snum][incpos].getContext) {
+				changeOpac(0,tid);		
+				addClass(incrementals[snum][incpos],'current');
+				shiftOpacity(tid,incrDuration);
+				setTimeout("nextInc()",incrDuration);
+			}else {
+				addClass(incrementals[snum][incpos],'current');
+				nextInc();
+			}	
+		}else {
+			addClass(incrementals[snum][incpos],'current');
+			nextInc();
+		}
+	} else {
+		incpos--;
+		removeClass(incrementals[snum][incpos],'current');
+		addClass(incrementals[snum][incpos], 'incremental');
+		addClass(incrementals[snum][incpos - 1],'current');
+		loadNote();
+	}
+}
+
+function nextInc() {
+	incpos++;
+	loadNote();
+}
+
+function toggle() {
+	var slideColl = GetElementsWithClassName('*','slide');
+	var slides = document.getElementById('slideProj');
+	var outline = document.getElementById('outlineStyle');
+	var guru = document.getElementById('guru');
+	if (!slides.disabled) {
+		stopPlay();
+		if(audioSupport && !swfUnloaded) stopAllSounds();
+		slides.disabled = true;
+		outline.disabled = false;
+		s5mode = false;
+		fontSize(1,'em');
+		for (var n = 0; n < smax; n++) {
+			var slide = slideColl[n];
+			slide.style.visibility = 'visible';
+		}
+		if(guru) guru.style.visibility = 'hidden';
+	} else {
+		slides.disabled = false;
+		outline.disabled = true;
+		s5mode = true;
+		fontScale();
+		for (var n = 0; n < smax; n++) {
+			var slide = slideColl[n];
+			slide.style.visibility = 'hidden';
+		}
+		slideColl[snum].style.visibility = 'visible';
+		if(guru && snum==0) guru.style.visibility = 'visible';
+	}
+}
+
+function showHide(action) {
+	var obj = GetElementsWithClassName('*','hideme')[0];
+	switch (action) {
+	case 's': 
+		obj.style.visibility = 'visible'; 
+		break;
+	case 'h':
+		obj.style.visibility = 'hidden'; 
+		break;
+	case 'k':
+		if (obj.style.visibility != 'visible') {
+			obj.style.visibility = 'visible';
+		} else {
+			obj.style.visibility = 'hidden';
+		}
+	break;
+	}
+}
+
+function keys(key) {
+	if (!key) {
+		key = event;
+		key.which = key.keyCode;
+	}
+	if (helpmode) {
+		dumpHelpReq();
+		return;
+	}
+	if (key.which == 84 && !isOp) {
+		toggle();
+		return;
+	}
+	if (s5mode) {
+		if (autoMatic) {
+			switch (key.which) {
+			case 70: // f/ading on/off
+				switchFade();
+				break;
+			case 83: // s/ound on/off
+				toggleSounds();
+				break;	
+			case 67: // c
+				showHide('k');
+				break;
+			case 65: // a/utoplay on/off
+				stopPlay();
+				break;
+			case 76: // l/ooping on/off
+				switchLoop();
+				break;
+			case 80: // p/ause
+			case 32: // spacebar
+				pausePlay();
+				break;
+			}
+		}else {
+			switch (key.which) {
+			case 8: // backspace = HELP
+				createHelpReq();
+				break;								
+			case 10: // return
+			case 13: // enter
+				if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
+				if (key.target && isParentOrSelf(key.target, 'controls')) return;
+				if(number != undef) {
+					goTo(number);
+					break;
+				}
+			case 32: // spacebar
+			case 34: // page down
+			case 39: // rightkey
+			case 40: // downkey
+				if(number != undef) {
+					go(number);
+				} else if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+					go(1);
+				} else {
+					subgo(1);
+				}
+				break;
+			case 33: // page up
+			case 37: // leftkey
+			case 38: // upkey
+				if(number != undef) {
+					go(-1 * number);
+				} else if (!incrementals[snum] || incpos <= 0) {
+					go(-1);
+				} else {
+					subgo(-1);
+				}
+				break;
+			case 65: // a/utoplay
+				startPlay();
+				break;				
+			case 72: // h
+			case 36: // home
+				goTo(0);
+				break;
+			case 69: // e
+			case 35: // end
+				goTo(smax-1);
+				break;
+			case 70: // f/ade transitions on/off
+				switchFade();
+				break;
+			case 76: // l/ooping on/off
+				switchLoop();
+				break;
+			case 83: // s/ound support on/off
+				toggleSounds();
+				break;					
+			case 27: // escape
+			case 81: // q
+				if(!isOp) byby();
+				break;
+			case 67: // c
+				showHide('k');
+				break;
+			case 78: // n
+				createNotesWindow();
+				break;
+			}
+			if (key.which < 48 || key.which > 57) {
+				number = undef;
+			} else {
+				if (window.event && isParentOrSelf(window.event.srcElement, 'controls')) return;
+				if (key.target && isParentOrSelf(key.target, 'controls')) return;
+				number = (((number != undef) ? number : 0) * 10) + (key.which - 48);
+			}
+		}
+	}
+	return false;
+}
+
+function clicker(e) {
+	number = undef;
+	var target;
+	if (window.event) {
+		target = window.event.srcElement;
+		e = window.event;
+	} else {
+		target = e.target;
+	}
+	if (target.href != null || hasValue(target.rel, 'external') || isParentOrSelf(target, 'controls') || isParentOrSelf(target,'embed') || isParentOrSelf(target,'object')) return true;
+	if (!helpmode) {
+		if (!e.which || e.which == 1) {
+			if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+				go(1);
+			} else {
+				subgo(1);
+			}
+		}
+	} else {
+		dumpHelpReq();  
+	}
+}
+
+function findSlide(hash) {
+	var target = null;
+	var slides = GetElementsWithClassName('*','slide');
+	for (var i = 0; i < slides.length; i++) {
+		var targetSlide = slides[i];
+		if ( (targetSlide.name && targetSlide.name == hash)
+		 || (targetSlide.id && targetSlide.id == hash) ) {
+			target = targetSlide;
+			break;
+		}
+	}
+	while(target != null && target.nodeName != 'BODY') {
+		if (hasClass(target, 'slide')) {
+			return parseInt(target.id.slice(5));
+		}
+		target = target.parentNode;
+	}
+	return null;
+}
+
+function slideJump() {
+	if (window.location.hash == null) return;
+	var sregex = /^#slide(\d+)$/;
+	var matches = sregex.exec(window.location.hash);
+	var dest = null;
+	if (matches != null) {
+		dest = parseInt(matches[1]);
+	} else {
+		dest = findSlide(window.location.hash.slice(1));
+	}
+	if (dest != null)
+		go(dest - snum);
+}
+
+function fixLinks() {
+	var thisUri = window.location.href;
+	thisUri = thisUri.slice(0, thisUri.length - window.location.hash.length);
+	var aelements = document.getElementsByTagName('A');
+	for (var i = 0; i < aelements.length; i++) {
+		var a = aelements[i].href;
+		var slideID = a.match('\#slide[0-9]{1,2}');
+		if ((slideID) && (slideID[0].slice(0,1) == '#')) {
+			var dest = findSlide(slideID[0].slice(1));
+			if (dest != null) {
+				if (aelements[i].addEventListener) {
+					aelements[i].addEventListener("click", new Function("e",
+						"if (document.getElementById('slideProj').disabled) return;" +
+						"go("+dest+" - snum); " +
+						"if (e.preventDefault) e.preventDefault();"), true);
+				} else if (aelements[i].attachEvent) {
+					aelements[i].attachEvent("onclick", new Function("",
+						"if (document.getElementById('slideProj').disabled) return;" +
+						"go("+dest+" - snum); " +
+						"event.returnValue = false;"));
+				}
+			}
+		}
+	}
+}
+
+function externalLinks() {
+	if (!document.getElementsByTagName) return;
+	var anchors = document.getElementsByTagName('a');
+	for (var i=0; i<anchors.length; i++) {
+		var anchor = anchors[i];
+		if (anchor.getAttribute('href') && hasValue(anchor.rel, 'external')) {
+			anchor.target = '_blank';
+			addClass(anchor,'external');
+		}
+	}
+}
+
+function permaLink() {
+	document.getElementById('plink').href = window.location.pathname + '#slide' + snum;
+}
+
+function createControls() {
+	var controlsDiv = document.getElementById("controls");
+	if (!controlsDiv) return;
+	var hider = ' onmouseover="showHide(\'s\');" onmouseout="showHide(\'h\');"';
+	var hideDiv, hideList = '';
+	if (controlVis == 'hidden') {
+		hideDiv = hider;
+	} else {
+		hideList = hider;
+	}
+	if(isOp) {
+		var str = '';
+	}else {
+		var str = '<a accesskey="t" id="sheet" title="toggle CSS" href="javascript:toggle();">&plusmn;<\/a>';
+	}	
+	if(isIE) {
+		var tmp = "move around&xA0;until the color&xA0;change to red!";
+	}else if(isS2) {
+		var tmp = "move around\r\nuntil the color\r\nchange to red!";
+	}else {
+		var tmp = "move around until color change to red!";
+	}
+	if(isIE) {
+		controlsDiv.innerHTML = str + '<form action="#" id="controlForm"' + hideDiv + '>' +
+		'<div id="navLinks" title="press [backspace] for keyboard help!" style="background-image: none;">' +
+		'<a accesskey="n" id="show-notes" title="show Notes" href="javascript:createNotesWindow();">i<\/a>' +
+		'<a accesskey="t" id="toggle" title="toggle CSS" href="javascript:toggle();">&plusmn;<\/a>' +
+		'<a accesskey="h" id="zero" title="goto Start Slide" href="javascript:goTo(0);">|&lt;<\/a>' +
+		'<a accesskey="y" id="prev" title="previous Slide" href="javascript:go(-1);">&lt;<\/a>' +
+		'<a accesskey="x" id="next" title="next Slide" href="javascript:go(1);">&gt;<\/a>' +
+		'<a accesskey="e" id="last" title="goto Last Slide" href="javascript:goTo(smax-1);">&gt;|<\/a>' +
+		'<br \/><div class="subLinks" id="autoLinks" style="margin-left:0.25em;">' +
+		'<a accesskey="a" id="auto" title="Auto Play" href="javascript:togglePlay();">&gt;<\/a>&nbsp;' +
+		'<a style="font-weight: bold;" accesskey="p" id="pause" title="Pausing" href="javascript:pausePlay();">||<\/a>&nbsp;' +
+		'<a style="font-weight: bold;" accesskey="l" id="loop" title="Looping" href="javascript:switchLoop();">&infin;<\/a>&nbsp;&nbsp;' +
+		'<a title="5 Sec. Delay" href="javascript:setDelay(5);">5<\/a>&middot;' +
+		'<a title="10 Sec. Delay" href="javascript:setDelay(10);">10<\/a>&middot;' + 
+		'<a title="15 Sec. Delay" href="javascript:setDelay(15);">15<\/a>&middot;' + 
+		'<a title="30 Sec. Delay" href="javascript:setDelay(30);">30<\/a>&middot;' + 
+		'<a title="60 Sec. Delay" href="javascript:setDelay(60);">60<\/a>' +
+		'<\/div><select id="jumplist" style="position: absolute; left: -9999px;"><\/select><\/div><\/form>';
+	}else {
+		controlsDiv.innerHTML =  str +
+		'<form action="#" id="controlForm"' + hideDiv + '>' +
+		'<div id="navLinks" title="press [backspace] or double click this area for keyboard help!" ondblclick="createHelpReq();">' +
+		'<a accesskey="q" id="exit" title="exit Show" href="javascript:byby();">&times;<\/a>' +
+		'<a accesskey="n" id="show-notes" title="show Notes" href="javascript:createNotesWindow();">&#x274f;<\/a>' +
+		'<a accesskey="t" id="toggle" title="toggle CSS" href="javascript:toggle();">&plusmn;<\/a>' +
+		'<a accesskey="h" id="zero" title="goto Start Slide" href="javascript:goTo(0);">|&lt;<\/a>' +
+		'<a accesskey="y" id="prev" title="previous Slide" href="javascript:go(-1);">&lt;<\/a>' +
+		'<a accesskey="x" id="next" title="next Slide" href="javascript:go(1);">&gt;<\/a>' +
+		'<a accesskey="e" id="last" title="goto Last Slide" href="javascript:goTo(smax-1);">&gt;|<\/a>' +
+		'<a id="list" style="cursor:wait;" title="' + tmp + '">&Xi;<\/a>' +
+		'<select id="jumplist" title="select named Slide" onchange="go(\'j\');"><\/select>' +
+		'<br \/><div class="subLinks" id="fadeLinks">' +
+		'<a style="font-weight: bold;" accesskey="f" id="fade" title="Transions" href="javascript:switchFade();">&#x25a8;<\/a>&nbsp;' +
+		'<\/div><div class="subLinks" id="audioLinks" style="margin-left:0.25em;">' +
+		'<a accesskey="s" id="audio" title="Sound" href="javascript:toggleSounds();">&#x266b;<\/a>&nbsp;' +
+		'<a id="volume" style="cursor:wait;" title="' + tmp + '">&#x25e2;<\/a>' +
+		'<select id="volumelist" title="select Volume" onchange="setVolume();"><option value="100">100</option>' +
+		'<option value="90">90</option><option value="80">80</option>' +
+		'<option value="70">70</option><option value="60">60</option>' +
+		'<option value="50">50</option><option value="40">40</option>' +
+		'<option value="30">30</option><option value="20">20</option>' +
+		'<option value="10">10</option><option value="0">0</option>' +
+		'<\/select>' +
+		'<\/div><div class="subLinks" id="autoLinks" style="margin-left:0.25em;">' +
+		'<a accesskey="a" id="auto" title="Auto Play" href="javascript:togglePlay();">&#x25b6;<\/a>&nbsp;' +
+		'<a style="font-weight: bold;" accesskey="p" id="pause" title="Pausing" href="javascript:pausePlay();">||<\/a>&nbsp;' +
+		'<a style="font-weight: bold;" accesskey="l" id="loop" title="Looping" href="javascript:switchLoop();">&infin;<\/a>&nbsp;&nbsp;' +
+		'<a title="5 Sec. Delay" href="javascript:setDelay(5);">5<\/a>&middot;' +
+		'<a title="10 Sec. Delay" href="javascript:setDelay(10);">10<\/a>&middot;' + 
+		'<a title="15 Sec. Delay" href="javascript:setDelay(15);">15<\/a>&middot;' + 
+		'<a title="30 Sec. Delay" href="javascript:setDelay(30);">30<\/a>&middot;' + 
+		'<a title="60 Sec. Delay" href="javascript:setDelay(60);">60<\/a>' +
+		'<\/div><\/div><\/form>';
+	}
+	if (controlVis == 'hidden') {
+		var hidden = document.getElementById('navLinks');
+	} else {
+		var hidden = document.getElementById('jumplist');
+	}
+	addClass(hidden,'hideme');
+}
+
+function fontScale() {  // causes layout problems in FireFox that get fixed if browser's Reload is used; same may be true of other Gecko-based browsers
+	if (!s5mode && !isOp) return false;
+	var hScreen = screen.width; var vScreen = screen.height;
+	var vWindow = window.outerHeight; var hWindow = window.outerWidth;
+	if (isOp && s5mode && defaultView=='slideshow' && ((hScreen != hWindow) || (vScreen != vWindow))) {
+		toggle();
+		return false;
+	}
+	if (isOp && !s5mode && ((hScreen != hWindow) || (vScreen != vWindow))) return false;
+	if (isOp && !s5mode && (hScreen == hWindow) && (vScreen == vWindow)) toggle();
+	var vScale = 48;  // both yield 16 (the usual browser default) at 1024x768
+	var hScale = 64;  // perhaps should auto-calculate based on theme's declared value?
+	if (window.innerHeight) {
+		var vSize = window.innerHeight;
+		var hSize = window.innerWidth;
+	} else if (document.documentElement.clientHeight) {
+		var vSize = document.documentElement.clientHeight;
+		var hSize = document.documentElement.clientWidth;
+	} else if (document.body.clientHeight) {
+		var vSize = document.body.clientHeight;
+		var hSize = document.body.clientWidth;
+	} else {
+		var vSize = 700;  // assuming 1024x768, minus chrome and such equals 8:5
+		var hSize = 1024; // these do not account for kiosk mode or Opera Show
+	}
+	var newSize = Math.min(Math.round(vSize/vScale),Math.round(hSize/hScale));
+	extendImgSizes(newSize); // scalable images extension
+	extendCanSizes(newSize); // scalable canvas extension
+	extendObjSizes(newSize); // scalable object extension
+	fontSize(newSize,"px");
+	if(!isS2 || firstTime==0) {
+		generateCanvas(); // dynamic canvas extension
+	}
+	if (isGe) {  // hack to counter incremental reflow bugs
+		var obj = document.getElementsByTagName('body')[0];
+		obj.style.visibility = 'hidden';
+		obj.style.display = 'none';
+		obj.style.display = 'block';
+		obj.style.visibility = 'visible';
+		changeOpac(100,'slide' + snum);
+		shiftOpacity('slide' + snum,10);
+		window.setTimeout("fixReflow()",10);
+	}else {
+		setListPos(); // invisible select extension
+	}
+}
+
+function fixReflow() {
+	shiftOpacity('slide' + snum,10);
+	window.setTimeout("finishReflow()",10);
+}
+function finishReflow() {
+	setListPos(); // invisible select extension
+}
+
+function fontSize(val,fmt) {
+	var value = val + fmt;
+	if (!(s5ss = document.getElementById('s5ss'))) {
+		if (!document.createStyleSheet) {
+			document.getElementsByTagName('head')[0].appendChild(s5ss = document.createElement('style'));
+			s5ss.setAttribute('media','screen, projection');
+			s5ss.setAttribute('id','s5ss');
+		} else {
+			document.createStyleSheet();
+			document.s5ss = document.styleSheets[document.styleSheets.length - 1];
+		}
+	}
+	if (!(document.s5ss && document.s5ss.addRule)) {
+		while (s5ss.lastChild) s5ss.removeChild(s5ss.lastChild);
+		s5ss.appendChild(document.createTextNode('html {font-size: ' + value + ' !important;}'));
+	} else {
+		document.s5ss.addRule('html','font-size: ' + value + ' !important;');
+	}
+}
+
+function windowChange() {
+	fontScale();
+}
+
+function notOperaFix() {
+	slideCSS = document.getElementById('slideProj').href;
+	var slides = document.getElementById('slideProj');
+	var outline = document.getElementById('outlineStyle');
+	slides.setAttribute('media','screen');
+	outline.disabled = true;
+	if (isGe) {
+		slides.setAttribute('href','null');   // Gecko fix
+		slides.setAttribute('href',slideCSS); // Gecko fix
+	}
+	if ((isIE && notIE7) && document.styleSheets && document.styleSheets[0]) {
+		document.styleSheets[0].addRule('img', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+		document.styleSheets[0].addRule('div', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+		document.styleSheets[0].addRule('.slide', 'behavior: url(ui/graphic_support/iepngfix.htc)');
+	}
+}
+
+function getIncrementals(obj) {
+	var incrementals = new Array();
+	if (!obj) 
+		return incrementals;
+	var children = obj.childNodes;
+	for (var i = 0; i < children.length; i++) {
+		var child = children[i];
+		if (hasClass(child, 'incremental')) {
+			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
+				removeClass(child, 'incremental');
+				for (var j = 0; j < child.childNodes.length; j++) {
+					if (child.childNodes[j].nodeType == 1) {
+						addClass(child.childNodes[j], 'incremental');
+					}
+				}
+			} else {
+				incrementals[incrementals.length] = child;
+				removeClass(child,'incremental');
+			}
+		}
+		if (hasClass(child, 'show-first')) {
+			if (child.nodeName == 'OL' || child.nodeName == 'UL') {
+				removeClass(child, 'show-first');
+				if (child.childNodes[isGe].nodeType == 1) {
+					removeClass(child.childNodes[isGe], 'incremental');
+				}
+			} else {
+				incrementals[incrementals.length] = child;
+			}
+		}
+		incrementals = incrementals.concat(getIncrementals(child));
+	}
+	return incrementals;
+}
+
+function createIncrementals() {
+	var incrementals = new Array();
+	for (var i = 0; i < smax; i++) {
+		incrementals[i] = getIncrementals(document.getElementById('slide'+i));
+	}
+	return incrementals;
+}
+
+function trap(e) {
+	if (!e) {
+		e = event;
+		e.which = e.keyCode;
+	}
+	try {
+		modifierKey = e.ctrlKey || e.altKey || e.metaKey;
+	}
+	catch(e) {
+		modifierKey = false;
+	}
+	return modifierKey || e.which == 0;
+}
+
+// notes extension
+function noteLabel() { // Gives notes id's to match parent slides
+	var notes = GetElementsWithClassName('div','notes');
+	for (var i = 0; i < notes.length; i++) {
+		var note = notes[i];
+		var id = 'note' + note.parentNode.id.substring(5);
+		note.setAttribute('id',id);
+	}
+	resetElapsedSlide();
+	resetRemainingTime();
+	window.setInterval('updateElaspedTime()', 1000);
+}
+
+function createNotesWindow() { // creates a window for our notes
+	if (!s5NotesWindow || s5NotesWindow.closed) { // Create the window if it doesn't exist
+		s5NotesWindowLoaded = false;
+		// Note: Safari has a tendency to ignore window options preferring to default to the settings of the parent window, grr.
+		s5NotesWindow = window.open('ui/s5-notes.html', 's5NotesWindow', 'top=0,left=0');
+	}
+	if (s5NotesWindowLoaded) { // Load the current note if the Note HTML has loaded
+		loadNote();
+	} else { // Keep trying...
+		window.setTimeout('createNotesWindow()', 50);
+	}
+}
+
+function loadNote() {
+// Loads a note into the note window
+	var notes = nextNotes = '<em class="disclaimer">There are no notes for this slide.</em>';
+	if (document.getElementById('note' + snum)) {
+		notes = document.getElementById('note' + snum).innerHTML;
+	}
+	if (document.getElementById('note' + (snum + 1))) {
+		nextNotes = document.getElementById('note' + (snum + 1)).innerHTML;
+	}
+	
+	var jl = document.getElementById('jumplist');
+	var slideTitle = jl.options[jl.selectedIndex].text.replace(/^\d+\s+:\s+/, '') + ((jl.selectedIndex) ? ' (' + jl.selectedIndex + '/' + (smax - 1) + ')' : '');
+	if (incrementals[snum].length > 0) {
+		slideTitle += ' <small>[' + incpos + '/' + incrementals[snum].length + ']</small>';
+	}
+	if (jl.selectedIndex < smax - 1) {
+		var nextTitle = jl.options[jl.selectedIndex + 1].text.replace(/^\d+\s+:\s+/, '') + ((jl.selectedIndex + 1) ? ' (' + (jl.selectedIndex + 1) + '/' + (smax - 1) + ')' : '');
+	} else {
+		var nextTitle = '[end of slide show]';
+	}
+	
+	if (s5NotesWindow && !s5NotesWindow.closed && s5NotesWindow.document) {
+		s5NotesWindow.document.getElementById('slide').innerHTML = slideTitle;
+		s5NotesWindow.document.getElementById('notes').innerHTML = notes;
+		s5NotesWindow.document.getElementById('next').innerHTML = nextTitle;
+		s5NotesWindow.document.getElementById('nextnotes').innerHTML = nextNotes;
+	}
+	resetElapsedSlide();
+}
+
+function minimizeTimer(id) {
+	var obj = s5NotesWindow.document.getElementById(id);
+	if (hasClass(obj,'collapsed')) {
+		removeClass(obj,'collapsed');
+	} else {
+		addClass(obj,'collapsed');
+	}
+}
+
+function resetElapsedTime() {
+	presentationStart = new Date();
+	slideStart = new Date();
+	updateElaspedTime();
+}
+
+function resetElapsedSlide() {
+	if (snum != previousSlide) {
+		slideStart = new Date();
+		previousSlide = snum;
+		updateElaspedTime();
+	}
+}
+
+function updateElaspedTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var now = new Date();
+	var ep = s5NotesWindow.document.getElementById('elapsed-presentation');
+	var es = s5NotesWindow.document.getElementById('elapsed-slide');
+	ep.innerHTML = formatTime(now.valueOf() - presentationStart.valueOf());
+	es.innerHTML = formatTime(now.valueOf() - slideStart.valueOf());
+}
+
+function resetRemainingTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var startField = s5NotesWindow.document.getElementById('startFrom');
+	startFrom = readTime(startField.value);
+	countdown.remaining = startFrom * 60000;  // convert to msecs
+	countdown.start = new Date().valueOf();
+	countdown.end = countdown.start + countdown.remaining;
+	var tl = s5NotesWindow.document.getElementById('timeLeft');
+	var timeLeft = formatTime(countdown.remaining);
+	tl.innerHTML = timeLeft;
+}
+
+function updateRemainingTime() {
+	if (!s5NotesWindowLoaded || !s5NotesWindow || s5NotesWindow.closed) return;
+	var tl = s5NotesWindow.document.getElementById('timeLeft');
+	var now = new Date();
+	if (countdown.state == 'run') {
+		countdown.remaining = countdown.end - now;
+	}
+	tl.style.color = '';
+	tl.style.backgroundColor = '';
+	if (countdown.remaining >= 0) {
+		var timeLeft = formatTime(countdown.remaining);
+		removeClass(tl,'overtime');
+		if (countdown.remaining < 300000) {
+			tl.style.color = 'rgb(' + (255-Math.round(countdown.remaining/2000)) + ',0,0)';
+			tl.style.backgroundColor = 'rgb(255,255,' + (Math.round(countdown.remaining/2000)) + ')';
+		}
+	} else {
+		var timeLeft = '-' + formatTime(-countdown.remaining);
+		addClass(tl,'overtime');
+	}
+	tl.innerHTML = timeLeft;
+}
+
+function toggleRemainingTime() {
+	if (countdown.state == 'pause') countdown.state = 'run'; else countdown.state = 'pause';
+	if (countdown.state == 'pause') {
+		window.clearInterval(countdown.timer);
+	}
+	if (countdown.state == 'run') {
+		countdown.start = new Date().valueOf();
+		countdown.end = countdown.start + countdown.remaining;
+		countdown.timer = window.setInterval('updateRemainingTime()', 1000);
+	}
+}
+
+function alterRemainingTime(amt) {
+	var change = amt * 60000;  // convert to msecs
+	countdown.end += change;
+	countdown.remaining += change;
+	updateRemainingTime();
+}
+
+function formatTime(msecs)  {
+	var time = new Date(msecs);
+	
+	var hrs = time.getUTCHours() + ((time.getUTCDate() -1) * 24); // I doubt anyone will spend more than 24 hours on a presentation or single slide but just in case...
+	hrs = (hrs < 10) ? '0'+hrs : hrs;
+	if (hrs == 'NaN' || isNaN(hrs)) hrs = '--';
+	
+	var min = time.getUTCMinutes();
+	min = (min < 10) ? '0'+min : min;
+	if (min == 'NaN' || isNaN(min)) min = '--';
+	
+	var sec = time.getUTCSeconds();
+	sec = (sec < 10) ? '0'+sec : sec;
+	if (sec == 'NaN' || isNaN(sec)) sec = '--';
+
+	return hrs + ':' + min + ':' + sec;
+}
+
+function readTime(val) {
+	var sregex = /:/;
+	var matches = sregex.exec(val);
+	if (matches == null) {
+		return val;
+	} else {
+		var times = val.split(':');
+		var hours = parseInt(times[0]);
+		var mins = parseInt(times[1]);
+		var total = (hours * 60) + mins;
+		return total;
+	}
+}
+// notes extension
+
+// startup process
+function createSlideShow() {
+	defaultCheck();	
+	if(!isIE) createDetector(); // (degrade IE) scalable images extension 
+	if(opac!=0 || isIE) { // &&!isIE (degrade IE)
+		tranSitions = false;
+		fadeModus = false;
+	}
+	if(tranSitions && document.getElementById && document.createElement){
+		createProgress();
+		var nop=document.getElementById('StartupControl');
+		nop.onload = dumpProgress;
+	}else {
+		startup();
+		showAll();
+		setListPos(true); // invisible select extension
+		panelSetup();
+		audioSetup(); // audio extension
+		if(isS2 && firstTime>=1) {
+			generateCanvas(); // dynamic canvas extension
+		} firstTime = 0;
+	}
+}
+
+function defaultCheck() {
+	var allMetas = document.getElementsByTagName('meta');
+	for (var i = 0; i< allMetas.length; i++) {
+		if (allMetas[i].name == 'defaultView') {
+			defaultView = allMetas[i].content;
+		}
+		if (allMetas[i].name == 'controlVis') {
+			controlVis = allMetas[i].content;
+		}
+		if (allMetas[i].name == 'tranSitions') {
+			tranSitions = (allMetas[i].content == "true") ? true : false;
+			fadeModus = (tranSitions == true) ? true : false;
+		}
+		if (allMetas[i].name == 'fadeDuration') {
+			var tmp = parseInt(allMetas[i].content);
+			fadeDuration = Math.max(200,Math.min(tmp,2000));
+		}
+		if (allMetas[i].name == 'incrDuration') {
+			var tmp = parseInt(allMetas[i].content);
+			incrDuration = Math.max(50,Math.min(tmp,500));
+		}
+		if (allMetas[i].name == 'autoMatic') {
+			autoMatic = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'playLoop') {
+			playLoop = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'playDelay') {
+			var tmp = parseInt(allMetas[i].content);
+			playDelay = Math.max(5,Math.min(tmp,90))*1000;
+			playDelay = (fadeModus == true) ? (playDelay+(2*fadeDuration)) : playDelay;
+		}
+		if (allMetas[i].name == 'audioSupport') {
+			audioSupport = (allMetas[i].content == "true") ? true : false;
+		}
+		if (allMetas[i].name == 'audioVolume') {
+			var tmp = parseInt(allMetas[i].content);
+			audioVolume = Math.max(0,Math.min(tmp,100));
+		}
+		if (allMetas[i].name == 'audioError') {
+			audioError = (allMetas[i].content == "true") ? true : false;
+		}						
+	}
+}
+
+function createProgress() {
+	var obj = document.getElementsByTagName("body")[0].firstChild;
+	var pg = document.createElement('div');
+	pg.id = "StartupProgress";
+	pg.style.position = 'absolute';
+	pg.style.left = 0 + 'px';
+	pg.style.top = 0 + 'px';
+	pg.style.width = 100 + '%';
+	pg.style.height = 100 + '%';
+	pg.style.margin = 0 + 'px';
+	pg.style.padding = 0 + 'px';
+	if (isIE) {
+		pg.style.filter = "alpha(opacity=100)";	
+	}else {
+		pg.style.opacity = 1.0;
+	}
	pg.style.zIndex = 9999;
+	pg.style.backgroundColor="rgb(255, 255, 255)";
+	pg.style.textAlign = "center";
	pg.style.verticalAlign = "middle";
+	pg.style.backgroundPosition="center center";
+	pg.style.backgroundRepeat="no-repeat";
+	pg.style.backgroundImage="url(ui/graphic_support/progress.gif)";
+	document.getElementsByTagName("body")[0].insertBefore(pg,obj);
+
+	var im = document.createElement('img');
+	im.id = "StartupControl";
+	im.src = "ui/graphic_support/blank.gif?" + new Date().valueOf();
+	document.getElementsByTagName("body")[0].appendChild(im);
+}
+
+function startup() {
+	createControls(); // hallvord
+	slideLabel();
+	incrementals = createIncrementals();
+	noteLabel(); // [SI:060104] must follow slideLabel()
+	loadNote();
+	fixLinks();
+	externalLinks();
+	fontScale();
+	if (!isOp) {
+		notOperaFix();
+	}else if(isOp) {
+		document.getElementById('exit').style.visibility = 'hidden';
+		document.getElementById('toggle').style.visibility = 'hidden';
+		document.getElementById('list').style.visibility = 'hidden';
+		document.getElementById('jumplist').style.visibility = 'hidden';
+		document.getElementById('audioLinks').style.display = 'none';
+	}
+	slideJump();
+	if (defaultView == 'outline') toggle();
+	document.onkeyup = keys;
+	document.onkeypress = trap;
+	document.onclick = clicker;
+}
+
+function preloadImgages() {
+	var temp = '';
+	var objects = document.getElementsByTagName('img');
+	for (var i=0; i < objects.length; i++) {
+		if(objects[i].src != '') {
+			temp = new Image(); 
+			temp.src = objects[i].src;
+		}
+	}
+}
+
+function showAll() {
+	var obj1 = GetElementsWithClassName('div','presentation')[0];
+	if(!obj1) var obj1 = GetElementsWithClassName('ol','presentation')[0];
+	var obj2 = GetElementsWithClassName('div','layout')[0];
+	if(!obj1){}else {obj1.style.display = 'block'};
+	if(!obj2){}else {obj2.style.display = 'block'};
+}
+
+function dumpProgress() {
+	document.body.removeChild(document.getElementById('StartupControl'));
+	startup();
+	preloadImgages();
+	showAll();
+	createSoundManagerScript();
+	shiftOpacity('StartupProgress',1000);
+	window.setTimeout("removeProgress()",1000);
}
+
+function removeProgress() {
+	document.body.removeChild(document.getElementById('StartupProgress'));
+	setListPos(true); // invisible select extension
+	panelSetup();
+	audioSetup(); // audio extension
+	if(isS2 && firstTime>=1) {
+		generateCanvas(); // dynamic canvas extension
+	} firstTime = 0;
+}
+function panelSetup() {
+	if(playPause) document.getElementById('pause').style.color=highLight;
+	if(playLoop) document.getElementById('loop').style.color=highLight;
+	if(audioSupport && !isIE && !isOp) document.getElementById('audio').style.color=highLight;
+	if(fadeModus && !isIE) document.getElementById('fade').style.color=highLight;
+	if(autoMatic) {
+		document.getElementById('auto').style.color=highLight; 
+		startPlay();
+	}
+	if(audioVolume && !isIE && !isOp) {
+		var idx = 0;
+		if(audioVolume >= 95 && audioVolume <= 100) {idx = 0;}
+		else if(audioVolume >= 85 && audioVolume < 95) {idx = 1;}
+		else if(audioVolume >= 75 && audioVolume < 85) {idx = 2;}
+		else if(audioVolume >= 65 && audioVolume < 75) {idx = 3;}
+		else if(audioVolume >= 55 && audioVolume < 65) {idx = 4;}
+		else if(audioVolume >= 45 && audioVolume < 55) {idx = 5;}
+		else if(audioVolume >= 35 && audioVolume < 45) {idx = 6;}
+		else if(audioVolume >= 25 && audioVolume < 35) {idx = 7;}
+		else if(audioVolume >= 15 && audioVolume < 25) {idx = 8;}
+		else if(audioVolume >= 5 && audioVolume < 15) {idx = 9;}
+		else {idx = 10;}
+		document.getElementById('volumelist').selectedIndex = idx;
+	}
+}
+// startup process
+
+// shutdown process
+function byby() {
+	stopPlay();
+	if(tranSitions && fadeModus && s5mode && !isOp) {
+		fadeoutSound(curSoundID,true); // audio support
+		var pg = document.createElement('div');
+		pg.id = "GoodBy";
+		pg.style.position = 'absolute';
+		pg.style.left = 0 + 'px';
+		pg.style.top = 0 + 'px';
+		pg.style.width = 100 + '%';
+		pg.style.height = 100 + '%';
+		pg.style.margin = 0 + 'px';
+		pg.style.padding = 0 + 'px';
+		if (isIE) {
+			pg.style.filter = "alpha(opacity=0)";	
+		}else {
+			pg.style.opacity = 0.0;
+		}
		pg.style.zIndex = 9999;
+		pg.style.backgroundColor="rgb(255, 255, 255)";
+		pg.style.textAlign = "center";
		pg.style.verticalAlign = "middle";
+		pg.style.backgroundPosition="center center";
+		pg.style.backgroundRepeat="no-repeat";
+		pg.style.backgroundImage="url(ui/graphic_support/finish.gif)";		
+		document.getElementsByTagName("body")[0].appendChild(pg);
+		shiftOpacity('GoodBy',1000);
+		window.setTimeout("history.back()",1000);
	}else {
+		stopSound(curSoundID); 
+		history.back();
+	}
+}
+// shutdown process
+
+// scalable images extension
+function createDetector() {
+	var em = document.createElement('div');
+	em.id='EMSizeControl'; em.style.position="absolute"; em.style.left="-999px";
+	em.style.width="1em"; em.style.height="1em"; em.style.opacity=0.0;
+	document.getElementsByTagName("body")[0].appendChild(em);
+	var nop=document.getElementById('EMSizeControl');
+	if(!nop||findPosX(nop)!=-999) {}else {
+		opac=document.getElementById('EMSizeControl').style.opacity;
+		empx=document.getElementById('EMSizeControl').offsetHeight;
+		document.body.removeChild(document.getElementById('EMSizeControl'));
+		var objects = document.getElementsByTagName('img'); 
+		var j = 0; var i = 0; var k = 0; var d; var obj;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				images[j] = objects[i];
+				++j;
+			}
+		}		
+		var objects = document.getElementsByTagName('canvas'); j = 0; 
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				canvas[objects[i].id] = objects[i];
+				if(j==0) {
+					if(objects[i].getContext) {
+						canvasSupport = true;
+					}
+					++j;
+				}
+			}
+		}	
+		if(canvasSupport!=true) {
+			for (d in canvas) {
+				canvas[d].setAttribute("width",1); 
+				canvas[d].setAttribute("height",1); 
+			} 
+		}	
+		var objects = document.getElementsByTagName('table'); 
+		j = 0; k = 0; l = 0; var w; var h; var tmp; var cnt;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^piechart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						piecharts[j] = objects[i];
+						em = piecharts[j].getAttribute("summary");
+						if(em != "") em = "," + em;
+						piecharts[j].setAttribute("summary", w + "," + h + em);
+						++j;
+					}
+				}
+			}
+			if(objects[i].className.match(/^barchart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						barcharts[k] = objects[i];
+						em = barcharts[k].getAttribute("summary");
+						if(em != "") em = "," + em;
+						barcharts[k].setAttribute("summary", w + "," + h + em);
+						++k;
+					}
+				}
+			}
+			if(objects[i].className.match(/^linechart/i)) {
+				tmp = objects[i].id;
+				cnt = tmp.split("_");
+				obj = cnt[0] + "_canvas";
+				if(canvas[obj]) {
+					w = canvas[obj].getAttribute("width");
+					h = canvas[obj].getAttribute("height");
+					if(w>0&&h>0) {
+						linecharts[l] = objects[i];
+						em = linecharts[l].getAttribute("summary");
+						if(em != "") em = "," + em;
+						linecharts[l].setAttribute("summary", w + "," + h + em);
+						++l;
+					}
+				}
+			}
+		}	
+		objects = document.getElementsByTagName('object'); j = 0; i = 0;
+		for (i=0; i < objects.length; i++) {
+			if(objects[i].className.match(/^scale/i)) {
+				medias[j] = objects[i]; ++j;
+				if(!isIE) {
+  					if(objects[i].getAttributeNode("classid")) objects[i].removeAttributeNode(objects[i].getAttributeNode("classid"));
+				  	if(objects[i].getAttributeNode("codebase")) objects[i].removeAttributeNode(objects[i].getAttributeNode("codebase"));
+				}
+			}
+		}
+	}
+}
+function extendImgSizes(f) {
+	if(empx>0) {
+		var q = (f/empx); var w = 0; var h = 0;
+		for(var i=0; i < images.length; i++) {
+			w=images[i].getAttribute("width",0); 
+			h=images[i].getAttribute("height",0);
+			if(w>0&&h>0) {
+				images[i].style.width=Math.floor(w*q)+"px";
				images[i].style.height=Math.floor(h*q)+"px";
+			}
+		}
+	}
+}
+
+function extendCanSizes(f) {
+	if(empx>0 && canvasSupport) {
+		var q = (f/empx); var w = 0; var h = 0; var tmp = ""; var cnt; var obj;
+		for(var i=0; i < piecharts.length; i++) {
+			if(piecharts[i].getAttribute("summary")) {
+				tmp = piecharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = piecharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+		for(var i=0; i < barcharts.length; i++) {
+			if(barcharts[i].getAttribute("summary")) {
+				tmp = barcharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = barcharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+		for(var i=0; i < linecharts.length; i++) {
+			if(linecharts[i].getAttribute("summary")) {
+				tmp = linecharts[i].getAttribute("summary");
+				cnt = tmp.split(",");
+				if(cnt[0].match(/^[1-9][0-9]+/)) w = parseInt(cnt[0]);
+				if(cnt[1].match(/^[1-9][0-9]+/)) h = parseInt(cnt[1]);
+				if(w>0&&h>0) {
+					tmp = linecharts[i].id;
+					cnt = tmp.split("_");
+					obj = cnt[0] + "_canvas";					
+					canvas[obj].setAttribute("width",Math.floor(w*q)); 
+					canvas[obj].setAttribute("height",Math.floor(h*q));
+					canvas[obj].style.width=Math.floor(w*q)+"px";
					canvas[obj].style.height=Math.floor(h*q)+"px";
+				}
+			}
+		}
+	}
+}
+function extendObjSizes(f) {
+	if(empx>0) {
+		var q = (f/empx); var w = 0; var h = 0;
+		for(var i=0; i < medias.length; i++) {
+			w=medias[i].getAttribute("width",0); 
+			h=medias[i].getAttribute("height",0);
+			if(w>0&&h>0) {
+				medias[i].style.width=Math.floor(w*q)+"px";
				medias[i].style.height=Math.floor(h*q)+"px";
+			}
+		}
+	}
+}
+function findPosX(obj) {
+	var posLeft = 0;
+	while (obj.offsetParent) {
+		posLeft += obj.offsetLeft;
+		obj = obj.offsetParent;
+	}
+	return posLeft;
+}
+function findPosY(obj) {
+	var posTop = 0;
+	while (obj.offsetParent) {
+		posTop += obj.offsetTop;
+		obj = obj.offsetParent;
+	}
+	return posTop;
+}
+// scalable images extension
+
+// canvas chart extension
+function deg2rad(degrees) {
+	return Math.PI *degrees/180;
+}
+function rad2deg(radians) {
+	return 180.0 *radians/Math.PI;
+}
+function circle_point_x(radians, diameter) {
+	var x = Math.cos(radians)*(diameter/2);
+	return x;
+}
+function circle_point_y(radians, diameter) {
+	var y = Math.sin(radians)*(diameter/2);
+	return y;
+}
+function roundTo(val,dig) {
+	var num = val;
+	if (val > 8191 && val < 10485) {
+		val = val-5000;
+		num = Math.round(val*Math.pow(10,dig))/Math.pow(10,dig);
+		num = num+5000;
+	} else {
+		num = Math.round(val*Math.pow(10,dig))/Math.pow(10,dig);
+	}
+	return num;
+}
+function searchColor(value) {
+	for (var dat in colorNames) {
+		if(dat==value) return colorNames[dat];
+    }
+    return false;
+}
+function scanColor(value) {
+	if(value.match(/^#[0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		var val1 = value.substr(1,1).toLowerCase();
+		var val2 = value.substr(2,1).toLowerCase();
+		var val3 = value.substr(3,1).toLowerCase();
+		value = '#' + val1 + val1 + val2 + val2 + val3 + val3;
+	}
+	if(!value.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		var tmp = searchColor(value.toLowerCase());
+		if(!tmp) {}else{value = tmp;}
+	}
+	if(!value.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
+		value = '#000000';
+	}
+	return value.toLowerCase();
+}
+function hex2rgb(val,trans) {
+	if(val.length==7) {
+		var tp1 = Math.max(0,Math.min(parseInt(val.substr(1,2),16),255));
+		var tp2 = Math.max(0,Math.min(parseInt(val.substr(3,2),16),255));
+		var tp3 = Math.max(0,Math.min(parseInt(val.substr(5,2),16),255));
+		return 'rgba(' + tp1 + ',' + tp2 + ',' + tp3 + ',' + trans + ')';
+	}
+}
+function trim(str) {
+    return (str.replace(/\s+$/,"").replace(/^\s+/,""));
+}
+function roundedRect(ctx,x,y,width,height,radius){
+	ctx.beginPath();
+	ctx.moveTo(x,y+radius);
+	ctx.lineTo(x,y+height-radius);
+	ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
+	ctx.lineTo(x+width-radius,y+height);
+	ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
+	ctx.lineTo(x+width,y+radius);
+	ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
+	ctx.lineTo(x+radius,y);
+	ctx.quadraticCurveTo(x,y,x,y+radius);
+	ctx.closePath();
+}
+function drawString(ctx, text, fc, tx, ty) {
+	var xp = 0; var c = "";
+	ctx.beginPath();
+	for (var i = 0; i < text.length; i++) {
+		c = text[i];
+		ctx.drawImage(font, signs[c].sx, signs[c].sy, signs[c].sw, signs[c].sh, tx+xp, ty, signs[c].sw*fc, signs[c].sh*fc);
+		xp += (signs[c].sw*fc);
+	}
+	ctx.closePath();
+}
+function strokeString(ctx, txt, col, fh, tx, ty) {
+	var fw = fh*0.666666; var lw = fh*0.125;  
+	var ls = lw/2; var cr = lw; var xp = 0; 
+	ctx.lineCap = "round"; ctx.lineJoin = "round"
+	ctx.lineWidth = lw; ctx.strokeStyle = col;
+	for (var i = 0; i < txt.length; i++) {
+		strokeSymbol(ctx, txt[i], ls, tx+xp, ty, fw, fh);
+		xp += (txt[i]!="."?fw+cr:(fw/2)+cr);
+	}
+}
+function strokeSymbol(ctx, symbol, fc, cx, cy, cw, ch) {
+	ctx.beginPath();
+	switch (symbol) {
+		case "0":
+			ctx.moveTo(cx+fc,cy+(ch*0.333333));
+			ctx.arc(cx+(cw/2),cy+(cw/2),(cw/2)-fc,deg2rad(180),0, false);
+			ctx.arc(cx+(cw/2),(cy+ch)-(cw/2),(cw/2)-fc,0,deg2rad(180), false);
+			ctx.closePath();
+		break;
+		case "1":
+			ctx.moveTo(cx+(cw*0.1)+fc,cy+ch-fc);
+			ctx.lineTo(cx+cw-fc,cy+ch-fc);
+			ctx.moveTo(cx+(cw*0.666666),cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.666666),cy+fc);
+			ctx.lineTo(cx+(cw*0.25),cy+(ch*0.25));
+		break;
+		case "2":
+			ctx.moveTo(cx+cw-fc,cy+(ch*0.8));
+			ctx.lineTo(cx+cw-fc,cy+ch-fc);
+			ctx.lineTo(cx+fc,cy+ch-fc);
+			ctx.arc(cx+(cw/2),cy+(cw*0.425),(cw*0.425)-fc,deg2rad(45),deg2rad(-180), true);
+		break;
+		case "3":
+			ctx.moveTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.9)-fc,cy+fc);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-90),deg2rad(180), false);
+		break;
+		case "4":
+			ctx.moveTo(cx+(cw*0.75),cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.75),cy+fc);
+			ctx.moveTo(cx+cw-fc,cy+(ch*0.666666));
+			ctx.lineTo(cx+fc,cy+(ch*0.666666));
+			ctx.lineTo(cx+(cw*0.75),cy+fc);
+			ctx.moveTo(cx+cw-fc,cy+ch-fc);
+			ctx.lineTo(cx+(cw*0.5),cy+ch-fc);
+		break;
+		case "5":
+			ctx.moveTo(cx+(cw*0.9)-fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+(ch*0.333333));
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-80),deg2rad(180), false);
+		break;
+		case "6":
+			ctx.moveTo(cx+fc,cy+ch-(cw*0.5)-fc);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-180),deg2rad(180), false);
+			ctx.bezierCurveTo(cx+fc,cy+fc,cx+fc,cy+fc,cx+(cw*0.9)-fc,cy+fc);
+			ctx.moveTo(cx+(cw*0.9)-fc,cy+fc);
+		break;
+		case "7":
+			ctx.moveTo(cx+(cw*0.5),cy+ch-fc);
+			ctx.lineTo(cx+cw-fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+fc);
+			ctx.lineTo(cx+(cw*0.1)+fc,cy+(ch*0.25)-fc);
+		break;
+		case "8":
+			ctx.moveTo(cx+(cw*0.92)-fc,cy+(cw*0.59));
+			ctx.arc(cx+(cw/2),cy+(cw*0.45),(cw*0.45)-fc,deg2rad(25),deg2rad(-205), true);
+			ctx.arc(cx+(cw/2),cy+ch-(cw*0.5),(cw*0.5)-fc,deg2rad(-135),deg2rad(-45), true);
+			ctx.closePath();
+			ctx.moveTo(cx+(cw*0.79),cy+(ch*0.47));
+			ctx.lineTo(cx+(cw*0.21),cy+(ch*0.47));
+		break;
+		case "9":
+			ctx.moveTo(cx+cw-fc,cy+(cw*0.5));
+			ctx.arc(cx+(cw/2),cy+(cw*0.5),(cw*0.5)-fc,deg2rad(0),deg2rad(360), false);
+			ctx.bezierCurveTo(cx+cw-fc,cy+ch-fc,cx+cw-fc,cy+ch-fc,cx+(cw*0.1)+fc,cy+ch-fc);
+		break;
+		case "%":
+			ctx.moveTo(cx+fc,cy+(ch*0.75));
+			ctx.lineTo(cx+cw-fc,cy+(ch*0.25));
+			ctx.moveTo(cx+(cw*0.505),cy+(cw*0.3));
+			ctx.arc(cx+(cw*0.3),cy+(cw*0.3),(cw*0.3)-fc,deg2rad(0),deg2rad(360), false);
+			ctx.moveTo(cx+(cw*0.905),cy+ch-(cw*0.3));
+			ctx.arc(cx+(cw*0.7),cy+ch-(cw*0.3),(cw*0.3)-fc,deg2rad(0),deg2rad(360), false);
+		break;
+		case ".":
+			ctx.moveTo(cx+(cw*0.25),cy+ch-fc-fc);
+			ctx.arc(cx+(cw*0.25),cy+ch-fc-fc,fc,deg2rad(0),deg2rad(360), false);
+			ctx.closePath();
+		break;
+		default:
+		break;
+	}	
+	ctx.stroke();
+}
+function drawBar(ctx,x,y,width,height,color,value,textdiv){
+	var rw = width/2; var rh = rw/2;
+	height = Math.max(height,rw);
+	var dh = Math.max(height-(2*rh),0.1); var S2L;	
+	var xx = rw/8; var yy = rh/4; 
+	var yo = rh/2; y = y - yy;	
+	if(canvas_noshadow <= 0 && canvas_noshade <= 0) {
+		ctx.save();
+		S2L = ctx.createRadialGradient(x+rw+rh,y+height-rw+yy+rh,0,x+rw,y+height-rw+yy,rw);
+		S2L.addColorStop(0, 'rgba(0,0,0,0.5)');
+		S2L.addColorStop(0.7, 'rgba(0,0,0,0.25)');	
+		S2L.addColorStop(0.9, 'rgba(0,0,0,0.1)');	
+		S2L.addColorStop(1, 'rgba(0,0,0,0)');	
+		ctx.fillStyle = S2L;
+		ctx.scale(1,0.5);
+		ctx.translate(xx,y+height+yy);
+		if(isOp){
+			ctx.fillRect(x,y+yy+height-width,width,width);
+		}else {
+	  		ctx.arc(x+rw,y+yy+height-width,width,0,deg2rad(360), false);
+			ctx.fill();	
+		}
+		ctx.restore();
+	}else if(canvas_noshadow <= 0 && canvas_noshade >= 1) {
+  		ctx.fillStyle = 'rgba(0,0,0,0.2)';
+		ctx.fillRect(x+yo,y+rh+yo+yo,width,dh);
+	}
+
+	if(canvas_noshade <= 0) {
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+rh);
+		ctx.lineTo(x,y+rh+dh);
+		ctx.bezierCurveTo(x,y+height,x+width,y+height,x+width,y+rh+dh)
+		ctx.lineTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = color;
+		ctx.fill();
+		S2L = ctx.createLinearGradient(x,y+(height/2),x+width,y+(height/2));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.75)');
+		S2L.addColorStop(0.2, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.3, 'rgba(0,0,0,0)');
+		S2L.addColorStop(0.5, 'rgba(0,0,0,0.1)');
+		S2L.addColorStop(0.9, 'rgba(0,0,0,0.35)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.3)');
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+rh);
+		ctx.lineTo(x,y+rh+dh);
+		ctx.bezierCurveTo(x,y+height,x+width,y+height,x+width,y+rh+dh)
+		ctx.lineTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = S2L;
+		ctx.fill();
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = color;
+		ctx.fill();
+		S2L = ctx.createLinearGradient(x+rw-(width*0.15),y-2,x+rw+(width*0.15),y+(2.1*rh));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.9)');
+		S2L.addColorStop(0.5, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.6, 'rgba(0,0,0,0)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.3)');
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.fillStyle = S2L;
+		ctx.fill();	
+		S2L = ctx.createLinearGradient(x+rw-(width*0.15),y-2,x+rw+(width*0.15),y+(2.1*rh));
+		S2L.addColorStop(0, 'rgba(255,255,255,0.9)');
+		S2L.addColorStop(0.5, 'rgba(255,255,255,0)');
+		S2L.addColorStop(0.6, 'rgba(0,0,0,0)');
+		S2L.addColorStop(1, 'rgba(0,0,0,0.1)');	
+		ctx.beginPath();
+		ctx.moveTo(x+width,y+rh);
+		ctx.bezierCurveTo(x+width,y,x,y,x,y+rh)
+		ctx.bezierCurveTo(x,y+(rh*2),x+width,y+(rh*2),x+width,y+rh)
+		ctx.closePath();
+		ctx.strokeStyle = S2L;
+		ctx.stroke();
+	}else {
+  		ctx.fillStyle = color;
+		ctx.fillRect(x,y+rh+yo,width,dh);
+	}
+	ctx.lineCap = "butt";
+	ctx.lineWidth = 1;
+	ctx.fillStyle = 'rgba(255,255,255,0.5)';
+	var bw = width; var bh = bw/4; 
+	var th = roundTo(bh*0.75,0); var tf = bh/80; 
+	var c; var w; 
+	if(canvas_notext <= 0) {
+		if(canvas_htmltext <= 0) {
+			w = '"' + per + '"';
+			if(w.indexOf(".")!=-1) {
+				c = w.length+0.5;
+				w = parseFloat(c-2)*parseFloat(48*tf);
+				bw = parseFloat(c-1)*parseFloat(48*tf);
+			}else {
+				c = w.length;
+				w = parseFloat(c-1)*parseFloat(48*tf);
+				bw = parseFloat(c)*parseFloat(48*tf);
+			}
+			roundedRect(ctx,x+(width/2)-(bw/2),y,bw,bh,bh/4);
+			ctx.fill();
+			if(canvas_imgtext <= 0) {
+				strokeString(ctx, value + "%","rgba(48,48,48,1)", th, x+(width/2)-(w/2), y+((bh-th)/2));
+			}else {
+				drawString(ctx, value + "%", tf, x+(width/2)-(w/2), y+((bh-th)/2.2));
+			}
+		}else {
+			var bh = bw/3; var th = roundTo(bh*0.75,0); 
+			roundedRect(ctx,x,y,bw,bh,bh/4);
+			ctx.fill();
+			var obj = document.createElement('div');
+			obj.style.position = "absolute";
+			obj.style.overflow = "hidden";
+            obj.style.textAlign = "center";
+			obj.style.width = bw + "px";
+			obj.style.left = x + "px";
+			obj.style.top = y+((bh-th)/2.2) + "px";
+			obj.appendChild(document.createTextNode(per + "%"));			
+			textdiv.appendChild(obj);
+		}
+
+	}	
+}
+function drawLine(ctx,x,y,width,height,dist,array,factor,color,fill){
+	if(fill <= 0){
+		var style = hex2rgb(color,0.5);
+		ctx.lineJoin = "miter";
+		ctx.beginPath();
+	  	ctx.moveTo(x,y+height);
+		for (var i = 0; i < array.length; i++) {
+			ctx.lineTo(x+(i*dist),y+height-(array[i]*factor));
+		}
+		ctx.lineTo(x+width,y+height);
+		ctx.lineTo(x,y+height);
+		ctx.closePath();
+		ctx.fillStyle = style;
+		ctx.fill();
+	}
+	ctx.lineJoin = "round";
+	ctx.beginPath();
+  	ctx.moveTo(x,y+height-(array[0]*factor));
+	for (var i = 0; i < array.length; i++) {
+		ctx.lineTo(x+(i*dist),y+height-(array[i]*factor));
+	}
+	ctx.strokeStyle = color;
+	ctx.stroke();
+}
+function setDataURL(cid) {
+	if(cid.toDataURL) {
+		var obj = document.getElementById(cid.id + "_link");
+		if(obj) {
+			obj.setAttribute("title", "To Data URL");
+			obj.setAttribute("target", "_blank");
+			obj.setAttribute("href", cid.toDataURL());
+		}
+	}
+}
+function get_input(dataobj,canvasobj,linechart) {
+	var table = document.getElementById(dataobj);
+	var canvas = document.getElementById(canvasobj);
+	var row; var clm; var cnt = 0; var val = 0; var nme = ""; var col = "";  
+	if(canvas.getContext) {
+		canvas_width = parseInt(canvas.style.width);
+		canvas_height = parseInt(canvas.style.height);
+		if(canvas_width >= 16 && canvas_height >= 16) {
+			var tmp = table.getAttribute("summary");
+			canvas_noshade = 0; canvas_noshadow = 0; 
+			canvas_notext = 0; canvas_imgtext = 0;
+			canvas_htmltext = 0; canvas_nofill = 0;
+			if(tmp.search(/noshadow/) != -1) canvas_noshadow = 1;
+			if(tmp.search(/noshade/) != -1) canvas_noshade = 1;
+			if(tmp.search(/nofill/) != -1) canvas_nofill = 1;
+			if(tmp.search(/notext/) != -1) canvas_notext = 1;
+			if(tmp.search(/htmltext/) != -1) canvas_htmltext = 1;
+			if(tmp.search(/imgtext/) != -1) canvas_imgtext = 1;
+			if(table.getAttribute("bgcolor")) {
+				canvas_bgcolor = scanColor(table.getAttribute("bgcolor"));
+			}
+			ChartData = new Array(); colorSlice = new Array();
+			if(table.getElementsByTagName("tr")[0].getElementsByTagName("th")[0]) cnt = 1;
+			for(var r = cnt; r < table.getElementsByTagName("tr").length; r++) {
+				row = table.getElementsByTagName("tr")[r];
+				clm = row.getElementsByTagName("td").length;
+				if(row.getElementsByTagName("td")[0].getAttribute("bgcolor")) {	
+					col = scanColor(row.getElementsByTagName("td")[0].getAttribute("bgcolor")); val = 0;
+					nme = trim(row.getElementsByTagName("td")[1].innerHTML.replace(/<[^>]+>/g,""));
+					if(!linechart) {
+						if(clm > 3) {
+							for(var z = 2; z < clm; z++) {
+								val += parseFloat(row.getElementsByTagName("td")[z].innerHTML.replace(/<[^>]+>/g,""));
+							}
+						}else {
+							val = parseFloat(row.getElementsByTagName("td")[2].innerHTML.replace(/<[^>]+>/g,""));
+						}
+						if(!isNaN(val) && val > 0 && nme != '') {
+							colorSlice[r-cnt] = col; ChartData[nme] = Math.abs(val);
+						}else {
+							break;
+						}
+					}else {
+						val = 0; i = 0;
+						if(clm > 3 && nme != '') {
+							ChartData[r-cnt] = new Array();
+							colorSlice[r-cnt] = col;
+							for(var z = 2; z < clm; z++) {
+								val = Math.abs(parseFloat(row.getElementsByTagName("td")[z].innerHTML.replace(/<[^>]+>/g,"")));
+								if(!isNaN(val) && val >= 0) {
+									ChartData[r-cnt][i] = val; i++;
+								}else {
+									ChartData[r-cnt][i] = 0; i++;
+								}							 
+							}	
+						}else {
+							break;
+						}			
+					}			
+				}else {
+					break;
+				}
+			}
+		}	
+	}
+}
+function setPieChart(canvasobj,textobj) {
+	var cd = (Math.min(canvas_width,canvas_height)/110)*100;
+	var cp = cd*0.1; var cr = cd/2;
+	var sr = cr*0.93; var cw = cd+cp; var ch = cw;
+	var cx = (cd/2)+(cp/2); var cy = cx; var ct = 0;
+	for (var data in ChartData) {
+		ct += ChartData[data];
+	} 
+	var poc = ct/100;
+	var canvas = document.getElementById(canvasobj);
+	if(canvas_htmltext >= 1) {
+		if(document.getElementById(textobj)) {
+	  		canvas.parentNode.removeChild(canvas.parentNode.lastChild);		
+		}
+	}	
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,cw,ch);
+		}else {
+			ctx.clearRect(0,0,cw,ch);
+		}
+		if(canvas_noshadow <= 0) {
+			if(!isOp) { 
+				ctx.beginPath();
+				var B2B = ctx.createRadialGradient(cx+(cr*0.1),cy+(cr*0.1),cr,cx+(cr*0.1),cy+(cr*0.1),sr*0.9);
+				B2B.addColorStop(0, 'rgba(0,0,0,0)');
+				B2B.addColorStop(1, 'rgba(0,0,0,0.5)');
+				ctx.arc(cx+(cr*0.1),cy+(cr*0.1),cr,0,deg2rad(360), false);
+				ctx.closePath();
+	   			ctx.fillStyle = B2B;
+				ctx.fill();
+			}else {
+				var B2B = ctx.createRadialGradient(cx+(cr*0.1),cy+(cr*0.1),0,cx+(cr*0.1),cy+(cr*0.1),cr);
+				B2B.addColorStop(0, 'rgba(0,0,0,0.5)');
+				B2B.addColorStop(0.87, 'rgba(0,0,0,0.5)');
+				B2B.addColorStop(1, 'rgba(0,0,0,0)');
+				ctx.fillStyle = B2B;
+				ctx.fillRect(0,0,cw,ch);
+			}
+		}		
+		var val = 0; var deg = 0; var idx = 0; var data;
+		for (data in ChartData) {
+			val = ChartData[data]; sdeg = deg;
+			deg += (val/ct)*deg2rad(360); edeg = deg;
+			ctx.beginPath();
+  			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr,sdeg,edeg, false);
+			ctx.lineTo(cx,cy);
+			ctx.closePath();
+  			ctx.fillStyle = colorSlice[(idx++)];
+			ctx.fill();
+		} 
+		if(canvas_noshade <= 0) {
+			ctx.beginPath();
+			var W2T = ctx.createLinearGradient(cp*2,cp*2,cx,cy);
+			W2T.addColorStop(0, 'rgba(255,255,255,0.8)');
+			W2T.addColorStop(1, 'rgba(255,255,255,0)');
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,sr,deg2rad(135),deg2rad(315), false);
+			ctx.closePath();
+			ctx.fillStyle = W2T;
+			ctx.fill();
+			ctx.beginPath();
+			var T2B = ctx.createLinearGradient(cx,cy,cw-(cp*2),ch-(cp*2));
+			T2B.addColorStop(0, 'rgba(0,0,0,0)');
+			T2B.addColorStop(1, 'rgba(0,0,0,0.5)');
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,sr,deg2rad(-45),deg2rad(135), false);
+			ctx.closePath();
+			ctx.fillStyle = T2B;
+			ctx.fill();
+			ctx.beginPath();
+			var B2T = ctx.createLinearGradient(cx,cy,cw-(cp*1.9),ch-(cp*1.9));
+			B2T.addColorStop(0, 'rgba(0,0,0,0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.6)');
+			ctx.lineWidth = cr*0.07;
+			ctx.lineCap = "round";
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr*0.965,deg2rad(-45),deg2rad(135), false);
+			ctx.closePath();
+			ctx.strokeStyle = B2T;
+			ctx.stroke();
+			ctx.beginPath();
+			var T2W = ctx.createLinearGradient(cx,cy,(cp*1.9),(cp*1.9));
+			T2W.addColorStop(0, 'rgba(255,255,255,0)');
+			T2W.addColorStop(1, 'rgba(255,255,255,0.6)');
+			ctx.lineWidth = cr*0.07;
+			ctx.lineCap = "round";
+			ctx.moveTo(cx,cy);
+			ctx.arc(cx,cy,cr*0.965,deg2rad(135),deg2rad(315), false);
+			ctx.closePath();
+			ctx.strokeStyle = T2W;
+			ctx.stroke();	
+		} 				 			
+		ctx.lineCap = "butt";
+		ctx.lineWidth = 1;
+		ctx.fillStyle = 'rgba(255,255,255,0.5)';
+		var mpos = 0; var per = 0; var gx = 0; 
+		var gy = 0; var tx = 0; var ty = 0; 
+		var obj = ""; var w = 0; var c = 0;
+		var bw = cr*0.45; var bh = cr*0.125; 
+		var th = roundTo(bh*0.75,0); var tf = bh/80; 
+		if(canvas_notext <= 0) {
+			if(canvas_htmltext >= 1) {
+				bw = (cr*0.365);
+				canvas.parentNode.style.position = "relative";
+				if(!document.getElementById(textobj)) {
+					obj = document.createElement('div');
+					obj.id = textobj;
+		            obj.style.color = "rgb(0,0,0)";
+		            obj.style.fontFamily = "Arial,sans-serif";
+					obj.style.fontSize = th + "px";
+					obj.style.zIndex = 11;
+					canvas.parentNode.appendChild(obj);
+				}
+				var textdiv = document.getElementById(obj.id);
+			}
+			for (data in ChartData) {			
+				val = ChartData[data];
+				sdeg = deg; mpos = deg+(((val/2)/ct)*deg2rad(360));
+				deg += (val/ct)*deg2rad(360); edeg = deg;
+				per = roundTo(val/poc,2);
+				gx = circle_point_x(mpos, cd);
+				gy = circle_point_y(mpos, cd);
+				tx = parseFloat((cx+(2*Math.floor(cx + gx)))/3);
+				ty = (cy+(2*Math.floor(cy + gy)))/3;
+				if(canvas_htmltext <= 0) {
+					w = '"' + per + '"';
+					if(w.indexOf(".")!=-1) {
+						c = w.length+0.5;
+						w = parseFloat(c-2)*parseFloat(48*tf);
+						bw = parseFloat(c-1)*parseFloat(48*tf);
+					}else {
+						c = w.length;
+						w = parseFloat(c-1)*parseFloat(48*tf);
+						bw = parseFloat(c)*parseFloat(48*tf);
+					}
+					roundedRect(ctx,(tx-(bw/2)),ty-(bh/2),bw,bh,bh/4);
+					ctx.fill();
+					if(canvas_imgtext >= 1) {
+						drawString(ctx, per + "%", tf, tx-(w/2), ty-(th/1.8));
+					}else {
+						strokeString(ctx, per + "%","rgba(48,48,48,1)", th, tx-(w/2), ty-(th/2));
+					}
+				}else {
+					roundedRect(ctx,(tx-(bw/2)),ty-(bh/2),bw,bh,bh/4);
+					ctx.fill();
+					obj = document.createElement('div');
+					obj.style.position = "absolute";
+					obj.style.overflow = "hidden";
+		            obj.style.textAlign = "center";
+					obj.style.width = bw + "px";
+					obj.style.left = (tx-(bw/2)) + "px";
+					obj.style.top = ty-(th/1.8) + "px";
+					obj.appendChild(document.createTextNode(per + "%"));			
+					textdiv.appendChild(obj);
+				}
+			}
+		}
+	}
+}
+function setBarChart(canvasobj,textobj) {
+	var iw = canvas_width*0.9; var ih = canvas_height*0.9;
+	var pw = canvas_width*0.05; var ph = canvas_height*0.05; 
+	var cm = 0; var ct = 0;
+	for (var data in ChartData) {
+		cm = Math.max(cm,ChartData[data]);
+		ct += ChartData[data];
+	} 
+	var hf = ih/cm; var bs = colorSlice.length; 
+	var bw = iw/(bs*1.1); var poc = ct/100;
+	var th = roundTo((bw/3)*0.75,0);
+	var canvas = document.getElementById(canvasobj);
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,canvas_width,canvas_height);
+		}else {
+			ctx.clearRect(0,0,canvas_width,canvas_height);
+		}
+		if(canvas_htmltext >= 1) {
+			if(document.getElementById(textobj)) {
+	  			canvas.parentNode.removeChild(canvas.parentNode.lastChild);		
+			}
+			canvas.parentNode.style.position = "relative";
+			if(!document.getElementById(textobj)) {
+				var obj = document.createElement('div');
+				obj.id = textobj;
+	            obj.style.color = "rgb(0,0,0)";
+	            obj.style.fontFamily = "Arial,sans-serif";
+				obj.style.fontSize = th + "px";
+				obj.style.zIndex = 11;
+				canvas.parentNode.appendChild(obj);
+			}
+			var textdiv = document.getElementById(obj.id);
+		}		
+		var cc = ""; var bh = 0; var idx = 0; var t = 0; per = 0;
+		for (var data in ChartData) {
+			per = roundTo(ChartData[data]/poc,2);
+			bh = ChartData[data]*hf; 
+			drawBar(ctx,pw+(t*(bw*1.1)),ph+ih-bh,bw,bh,colorSlice[(idx++)],per,textdiv); 
+			t++;
+		} 		
+	}
+}
+function setLineChart(canvasobj,textobj) {
+	var iw = canvas_width*0.9;
+	var ih = canvas_height*0.9;
+	var pw = canvas_width*0.05;
+	var ph = canvas_height*0.05;
+	var cm = 0;
+	for (var i = 0; i < ChartData.length; i++) {
+		for (var j = 0; j < ChartData[i].length; j++) {
+			cm = Math.max(cm,ChartData[i][j]);
+		}
+	} 
+	var hf = (ih*0.95)/cm; var bw = iw;
+	var dw = iw/(ChartData[0].length-1)
+	var dh = ih/(ChartData[0].length-1)
+	var ps = Math.min(pw,ph); lw = ps/4;
+	var B2T;
+	var canvas = document.getElementById(canvasobj);
+	if(canvas.getContext) {
+		var ctx = canvas.getContext('2d');
+		if(canvas_bgcolor != "") {
+  			ctx.fillStyle = canvas_bgcolor;
+			ctx.fillRect(0,0,canvas_width,canvas_height);
+		}else {
+			ctx.clearRect(0,0,canvas_width,canvas_height);
+		}
+		if(canvas_noshadow <= 0) {
+			B2T = ctx.createLinearGradient(pw+ps,ph+ih+1,pw+ps+ps,ph+ih+1);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.5)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+ps,ph+ih);
+			ctx.lineTo(pw+ps,ph+ih+ps);	
+			ctx.lineTo(pw+ps+ps,ph+ih);
+			ctx.closePath();			
+			ctx.fill();
+			B2T = ctx.createLinearGradient(pw+ps+ps,ph+ih,pw+ps+ps,ph+ih+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.5)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.0)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+ps+ps,ph+ih);
+			ctx.lineTo(pw+iw,ph+ih);	
+			ctx.lineTo(pw+ps+iw,ph+ih+ps);
+			ctx.lineTo(pw+ps,ph+ih+ps);		
+			ctx.closePath();			
+			ctx.fill();
+			var B2T = ctx.createLinearGradient(pw+iw+1,ph+ps,pw+iw+1,ph+ps+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.0)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.35)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+iw,ph+ps);
+			ctx.lineTo(pw+iw,ph+ps+ps);	
+			ctx.lineTo(pw+iw+ps,ph+ps);
+			ctx.closePath();			
+			ctx.fill();
+			B2T = ctx.createLinearGradient(pw+iw,ph+ps+ps,pw+iw+ps,ph+ps+ps);
+			B2T.addColorStop(0, 'rgba(0,0,0,0.35)');
+			B2T.addColorStop(1, 'rgba(0,0,0,0.0)');
+	  		ctx.fillStyle = B2T;
+			ctx.beginPath();
+	  		ctx.moveTo(pw+iw,ph+ps+ps);
+			ctx.lineTo(pw+iw,ph+ih);	
+			ctx.lineTo(pw+iw+ps,ph+ih+ps);
+			ctx.lineTo(pw+iw+ps,ph+ps);		
+			ctx.closePath();			
+			ctx.fill();
+		}	
+		ctx.lineCap = "butt";
+		ctx.lineWidth = lw/2;
+		ctx.strokeStyle = "rgba(255,255,255,0.25)";
+		if(canvas_nofill <= 0) {
+  			ctx.fillStyle = "rgba(240,240,240,0.8)";
+			ctx.strokeStyle = "rgba(255,255,255,1)";
+			ctx.fillRect(pw,ph,iw,ih);
+		}
+		for (var i = 0; i < ChartData[0].length-1; i++) {
+		  	ctx.beginPath();
+  			ctx.moveTo(pw+(i*dw),ph);
+			ctx.lineTo(pw+(i*dw),ph+ih);
+			ctx.stroke();
+		}
+		for (var i = 1; i < ChartData[0].length; i++) {
+		  	ctx.beginPath();
+  			ctx.moveTo(pw,ph+(i*dh));
+			ctx.lineTo(pw+iw,ph+(i*dh));
+			ctx.stroke();
+		}			
+		ctx.lineWidth = lw;
+		var cc = ""; var bh = 0; var idx = 0; var t = 0;
+		for (var i = 0; i < ChartData.length; i++) {
+			for (var j = 0; j < ChartData[i].length; j++) {
+				t = Math.max(t,ChartData[i][j]);
+			}
+			bh = t*hf; cc = colorSlice[(idx++)];
+			drawLine(ctx,pw,ph+ih-bh,bw,bh,dw,ChartData[i],hf,cc,canvas_nofill);
+		}
+  		ctx.beginPath();
+  		ctx.moveTo(pw,ph);
+		ctx.lineTo(pw,ph+ih);
+		ctx.lineTo(pw+iw+(lw/2),ph+ih);
+		ctx.strokeStyle = "rgba(48,48,48,1)";
+		ctx.stroke();
+		ctx.lineWidth = lw/2;
+		B2T = ctx.createLinearGradient(pw,ph+ih,pw,ph+ih+ps);
+		B2T.addColorStop(0, 'rgba(0,0,0,1)');
+		B2T.addColorStop(0.5, 'rgba(0,0,0,1)');
+		B2T.addColorStop(1, 'rgba(0,0,0,0)');
+  		ctx.strokeStyle = B2T;
+		for (var i = 0; i < ChartData[0].length; i++) {
+  			ctx.beginPath();
+  			ctx.moveTo(pw+(i*dw),ph+ih);
+			ctx.lineTo(pw+(i*dw),ph+ih+ps);
+			ctx.stroke();
+		}
+		B2T = ctx.createLinearGradient(pw-ps,ph,pw,ph);
+		B2T.addColorStop(0, 'rgba(0,0,0,0)');
+		B2T.addColorStop(0.5, 'rgba(0,0,0,1)');
+		B2T.addColorStop(1, 'rgba(0,0,0,1)');
+  		ctx.strokeStyle = B2T;
+  		for (var i = 1; i < ChartData[0].length; i++) {
+  			ctx.beginPath();
+  			ctx.moveTo(pw-ps,ph+(i*dh));
+			ctx.lineTo(pw,ph+(i*dh));
+			ctx.stroke();
+		}			
+	}
+}
+function generateCanvas() {
+	if(canvasSupport) {
+		var canvasID; var tdataID; var textID; 
+		var tmp; var dat; var i; var j;
+		for(i=0; i < piecharts.length; i++) {
+			tmp = piecharts[i].id.split("_");
+			tdataID = piecharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID);
+				if(colorSlice.length > 0) {
+					j = 0; dat = ""; for(dat in ChartData) {j++; }
+					if(j > 0 && j == colorSlice.length) {
+						setPieChart(canvasID,textID);
+					}
+				}
+			}
+		}
+		for(i=0; i < barcharts.length; i++) {
+			tmp = barcharts[i].id.split("_");
+			tdataID = barcharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID);
+				if(colorSlice.length > 0) {
+					j = 0; dat = ""; for(dat in ChartData) {j++; }
+					if(j > 0 && j == colorSlice.length) {
+						setBarChart(canvasID,textID);
+					}
+				}
+			}
+		}
+		for(i=0; i < linecharts.length; i++) {
+			tmp = linecharts[i].id.split("_");
+			tdataID = linecharts[i].id;
+			canvasID = tmp[0] + "_canvas";
+			textID = tmp[0] + "_text";
+			if(document.getElementById(tdataID)) {
+				get_input(tdataID,canvasID,true);
+				if(colorSlice.length > 0) {
+					if(ChartData.length == colorSlice.length) {
+						setLineChart(canvasID,textID);
+					}
+				}
+			}
+		}
+	}
+}
+// canvas chart extension
+
+// invisible select extension
+function setListPos(opt) {
+	if(!isIE) { //(degrade IE)
+		var ref = document.getElementById('list');
+		var x = findPosX(ref); var y = findPosY(ref);
+		var obj = document.getElementById('jumplist');
+		obj.style.position = 'fixed'; obj.style.left = x + 'px'; obj.style.top = y + 'px';	
+		var vol = document.getElementById('volumelist');
+		ref = document.getElementById('volume');
+		x = findPosX(ref); y = findPosY(ref);
+		vol.style.position = 'fixed'; vol.style.left = x + 'px'; vol.style.top = y + 'px';	
+		var pnl = document.getElementById('navLinks');
+	}
+	if(opt) {
+		if (isIE) {
+			//(degrade IE)
+			//obj.style.filter = "alpha(opacity=0)";
+			//vol.style.filter = "alpha(opacity=0)";
+			//pnl.style.filter = "alpha(opacity=90)";	
+		}else {
+			obj.style.opacity = 0.0;
+			vol.style.opacity = 0.0;
+			pnl.style.opacity = 0.9;
+		}
+		if(!isOp && !isIE) {
+			vol.onmouseover = function () { document.getElementById('volume').style.color="rgb(255, 0, 0)"; return false; }
+			vol.onmouseout  = function () { document.getElementById('volume').style.color=""; return false; }
+			obj.onmouseover = function () { document.getElementById('list').style.color="rgb(255, 0, 0)"; return false; }
+			obj.onmouseout  = function () { document.getElementById('list').style.color=""; return false; }
+		}
+	}
+}
+// invisible select extension
+
+// transition extension
+function switchFade() {
+	if(tranSitions && s5mode && fadeModus) {
+		fadeModus = false; 
+		playDelay = playDelay-(2*fadeDuration);
+		document.getElementById('fade').style.color="";
+	}else if(tranSitions && s5mode && !fadeModus) {
+		fadeModus = true; 
+		playDelay = playDelay+(2*fadeDuration);
+		document.getElementById('fade').style.color=highLight;
+	}
+	currentSlide();
+}
+function opacity(ids, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(opacStart > opacEnd) {
		for(var i = opacStart; i >= opacEnd; i--) {
			window.setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(var i = opacStart; i <= opacEnd; i++) {
			window.setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
	}
+}
function changeOpac(opacity, ids) {
	var obj = document.getElementById(ids); 
+	if (isIE) {
+		obj.style.filter = "alpha(opacity=" + opacity + ")";
	} else {
		obj.style.opacity = (opacity / 100);
	}
}
function shiftOpacity(ids, millisec) {
	if(document.getElementById(ids).style.opacity != '') {
		var currentOpac = document.getElementById(ids).style.opacity * 100;
+	} else {
+		var currentOpac = 0;
+	}
+	if(currentOpac == 0) {
+		opacity(ids, currentOpac, 100, millisec);
	} else if(currentOpac > 0) {
+		opacity(ids, currentOpac, 0, millisec);
	}
}
+// transition extension
+
+// autoplay extension
+function autoPlay() {
+	if (s5mode && autoMatic && !playPause) {
+		if ((snum >= (smax-1)) && playLoop) {
+			goTo(0);
+			autoRun = setTimeout('autoPlay();',playDelay);
+		}else if ((snum >= (smax-1)) && !playLoop) {
+			stopPlay();
+		}else {
+			if (!incrementals[snum] || incpos >= incrementals[snum].length) {
+				go(1);
+				if (incrementals[snum].length >0) {
+					clearTimeout(autoRun); autoRun = null;
+					incrDelay = parseInt(playDelay/(incrementals[snum].length+1));
+					remainDer = parseInt(playDelay-(incrDelay*incrementals[snum].length));
+					autoRun = setTimeout('autoPlayIncr()',incrDelay);
+				}
+			} else {
+				clearTimeout(autoRun); autoRun = null;
+				incrDelay = incrDuration;
+				remainDer = parseInt(playDelay-(incrementals[snum].length*incrDuration));
+				autoRun = setTimeout('autoPlayIncr()',incrDelay);
+			}
+			autoRun = setTimeout('autoPlay();',playDelay);
+		}  
+	}
+}
+function autoPlayIncr() {
+	if (incpos < incrementals[snum].length) {
+		subgo(1);
+		autoRun = setTimeout('autoPlayIncr();',incrDelay);
+	}else {
+		autoRun = setTimeout('nop();',remainDer);
+	}
+}
+function nop() {
+	// no operation dummy
+}
+function togglePlay() {
+	if (autoRun && s5mode) {
+		stopPlay();
+	}else if (!autoRun && s5mode) {
+		startPlay();
+	}
+}
+function stopPlay() {
+	if (autoRun && s5mode) {
+		clearTimeout(autoRun); autoRun = null; 
+		autoMatic = false; playPause = false;
+		document.getElementById('auto').style.color="";
+		document.getElementById('pause').style.color="";
+		currentSlide();
+	}
+}
+function startPlay() {
+	if (!autoRun && s5mode) {
+		playPause = false; autoMatic = true;
+		document.getElementById('pause').style.color="";
+		document.getElementById('auto').style.color=highLight;
+		autoRun = setTimeout('autoPlay();',playDelay); 
+		currentSlide();
+	}
+}
+function pausePlay() {
+	if (s5mode && autoMatic) {
+		if (playPause) {
+			playPause = false; autoRun = setTimeout('autoPlay();',playDelay);
+			document.getElementById('pause').style.color="";
+		}else {
+			if (autoRun){ 
+				clearTimeout(autoRun); autoRun = null; playPause = true;
+				document.getElementById('pause').style.color=highLight;
+			}
+		}
+		currentSlide();
+	}
+}
+function switchLoop() {
+	if(s5mode) {
+		if (playLoop) {
+			playLoop = false; document.getElementById('loop').style.color="";
+		}else {
+			playLoop = true; document.getElementById('loop').style.color=highLight;
+		} 
+	}
+	currentSlide();
+}
+function setDelay(val) {
+	if(s5mode) {
+		var delay = Math.max(5,Math.min(val,300));
+		playDelay = (fadeModus == true) ? ((delay*1000)+(2*fadeDuration)) : (delay*1000);
+	}
+}
+// autoplay extension
+
+// audio extension
+function createSoundManagerScript() {
+	if(typeof soundManager=="undefined") {
+		onerrorSM2();	
+	}else {
+		var script=document.createElement('SCRIPT');
+		var tx=document.createTextNode("soundManager.createMovie();");
+		script.appendChild(tx);
+		document.getElementsByTagName("body")[0].appendChild(script);
+	}
+}
+//soundManager.onload = function() {
+function onloadSM2() {
+	if(!isIE) { //(degrade IE)	
+		swfUnloaded = false;
+		preloadSounds();
+	}
+}
+//soundManager.onerror = function() {
+function onerrorSM2() {
+	if(typeof soundManager!="undefined") {
+		soundManager.destruct;
+		delete soundManager;
+	}	
+	audioSupport = false; swfUnloaded = true;
+	if(audioError && !isIE && !isOp) {
+		var dv = document.createElement('div'); dv.id = "guru";
+		var d2=document.createElement('div'); dv.appendChild(d2);
		var tx=document.createTextNode('Guru Meditation - SoundManager failed to load/initialize!');
+		d2.appendChild(tx);	document.getElementById('slide0').appendChild(dv);
+	}
+}
+function audioSetup() {
+	if(sound[0]) {
+		playSound(0); 
+	}else if(sound[bgSoundItem] && !sound[0]) {
+		playSound(bgSoundItem); 
+	}
+}
+function fadeoutSound(ids, option) {
+	if(curSoundID >= 0  && !swfUnloaded) {
+		if(isNaN(ids)) {
+			if(ids == "bgSound") {
+				var cnum = parseInt(bgSoundItem);
+			}else {
+				for (var i = 0; i < (sound.length-1); i++) {
+					if(sound[i] && ids == sound[i]["id"]) {
+						var cnum = i;
+						break;
+					}
+				}
+			}
+		}else {
+			var cnum = ids;
+			ids = sound[cnum]["id"];
+		}	
+		var vol = getMaxVolume(sound[cnum]["volume"]);
+		var millisec = fadeDuration;
+		var speed = Math.round(millisec / vol);
		var timer = 0;
		for(var i = vol; i > 0; i--) {
			setTimeout("fadeout(" + i + ",'" + ids + "')",(timer * speed));
			timer++;
		}
+		if(option) setTimeout("stopSound('"+ids+"')",millisec);
+	}
+}
+function fadeout(volume, id) {
	soundManager.setVolume(id,volume);
}
+function stopSound(ids) {
+	var sid;
+	if(isNaN(ids)) {
+		sid = ids;
+	}else if(sound[ids]) {
+		sid = sound[ids]["id"];
+	}
+	if(sid!='' && curSoundID >= 0) {
+		soundManager.stop(sid);
+		curSoundID = -1;
+	}
+}
+function toggleSounds() {
+	if(audioSupport && !swfUnloaded) {
+		stopAllSounds();
+	}else if (!audioSupport && !swfUnloaded) {
+		allowSounds();
+	}
+}
+function allowSounds() {
+	if(!swfUnloaded) {
+		audioSupport = true;
+		document.getElementById('audio').style.color=highLight;
+		currentSlide();
+	}
+}
+function stopAllSounds() {
+	if(curSoundID >= 0) {
+		stopSound(curSoundID);
+	}else {
+		soundManager.stopAll();
+		curSoundID = -1;
+	}
+	audioSupport = false;
+	document.getElementById('audio').style.color="";
+	currentSlide();
+}
+function playSound(id) {
+	if(audioSupport && !swfUnloaded) {
+		var url, sid, vol, lps, cnum;
+		if(isNaN(id)) {
+			sid = id;
+			if(sid == "bgSound") {
+				cnum = parseInt(bgSoundItem);
+			}else {
+				cnum = getSoundID(id);
+			}
+		}else {
+			cnum = parseInt(id); 
+			if(sound[cnum]) sid = sound[cnum]["id"];
+		}		
+		if(sound[cnum] && sound[cnum]["url"]!='' && sid!=''){
+			url = sound[cnum]["url"];
+			vol = (sound[cnum]["volume"]!='')?getMaxVolume(sound[cnum]["volume"]):getMaxVolume(100);
+			lps = (sound[cnum]["loops"])?true:false;			
+			if(lps) {
+				soundManager.play(sid,{volume:vol,onplay:function(){curSoundID=cnum;},onfinish:function(){soundManager.play(sid,{volume:getMaxVolume(sound[cnum]["volume"])});}});
+			}else { 
+				soundManager.play(sid,{volume:vol,onplay:function(){curSoundID=cnum;},onfinish:function(){curSoundID=-1;}});
+			}
+		}
+	}	
+}
+function getSoundID(str) {
+	for (var i = 0; i < (sound.length-1); i++) {
+		if(sound[i] && str == sound[i]["id"]) {
+			var id = i;
+			break;
+		}
+	}
+	return id;
+}
+function setVolume() {
+	var vol = document.getElementById('volumelist');
+	if(audioSupport && !swfUnloaded) {
+		audioVolume = parseInt(vol.value);
+		if(curSoundID >= 0) {
+			if(sound[curSoundID]) {
+				var sid = sound[curSoundID]["id"];
+				var vid = getMaxVolume(sound[curSoundID]["volume"]);
+				soundManager.setVolume(sid,vid);
+			}
+		}
	}	
+}
+function getMaxVolume(value) {
+	if(audioVolume>0) {var factor = audioVolume/100;}else {var factor = 0;}
+	return Math.max(0,Math.min(parseInt(value*factor),audioVolume));
+}
+function preloadSounds() {
+	var temp = ''; var parm = ''; var t = ''; var cl = '';
+	var objects = document.getElementsByTagName('object');
+	for (var i=0; i < objects.length; i++) {
+		if(objects[i].type.toLowerCase() == 'audio/mp3' && objects[i].data != '') {
+			objects[i].width = 0; objects[i].height = 0;
+			if(objects[i].parentNode.tagName == 'DIV') {
+				cl = objects[i].parentNode.className.toLowerCase();			
+				if(cl == 'presentation' || cl == 'slide') {
+					if(cl == 'presentation') {
+						t = parseInt(bgSoundItem);
+					}else {
+						t = parseInt(objects[i].parentNode.id.slice(5, objects[i].parentNode.id.length));
+					}	
+					sound[t] = new Object();
+					if(t < bgSoundItem) {
+						sound[t]["id"] = objects[i].parentNode.id;
+					}else {
+						sound[t]["id"] = "bgSound";
+					}	
+					sound[t]["url"] = objects[i].data;
+					sound[t]["volume"] = 100; sound[t]["loops"] = false;
+					if(objects[i].archive != '') {
+						parm = objects[i].archive.toLowerCase().split(',');
+						for (var j=0; j < parm.length; j++) {
+							if(parm[j] == 'loop') sound[t]["loops"] = true;
+							if(parm[j].search(/^volume/) != -1) {
+								var tmp = parm[j].split(':');
+								sound[t]["volume"] = parseInt(tmp[1]);
+							}
+						}
+					}
+					soundManager.createSound(sound[t]["id"],sound[t]["url"]);
+				}
+			}			
+		}
+	}
+}
+// audio extension
+
+// help extension
+function createHelpReq() {
+	if(!document.getElementById("HelpReq")) {
+		var obj = document.getElementsByTagName("body")[0].firstChild;
+		var pg = document.createElement('div');
+		pg.id = "HelpReq";
+		if (pg.addEventListener) {
+			pg.addEventListener("onclick",dumpHelpReq,false);
+		} else if (pg.attachEvent) {
+			pg.attachEvent("onclick",dumpHelpReq);
+		}	
+		pg.style.position = 'absolute';
+		pg.style.left = 0 + 'px';
+		pg.style.top = 0 + 'px';
+		pg.style.width = 100 + '%';
+		pg.style.height = 100 + '%';
+		pg.style.margin = 0 + 'px';
+		pg.style.padding = 0 + 'px';
+		if (isIE) {
+			pg.style.filter = "alpha(opacity=90)";	
+		}else {
+			pg.style.opacity = 0.9;
+		}
		pg.style.zIndex = 9999;
+		pg.style.backgroundColor="rgb(64,64,64)";
+		pg.style.textAlign = "center";
		pg.style.verticalAlign = "middle";
+		pg.style.backgroundPosition="center center";
+		pg.style.backgroundRepeat="no-repeat";
+		pg.style.backgroundImage="url(ui/graphic_support/help.jpg)";
+		document.getElementsByTagName("body")[0].insertBefore(pg,obj);
+		if(document.getElementById("HelpReq")) {
+			helpmode = true;
+		}
+	}
+}
+function dumpHelpReq() {
+	if(document.getElementById("HelpReq")) {
+		document.body.removeChild(document.getElementById('HelpReq'));
+		helpmode = false;
+	}
+}
+// help extension
+
+//DEBUG
+function ConsoleLog(value) {
+	if(window.console) {
+		window.console.log(value);
+	}	
+}
+//DEBUG
+
+document.write('<style type="text/css" media="screen" id="blockStyle">.presentation, .layout {display: none; }</style>');
+
+if(!isIE && !isOp) {
+	document.write('<script type="text/javascript" src="ui/audio_support/soundmanager2.js"></script>');
+	if(typeof soundManager!="undefined") {
+		var allMetas = document.getElementsByTagName('meta');
+		for (var i = 0; i< allMetas.length; i++) {
+			if (allMetas[i].name == 'audioDebug') {
+				var audioDebug = (allMetas[i].content == "true") ? true : false;
+				soundManager.defaultOptions.debugMode = audioDebug;
+			}						
+		}
+	}
+}
+
+window.onload = createSlideShow;
+window.onresize = function(){setTimeout('windowChange()',5);}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/audio_support/license.txt	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,29 @@
+Software License Agreement (BSD License)
+
+Copyright (c) 2007, Scott Schiller (schillmania.com)
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this 
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+
+* Neither the name of schillmania.com nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission from schillmania.com.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
Binary file OpenSourceConference/ui/audio_support/null.mp3 has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/audio_support/soundmanager2.js	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,658 @@
+/*
+   SoundManager 2: Javascript Sound for the Web.
+   --------------------------------------------------
+   http://www.schillmania.com/projects/soundmanager2/
+   
+   Copyright (c) 2007, Scott Schiller. All rights reserved.
+   Code licensed under the BSD License:
+   http://www.schillmania.com/projects/soundmanager2/license.txt
+
+   Beta V2.0b.20070118
+*/
+
+function SoundManager(smURL,smID) {
+  var self = this;
+  this.enabled = false;
+  this.o = null;
+  this.url = (smURL||'ui/audio_support/soundmanager2.swf');
+  this.id = (smID||'sm2movie');
+  this.oMC = null;
+  this.sounds = [];
+  this.soundIDs = [];
+  this.allowPolling = true; // allow flash to poll for status update (required for "while playing", "progress" etc. to work.)
+  this.isIE = (navigator.userAgent.match(/MSIE/));
+  this.isSafari = (navigator.userAgent.match(/safari/i));
+  this._didAppend = false;
+  this._didInit = false;
+  this._disabled = false;
+  this.version = 'V2.0b.20070118';
+
+  this.defaultOptions = {
+    // -----------------
+    'debugMode': false,            // enable debug/status messaging, handy for development/troubleshooting - will be written to a DIV with an ID of "soundmanager-debug", you can use CSS to make it pretty
+    'autoLoad': false,             // enable automatic loading (otherwise .load() will be called on demand with .play(), the latter being nicer on bandwidth - if you want to .load yourself, you also can)
+    'stream': true,                // allows playing before entire file has loaded (recommended)
+    'autoPlay': false,             // enable playing of file as soon as possible (much faster if "stream" is true)
+    'onid3': null,                 // callback function for "ID3 data is added/available"
+    'onload': null,                // callback function for "load finished"
+    'whileloading': null,          // callback function for "download progress update" (X of Y bytes received)
+    'onplay': null,                // callback for "play" start
+    'whileplaying': null,          // callback during play (position update)
+    'onstop': null,                // callback for "user stop"
+    'onfinish': null,              // callback function for "sound finished playing"
+    'onbeforefinish': null,        // callback for "before sound finished playing (at [time])"
+    'onbeforefinishtime': 2000,    // offset (milliseconds) before end of sound to trigger beforefinish (eg. 1000 msec = 1 second)
+    'onbeforefinishcomplete':null, // function to call when said sound finishes playing
+    'onjustbeforefinish':null,     // callback for [n] msec before end of current sound
+    'onjustbeforefinishtime':200,  // [n] - if not using, set to 0 (or null handler) and event will not fire.
+    'multiShot': true,             // let sounds "restart" or layer on top of each other when played multiple times, rather than one-shot/one at a time
+    'pan': 0,                      // "pan" settings, left-to-right, -100 to 100
+    'volume': 100,                 // self-explanatory. 0-100, the latter being the max.
+    // -----------------
+    'foo': 'bar' // you don't need to change this one - it's actually an intentional filler.
+  }
+
+  // --- public methods ---
+
+  this.getMovie = function(smID) {
+    // return self.isIE?window[smID]:document[smID];
+    return self.isIE?window[smID]:(self.isSafari?document[smID+'-embed']:document.getElementById(smID+'-embed'));
+  }
+
+  this.loadFromXML = function(sXmlUrl) {
+    try {
+      self.o._loadFromXML(sXmlUrl);
+    } catch(e) {
+      self._failSafely();
+      return true;
+    }
+  }
+
+  this.createSound = function(oOptions) {
+    if (!self._didInit) throw new Error('soundManager.createSound(): Not loaded yet - wait for soundManager.onload() before calling sound-related methods');
+    if (arguments.length==2) {
+      // function overloading in JS! :) ..assume simple createSound(id,url) use case
+      oOptions = {'id':arguments[0],'url':arguments[1]}
+    }
+    var thisOptions = self._mergeObjects(oOptions);
+    self._writeDebug('soundManager.createSound(): "<a href="#" onclick="soundManager.play(\''+thisOptions.id+'\');return false" title="play this sound">'+thisOptions.id+'</a>" ('+thisOptions.url+')');
+    if (self._idCheck(thisOptions.id,true)) {
+      self._writeDebug('sound '+thisOptions.id+' already defined - exiting');
+      return false;
+    }
+    self.sounds[thisOptions.id] = new SMSound(self,thisOptions);
+    self.soundIDs[self.soundIDs.length] = thisOptions.id;
+    try {
+      self.o._createSound(thisOptions.id,thisOptions.onjustbeforefinishtime);
+    } catch(e) {
+      self._failSafely();
+      return true;
+    }
+    if (thisOptions.autoLoad || thisOptions.autoPlay) self.sounds[thisOptions.id].load(thisOptions);
+    if (thisOptions.autoPlay) self.sounds[thisOptions.id].playState = 1; // we can only assume this sound will be playing soon.
+  }
+
+  this.load = function(sID,oOptions) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].load(oOptions);
+  }
+
+  this.unload = function(sID) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].unload();
+  }
+
+  this.play = function(sID,oOptions) {
+    if (!self._idCheck(sID)) {
+      if (typeof oOptions != 'Object') oOptions = {url:oOptions}; // overloading use case: play('mySound','/path/to/some.mp3');
+      if (oOptions && oOptions.url) {
+        // overloading use case, creation + playing of sound: .play('someID',{url:'/path/to.mp3'});
+        self._writeDebug('soundController.play(): attempting to create "'+sID+'"');
+        oOptions.id = sID;
+        self.createSound(oOptions);
+      } else {
+        return false;
+      }
+    }
+    self.sounds[sID].play(oOptions);
+  }
+
+  this.start = this.play; // just for convenience
+
+  this.setPosition = function(sID,nMsecOffset) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].setPosition(nMsecOffset);
+  }
+
+  this.stop = function(sID) {
+    if (!self._idCheck(sID)) return false;
+    self._writeDebug('soundManager.stop('+sID+')');
+    self.sounds[sID].stop(); 
+  }
+
+  this.stopAll = function() {
+    for (var oSound in self.sounds) {
+      if (oSound instanceof SMSound) oSound.stop(); // apply only to sound objects
+    }
+  }
+
+  this.pause = function(sID) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].pause();
+  }
+
+  this.resume = function(sID) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].resume();
+  }
+
+  this.togglePause = function(sID) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].togglePause();
+  }
+
+  this.setPan = function(sID,nPan) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].setPan(nPan);
+  }
+
+  this.setVolume = function(sID,nVol) {
+    if (!self._idCheck(sID)) return false;
+    self.sounds[sID].setVolume(nVol);
+  }
+
+  this.setPolling = function(bPolling) {
+    if (!self.o || !self.allowPolling) return false;
+    self._writeDebug('soundManager.setPolling('+bPolling+')');
+    self.o._setPolling(bPolling);
+  }
+
+  this.disable = function() {
+    // destroy all functions
+    if (self._disabled) return false;
+    self._disabled = true;
+    self._writeDebug('soundManager.disable(): Disabling all functions - future calls will return false.');
+    for (var i=self.soundIDs.length; i--;) {
+      self._disableObject(self.sounds[self.soundIDs[i]]);
+    }
+    self.initComplete(); // fire "complete", despite fail
+    self._disableObject(self);
+  }
+
+  this.getSoundById = function(sID,suppressDebug) {
+    if (!sID) throw new Error('SoundManager.getSoundById(): sID is null/undefined');
+    var result = self.sounds[sID];
+    if (!result && !suppressDebug) {
+      self._writeDebug('"'+sID+'" is an invalid sound ID.');
+      // soundManager._writeDebug('trace: '+arguments.callee.caller);
+    }
+    return result;
+  }
+
+  this.onload = function() {
+  	onloadSM2();
+    // window.onload() equivalent for SM2, ready to create sounds etc.
+    // this is a stub - you can override this in your own external script, eg. soundManager.onload = function() {}
+    // soundManager._writeDebug('<em>Warning</em>: soundManager.onload() is undefined.');
+  }
+
+  this.onerror = function() {
+  	onerrorSM2();
+    // stub for user handler, called when SM2 fails to load/init
+  }
+  
+  // --- "private" methods ---
+
+  this._idCheck = this.getSoundById;
+
+  this._disableObject = function(o) {
+    for (var oProp in o) {
+      if (typeof o[oProp] == 'function') o[oProp] = function(){return false;}
+    }
+    oProp = null;
+  }
+
+  this._failSafely = function() {
+    // exception handler for "object doesn't support this property or method"
+    var flashCPLink = 'http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html';
+    var fpgssTitle = 'You may need to whitelist this location/domain eg. file://C:/ or C:/ or mysite.com, or set ALWAYS ALLOW under the Flash Player Global Security Settings page. Note that this seems to apply only to file system viewing.';
+    var flashCPL = '<a href="'+flashCPLink+'" title="'+fpgssTitle+'">view/edit</a>';
+    var FPGSS = '<a href="'+flashCPLink+'" title="Flash Player Global Security Settings">FPGSS</a>';
+    if (!self._disabled) {
+      self._writeDebug('soundManager: JS-&gt;Flash communication failed. Possible causes: flash/browser security restrictions ('+flashCPL+'), insufficient browser/plugin support, or .swf not found');
+      self._writeDebug('Verify that the movie path of <em>'+self.url+'</em> is correct (<a href="'+self.url+'" title="If you get a 404/not found, fix it!">test link</a>)');
+      if (self._didAppend) {
+        if (!document.domain) {
+          self._writeDebug('Loading from local file system? (document.domain appears to be null, this location may need whitelisting by '+FPGSS+')');
+          self._writeDebug('Possible security/domain restrictions ('+flashCPL+'), should work when served by http on same domain');
+        }
+        // self._writeDebug('Note: Movie added via JS method, static object/embed in-page markup method may work instead.');
+      }
+      self.disable();
+    }
+  }
+
+  this._createMovie = function(smID,smURL) {
+    var useDOM = !self.isIE; // IE needs document.write() to work, long story short - lame
+    if (window.location.href.indexOf('debug=1')+1) self.defaultOptions.debugMode = true; // allow force of debug mode via URL
+    var html = ['<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="16" height="16" id="'+smID+'"><param name="movie" value="'+smURL+'"><param name="quality" value="high"><param name="allowScriptAccess" value="always" /></object>','<embed name="'+smID+'-embed" id="'+smID+'-embed" src="'+smURL+'" width="1" height="1" quality="high" allowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'];
+    var debugID = 'soundmanager-debug';
+    var debugHTML = '<div id="'+debugID+'" style="display:'+(self.defaultOptions.debugMode?'block':'none')+'"></div>';
+    if (useDOM) {
+      self.oMC = document.createElement('div');
+      self.oMC.className = 'movieContainer';
+      // "hide" flash movie
+      self.oMC.style.position = 'absolute';
+      self.oMC.style.left = '-256px';
+      self.oMC.style.width = '1px';
+      self.oMC.style.height = '1px';
+      self.oMC.innerHTML = html[self.isIE?0:1];
+      var oTarget = (!self.isIE && document.body?document.body:document.getElementsByTagName('div')[0]);
+      oTarget.appendChild(self.oMC); // append to body here can throw "operation aborted" under IE
+      if (!document.getElementById(debugID)) {
+        var oDebug = document.createElement('div');
+        oDebug.id = debugID;
+        oDebug.style.display = (self.defaultOptions.debugMode?'block':'none');
+        oTarget.appendChild(oDebug); 
+      }
+       oTarget = null;
+    } else {
+      // IE method - local file system, may cause strange JS error at line 53?
+      // I hate this method, but it appears to be the only one that will work (createElement works, but JS->Flash communication oddly fails when viewing locally.)
+      // Finally, IE doesn't do application/xhtml+xml yet (thus document.write() is still minimally acceptable here.)
+      if (document.getElementById(debugID)) debugHTML = ''; // avoid overwriting
+      document.write('<div style="position:absolute;left:-256px;top:-256px;width:1px;height:1px" class="movieContainer">'+html[self.isIE?0:1]+'</div>'+debugHTML);
+    }
+    self._didAppend = true;
+    self._writeDebug('-- SoundManager 2 Version '+self.version.substr(1)+' --');
+    self._writeDebug('soundManager._createMovie(): trying to load <a href="'+smURL+'" title="Test this link (404=bad)">'+smURL+'</a>');
+  }
+
+  this._writeDebug = function(sText) {
+    if (!self.defaultOptions.debugMode) return false;
+    var sDID = 'soundmanager-debug';
+    try {
+      var o = document.getElementById(sDID);
+      if (!o) {
+        // attempt to create soundManager debug element
+        var oNew = document.createElement('div');
+        oNew.id = sDID;
+        // o = document.body.appendChild(oNew);
+        o = null;
+        if (!o) return false;
+      }
+      var p = document.createElement('div');
+      p.innerHTML = sText;
+      // o.appendChild(p); // top-to-bottom
+      o.insertBefore(p,o.firstChild); // bottom-to-top
+    } catch(e) {
+      // oh well
+    }
+    o = null;
+  }
+
+  this._debug = function() {
+    self._writeDebug('soundManager._debug(): sounds by id/url:');
+    for (var i=0,j=self.soundIDs.length; i<j; i++) {
+      self._writeDebug(self.sounds[self.soundIDs[i]].sID+' | '+self.sounds[self.soundIDs[i]].url);
+    }
+  }
+
+  this._mergeObjects = function(oMain,oAdd) {
+    // non-destructive merge
+    var o1 = oMain;
+    var o2 = (typeof oAdd == 'undefined'?self.defaultOptions:oAdd);
+    for (var o in o2) {
+      if (typeof o1[o] == 'undefined') o1[o] = o2[o];
+    }
+    return o1;
+  }
+
+  this.createMovie = function(sURL) {
+    self._writeDebug('soundManager.createMovie('+(sURL||'')+')');
+    if (sURL) self.url = sURL;
+    self._initMovie();
+  }
+
+  this._initMovie = function() {
+    // attempt to get, or create, movie
+    if (self.o) return false; // pre-init may have fired this function before window.onload(), may already exist
+    self.o = self.getMovie(self.id); // try to get flash movie (inline markup)
+    if (!self.o) {
+      // try to create
+      self._createMovie(self.id,self.url);
+      self.o = self.getMovie(self.id);
+    }
+    if (!self.o) {
+      self._writeDebug('SoundManager(): Could not find object/embed element. Sound will be disabled.');
+      self.disable();
+    } else {
+      self._writeDebug('SoundManager(): Got '+self.o.nodeName+' element ('+(self._didAppend?'created via JS':'static HTML')+')');
+    }
+  }
+
+  this.initComplete = function() {
+    if (self._didInit) return false;
+    self._didInit = true;
+    self._writeDebug('-- SoundManager 2 '+(self._disabled?'failed to load':'loaded')+' ('+(self._disabled?'security/load error':'OK')+') --');
+    if (self._disabled) {
+      self._writeDebug('soundManager.initComplete(): calling soundManager.onerror()');
+      self.onerror.apply(window);
+      return false;
+    }
+    self._writeDebug('soundManager.initComplete(): calling soundManager.onload()');
+    try {
+      // call user-defined "onload", scoped to window
+      self.onload.apply(window);
+    } catch(e) {
+      // something broke (likely JS error in user function)
+      self._writeDebug('soundManager.onload() threw an exception: '+e.message);
+      throw e; // (so browser/console gets message)
+    }
+    self._writeDebug('soundManager.onload() complete');
+  }
+
+  this.init = function() {
+    // called after onload()
+    self._initMovie();
+    // event cleanup
+    if (window.removeEventListener) {
+      window.removeEventListener('load',self.beginInit,false);
+    } else if (window.detachEvent) {
+      window.detachEvent('onload',self.beginInit);
+    }
+    try {
+      self.o._externalInterfaceTest(); // attempt to talk to Flash
+      self._writeDebug('Flash ExternalInterface call (JS -&gt; Flash) succeeded.');
+      if (!self.allowPolling) self._writeDebug('Polling (whileloading/whileplaying support) is disabled.');
+      self.setPolling(true);
+      self.enabled = true;
+    }  catch(e) {
+      self._failSafely();
+      self.initComplete();
+      return false;
+    }
+    self.initComplete();
+  }
+
+  this.beginInit = function() {
+    self._initMovie();
+    setTimeout(self.init,1000); // some delay required, otherwise JS<->Flash/ExternalInterface communication fails under non-IE (?!)
+  }
+
+  this.destruct = function() {
+    if (self.isSafari) {
+      /* --
+        Safari 1.3.2 (v312.6)/OSX 10.3.9 and perhaps newer will crash if a sound is actively loading when user exits/refreshes/leaves page
+       (Apparently related to ExternalInterface making calls to an unloading/unloaded page?)
+       Unloading sounds (detaching handlers and so on) may help to prevent this
+      -- */
+      for (var i=self.soundIDs.length; i--;) {
+        if (self.sounds[self.soundIDs[i]].readyState == 1) self.sounds[self.soundIDs[i]].unload();
+      }
+    }
+    self.disable();
+    // self.o = null;
+    // self.oMC = null;
+  }
+
+}
+
+function SMSound(oSM,oOptions) {
+  var self = this;
+  var sm = oSM;
+  this.sID = oOptions.id;
+  this.url = oOptions.url;
+  this.options = sm._mergeObjects(oOptions);
+  this.id3 = {
+   /* 
+    Name/value pairs set via Flash when available - see reference for names:
+    http://livedocs.macromedia.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001567.html
+    (eg., this.id3.songname or this.id3['songname'])
+   */
+  }
+
+  self.resetProperties = function(bLoaded) {
+    self.bytesLoaded = null;
+    self.bytesTotal = null;
+    self.position = null;
+    self.duration = null;
+    self.durationEstimate = null;
+    self.loaded = false;
+    self.loadSuccess = null;
+    self.playState = 0;
+    self.paused = false;
+    self.readyState = 0; // 0 = uninitialised, 1 = loading, 2 = failed/error, 3 = loaded/success
+    self.didBeforeFinish = false;
+    self.didJustBeforeFinish = false;
+  }
+
+  self.resetProperties();
+
+  // --- public methods ---
+
+  this.load = function(oOptions) {
+    self.loaded = false;
+    self.loadSuccess = null;
+    self.readyState = 1;
+    self.playState = (oOptions.autoPlay||false); // if autoPlay, assume "playing" is true (no way to detect when it actually starts in Flash unless onPlay is watched?)
+    var thisOptions = sm._mergeObjects(oOptions);
+    if (typeof thisOptions.url == 'undefined') thisOptions.url = self.url;
+    try {
+      sm._writeDebug('loading '+thisOptions.url);
+      sm.o._load(self.sID,thisOptions.url,thisOptions.stream,thisOptions.autoPlay,thisOptions.whileloading?1:0);
+    } catch(e) {
+      sm._writeDebug('SMSound().load(): JS-&gt;Flash communication failed.');
+    }
+  }
+
+  this.unload = function() {
+    // Flash 8/AS2 can't "close" a stream - fake it by loading an empty MP3
+    sm._writeDebug('SMSound().unload()');
+    self.setPosition(0); // reset current sound positioning
+    sm.o._unload(self.sID,'ui/audio_support/null.mp3');
+    // reset load/status flags
+    self.resetProperties();
+  }
+
+  this.play = function(oOptions) {
+    if (!oOptions) oOptions = {};
+
+    // --- TODO: make event handlers specified via oOptions only apply to this instance of play() (eg. onfinish applies but will reset to default on finish)
+    if (oOptions.onfinish) self.options.onfinish = oOptions.onfinish;
+    if (oOptions.onbeforefinish) self.options.onbeforefinish = oOptions.onbeforefinish;
+    if (oOptions.onjustbeforefinish) self.options.onjustbeforefinish = oOptions.onjustbeforefinish;
+    // ---
+
+    var thisOptions = sm._mergeObjects(oOptions);
+    if (self.playState == 1) {
+      // var allowMulti = typeof oOptions.multiShot!='undefined'?oOptions.multiShot:sm.defaultOptions.multiShot;
+      var allowMulti = thisOptions.multiShot;
+      if (!allowMulti) {
+        sm._writeDebug('SMSound.play(): "'+self.sID+'" already playing? (one-shot)');
+        return false;
+      } else {
+        sm._writeDebug('SMSound.play(): "'+self.sID+'" already playing (multi-shot)');
+      }
+    }
+    if (!self.loaded) {
+      if (self.readyState == 0) {
+        sm._writeDebug('SMSound.play(): .play() before load request. Attempting to load "'+self.sID+'"');
+        // try to get this sound playing ASAP
+        thisOptions.stream = true;
+        thisOptions.autoPlay = true;
+        // TODO: need to investigate when false, double-playing
+        // if (typeof oOptions.autoPlay=='undefined') thisOptions.autoPlay = true; // only set autoPlay if unspecified here
+        self.load(thisOptions); // try to get this sound playing ASAP
+      } else if (self.readyState == 2) {
+        sm._writeDebug('SMSound.play(): Could not load "'+self.sID+'" - exiting');
+        return false;
+      } else {
+        sm._writeDebug('SMSound.play(): "'+self.sID+'" is loading - attempting to play..');
+      }
+    } else {
+      sm._writeDebug('SMSound.play(): "'+self.sID+'"');
+    }
+    if (self.paused) {
+      self.resume();
+    } else {
+      self.playState = 1;
+      self.position = (thisOptions.offset||0);
+      if (thisOptions.onplay) thisOptions.onplay.apply(self);
+      self.setVolume(thisOptions.volume);
+      self.setPan(thisOptions.pan);
+      if (!thisOptions.autoPlay) {
+        sm._writeDebug('starting sound '+self.sID);
+        sm.o._start(self.sID,thisOptions.loop||1,self.position); // TODO: verify !autoPlay doesn't cause issue
+      }
+    }
+  }
+
+  this.start = this.play; // just for convenience
+
+  this.stop = function(bAll) {
+    if (self.playState == 1) {
+      self.playState = 0;
+      self.paused = false;
+      if (sm.defaultOptions.onstop) sm.defaultOptions.onstop.apply(self);
+      sm.o._stop(self.sID);
+    }
+  }
+
+  this.setPosition = function(nMsecOffset) {
+    // sm._writeDebug('setPosition('+nMsecOffset+')');
+    sm.o._setPosition(self.sID,nMsecOffset/1000,self.paused||!self.playState); // if paused or not playing, will not resume (by playing)
+  }
+
+  this.pause = function() {
+    if (self.paused) return false;
+    sm._writeDebug('SMSound.pause()');
+    self.paused = true;
+    sm.o._pause(self.sID);
+  }
+
+  this.resume = function() {
+    if (!self.paused) return false;
+    sm._writeDebug('SMSound.resume()');
+    self.paused = false;
+    sm.o._pause(self.sID); // flash method is toggle-based (pause/resume)
+  }
+
+  this.togglePause = function() {
+    // if playing, pauses - if paused, resumes playing.
+    sm._writeDebug('SMSound.togglePause()');
+    if (!self.playState) {
+      // self.setPosition();
+      self.play({offset:self.position/1000});
+      return false;
+    }
+    if (self.paused) {
+      sm._writeDebug('SMSound.togglePause(): resuming..');
+      self.resume();
+    } else {
+      sm._writeDebug('SMSound.togglePause(): pausing..');
+      self.pause();
+    }
+  }
+
+  this.setPan = function(nPan) {
+    if (typeof nPan == 'undefined') nPan = 0;
+    sm.o._setPan(self.sID,nPan);
+    self.options.pan = nPan;
+  }
+
+  this.setVolume = function(nVol) {
+    if (typeof nVol == 'undefined') nVol = 100;
+    sm.o._setVolume(self.sID,nVol);
+    self.options.volume = nVol;
+  }
+
+  // --- "private" methods called by Flash ---
+
+  this._whileloading = function(nBytesLoaded,nBytesTotal,nDuration) {
+    self.bytesLoaded = nBytesLoaded;
+    self.bytesTotal = nBytesTotal;
+    self.duration = nDuration;
+    self.durationEstimate = parseInt((self.bytesTotal/self.bytesLoaded)*self.duration); // estimate total time (will only be accurate with CBR MP3s.)
+    if (self.readyState != 3 && self.options.whileloading) self.options.whileloading.apply(self);
+    // soundManager._writeDebug('duration/durationEst: '+self.duration+' / '+self.durationEstimate);
+  }
+
+  this._onid3 = function(oID3PropNames,oID3Data) {
+    // oID3PropNames: string array (names)
+    // ID3Data: string array (data)
+    sm._writeDebug('SMSound()._onid3(): "'+this.sID+'" ID3 data received.');
+    var oData = [];
+    for (var i=0,j=oID3PropNames.length; i<j; i++) {
+      oData[oID3PropNames[i]] = oID3Data[i];
+      // sm._writeDebug(oID3PropNames[i]+': '+oID3Data[i]);
+    }
+    self.id3 = sm._mergeObjects(self.id3,oData);
+    if (self.options.onid3) self.options.onid3.apply(self);
+  }
+
+  this._whileplaying = function(nPosition) {
+    if (isNaN(nPosition) || nPosition == null) return false; // Flash may return NaN at times
+    self.position = nPosition;
+    if (self.playState == 1) {
+      if (self.options.whileplaying) self.options.whileplaying.apply(self); // flash may call after actual finish
+      if (self.loaded && self.options.onbeforefinish && self.options.onbeforefinishtime && !self.didBeforeFinish && self.duration-self.position <= self.options.onbeforefinishtime) {
+        sm._writeDebug('duration-position &lt;= onbeforefinishtime: '+self.duration+' - '+self.position+' &lt= '+self.options.onbeforefinishtime+' ('+(self.duration-self.position)+')');
+        self._onbeforefinish();
+      }
+    }
+  }
+
+  this._onload = function(bSuccess) {
+    bSuccess = (bSuccess==1?true:false);
+    sm._writeDebug('SMSound._onload(): "'+self.sID+'"'+(bSuccess?' loaded.':' failed to load (or loaded from cache - weird bug) - [<a href="'+self.url+'">test URL</a>]'));
+    self.loaded = bSuccess;
+    self.loadSuccess = bSuccess;
+    self.readyState = bSuccess?3:2;
+    if (self.options.onload) self.options.onload.apply(self);
+  }
+
+  this._onbeforefinish = function() {
+    if (!self.didBeforeFinish) {
+      self.didBeforeFinish = true;
+      if (self.options.onbeforefinish) self.options.onbeforefinish.apply(self);
+    }
+  }
+
+  this._onjustbeforefinish = function(msOffset) {
+    // msOffset: "end of sound" delay actual value (eg. 200 msec, value at event fire time was 187)
+    if (!self.didJustBeforeFinish) {
+      self.didJustBeforeFinish = true;
+      soundManager._writeDebug('SMSound._onjustbeforefinish()');
+      if (self.options.onjustbeforefinish) self.options.onjustbeforefinish.apply(self);;
+    }
+  }
+
+  this._onfinish = function() {
+    // sound has finished playing
+    sm._writeDebug('SMSound._onfinish(): "'+self.sID+'" finished playing');
+    self.playState = 0;
+    self.paused = false;
+    if (self.options.onfinish) self.options.onfinish.apply(self);
+    if (self.options.onbeforefinishcomplete) self.options.onbeforefinishcomplete.apply(self);
+    // reset some state items
+    self.setPosition(0);
+    self.didBeforeFinish = false;
+    self.didJustBeforeFinish = false;
+  }
+
+}
+
+var soundManager = new SoundManager();
+
+// attach onload handler
+if (window.addEventListener) {
+  window.addEventListener('load',soundManager.beginInit,false);
+  window.addEventListener('beforeunload',soundManager.destruct,false);
+} else if (window.attachEvent) {
+  window.attachEvent('onload',soundManager.beginInit);
+  window.attachEvent('beforeunload',soundManager.destruct);
+} else {
+  // no add/attachevent support - safe to assume no JS->Flash either.
+  soundManager.disable();
+}
\ No newline at end of file
Binary file OpenSourceConference/ui/audio_support/soundmanager2.swf has changed
Binary file OpenSourceConference/ui/default_gfx/audio_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/audio_on.png has changed
Binary file OpenSourceConference/ui/default_gfx/audio_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/auto_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/auto_on.png has changed
Binary file OpenSourceConference/ui/default_gfx/auto_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/bodybg.gif has changed
Binary file OpenSourceConference/ui/default_gfx/delay_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/exit_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/exit_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/fade_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/fade_on.png has changed
Binary file OpenSourceConference/ui/default_gfx/fade_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/framing.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,22 @@
+/* The following styles size, place, and layer the slide components.
+   Edit these if you want to change the overall slide layout.
+   The commented lines can be uncommented (and modified, if necessary) 
+   to help you with the rearrangement process. */
+
+/* target = 1024x768 */
+
+div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
+div#header {top: 0; height: 3em; z-index: 1;}
+div#footer {top: auto; bottom: 0; height: 0.5em; z-index: 5;}
+.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2;  list-style: none;}
+div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
+div#controls form {text-align: right; width: 100%; margin: 0;}
+#currentSlide {position: absolute; width: 12%; left: 44%; bottom: 1em; z-index: 10;}
+html>body #currentSlide {position: fixed;}
+
+/*
+div#header {background: #FCC;}
+div#footer {background: #CCF;}
+div#controls {background: #BBD;}
+div#currentSlide {background: #FFC;}
+*/
Binary file OpenSourceConference/ui/default_gfx/last_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/last_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/list_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/loop_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/loop_on.png has changed
Binary file OpenSourceConference/ui/default_gfx/loop_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/next_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/next_over.png has changed
Binary file OpenSourceConference/ui/default_gfx/notes_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/notes_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/opera.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,7 @@
+/* DO NOT CHANGE THESE unless you really want to break Opera Show */
+.slide {
+	visibility: visible !important;
+	position: static !important;
+	page-break-before: always;
+}
+#slide0 {page-break-before: avoid;}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/outline.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,14 @@
+/* don't change this unless you want the layout stuff to show up in the outline view! */
+
+.hide, .layout div, #footer *, #controlForm * {display: none;}
+#footer, #controls, #controlForm, #navLinks, #sheet {display: block; visibility: visible; margin: 0; padding: 0;}
+#sheet {float: right; padding: 0.5em;}
+html>body #sheet {position: fixed; top: 0; right: 0;}
+
+
+/* making the outline look pretty-ish */
+
+#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
+#slide0 h1 {padding-top: 1.5em;}
+.slide h1 {margin: 1.5em 0 0; padding-top: 0.25em; border-top: 1px solid #888; border-bottom: 1px solid #AAA;}
+#sheet {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
Binary file OpenSourceConference/ui/default_gfx/pause_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/pause_on.png has changed
Binary file OpenSourceConference/ui/default_gfx/pause_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/pretty.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,144 @@
+/* Following are the presentation styles -- edit away! */
+
+//body {background: #FFF url(bodybg.gif)  -16px 0 no-repeat; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;}
+body {background: #FFF -16px 0 no-repeat; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;}
+a:link, a:visited {text-decoration: none; color: #00C;}
+
+h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
+h1 {text-shadow: 0.1em 0.1em 0.1em #666;}
+
+ul, pre {margin: 0; line-height: 1em;}
+html, body {margin: 0; padding: 0;}
+
+blockquote, q {font-style: italic;}
+blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
+blockquote p {margin: 0;}
+blockquote i {font-style: normal;}
+blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
+blockquote b i {font-style: italic;}
+
+img {border: 0;}
+kbd {font-weight: bold; font-size: 1em;}
+sup {font-size: smaller; line-height: 1px;}
+
+.slide code {padding: 2px 0.25em; font-weight: bold; color: #c00;}
+.slide code.bad, code del {color: red;}
+.slide code.old {color: silver;}
+.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
+.slide pre code {display: block;}
+.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
+.slide li {margin-top: 0.75em; margin-right: 0;}
+.slide ul ul {line-height: 1;}
+.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide img.leader {display: block; margin: 0 auto;}
+
+div#header, div#footer {background: #005; color: #AAB; font-family: Verdana, Arial, Helvetica, sans-serif;}
+//div#header {background: #005 url(bodybg.gif) -16px 0 no-repeat; line-height: 1px;}
+div#header {background: #005 -16px 0 no-repeat; line-height: 1px;}
+div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;}
+#footer h1, #footer h2 {border: none; display: block; padding: 0; position:absolute; bottom:0.5em;}
+#footer h1 {left:1em;}
+#footer h2 {right:1em; font-style: italic;}
+
+div.long {font-size: 0.75em;}
+.slide h1 {position: absolute; top: 0.7em; left: 87px; z-index: 1; margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap; font: bold 150%/1em Arial, Helvetica, sans-serif; text-transform: capitalize; color: #DDE; background-color: transparent;}
+.slide h3 {font-size: 130%;}
+h1 abbr {font-variant: small-caps;}
+
+div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
+html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
+#controls #sheet {display: none;}
+#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;}
+#controls #navLinks {border-top: 1px solid #999; overflow: hidden; padding: 0; margin: 0; height: 32px; width: 100%; background-color: #808080; text-align: center; vertical-align: middle; white-space: nowrap;}
+#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;}
+#controls #navLinks ul li {list-style: none; display: inline; margin: 0; padding: 0; float: left; height: 32px; width: 32px; text-align: center; background-color: transparent;}
+#controls #navLinks ul li.vr {list-style: none; display: inline; margin: 0px 2px; padding: 0; float: left; height: 32px; width: 1px; text-align: center; background-color: #606060;}
+#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;}
+
+#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;}
+#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;}
+#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;}
+#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;}
+#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;}
+#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;}
+#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;}
+#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;}
+#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;}
+#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;}
+#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;}
+#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;}
+#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;}
+#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;}
+#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;}
+#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;}
+#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;}
+
+#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;}
+
+#currentSlide {white-space: nowrap; text-align: center; margin-bottom: -0.5em; font-size: 0.5em; background-color: transparent; color: #666;}
+
+#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
+#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}
+
+#slide0 {padding-top: 3.5em; font-size: 90%;}
+#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 2em Arial, Helvetica, sans-serif; white-space: normal; color: #000; background-color: transparent;}
+#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
+#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+#slide0 h4 {margin-top: 0; font-size: 1em;}
+
+ul.urls {list-style: none; display: inline; margin: 0;}
+.urls li {display: inline; margin: 0;}
+.note {display: none;}
+.external {border-bottom: 1px dotted gray;}
+html>body .external {border-bottom: none;}
+.external:after {content: " \274F"; font-size: smaller; color: #77B;}
+
+.incremental, .incremental *, .incremental *:after {color: #DDE; visibility: visible;}
+img.incremental, canvas.incremental {visibility: hidden;}
+.slide .current {color: #B02;}
+
+/* diagnostics
+li:after {content: " [" attr(class) "]"; color: #F88;}
+*/
+
+table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
+table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
+table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
+table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
+table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
+table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
+table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
+table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }
+
+#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;}
+#soundmanager-debug code {font-size: 11px;}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/pretty.css~	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,142 @@
+/* Following are the presentation styles -- edit away! */
+
+body {background: #FFF url(bodybg.gif) -16px 0 no-repeat; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.25em;}
+a:link, a:visited {text-decoration: none; color: #00C;}
+
+h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
+h1 {text-shadow: 0.1em 0.1em 0.1em #666;}
+
+ul, pre {margin: 0; line-height: 1em;}
+html, body {margin: 0; padding: 0;}
+
+blockquote, q {font-style: italic;}
+blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
+blockquote p {margin: 0;}
+blockquote i {font-style: normal;}
+blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
+blockquote b i {font-style: italic;}
+
+img {border: 0;}
+kbd {font-weight: bold; font-size: 1em;}
+sup {font-size: smaller; line-height: 1px;}
+
+.slide code {padding: 2px 0.25em; font-weight: bold; color: #c00;}
+.slide code.bad, code del {color: red;}
+.slide code.old {color: silver;}
+.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
+.slide pre code {display: block;}
+.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
+.slide li {margin-top: 0.75em; margin-right: 0;}
+.slide ul ul {line-height: 1;}
+.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
+.slide img.leader {display: block; margin: 0 auto;}
+
+div#header, div#footer {background: #005; color: #AAB; font-family: Verdana, Arial, Helvetica, sans-serif;}
+div#header {background: #005 url(bodybg.gif) -16px 0 no-repeat; line-height: 1px;}
+div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;}
+#footer h1, #footer h2 {border: none; display: block; padding: 0; position:absolute; bottom:0.5em;}
+#footer h1 {left:1em;}
+#footer h2 {right:1em; font-style: italic;}
+
+div.long {font-size: 0.75em;}
+.slide h1 {position: absolute; top: 0.7em; left: 87px; z-index: 1; margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap; font: bold 150%/1em Arial, Helvetica, sans-serif; text-transform: capitalize; color: #DDE; background-color: transparent;}
+.slide h3 {font-size: 130%;}
+h1 abbr {font-variant: small-caps;}
+
+div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
+html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
+#controls #sheet {display: none;}
+#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;}
+#controls #navLinks {border-top: 1px solid #999; overflow: hidden; padding: 0; margin: 0; height: 32px; width: 100%; background-color: #808080; text-align: center; vertical-align: middle; white-space: nowrap;}
+#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;}
+#controls #navLinks ul li {list-style: none; display: inline; margin: 0; padding: 0; float: left; height: 32px; width: 32px; text-align: center; background-color: transparent;}
+#controls #navLinks ul li.vr {list-style: none; display: inline; margin: 0px 2px; padding: 0; float: left; height: 32px; width: 1px; text-align: center; background-color: #606060;}
+#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;}
+
+#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;}
+#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;}
+#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;}
+#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;}
+#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;}
+#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;}
+#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;}
+#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;}
+#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;}
+#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;}
+#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;}
+#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;}
+
+#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;}
+#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;}
+#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;}
+#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;}
+#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;}
+#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;}
+#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;}
+
+#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;}
+
+#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;}
+
+#currentSlide {white-space: nowrap; text-align: center; margin-bottom: -0.5em; font-size: 0.5em; background-color: transparent; color: #666;}
+
+#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
+#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}
+
+#slide0 {padding-top: 3.5em; font-size: 90%;}
+#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 2em Arial, Helvetica, sans-serif; white-space: normal; color: #000; background-color: transparent;}
+#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
+#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
+#slide0 h4 {margin-top: 0; font-size: 1em;}
+
+ul.urls {list-style: none; display: inline; margin: 0;}
+.urls li {display: inline; margin: 0;}
+.note {display: none;}
+.external {border-bottom: 1px dotted gray;}
+html>body .external {border-bottom: none;}
+.external:after {content: " \274F"; font-size: smaller; color: #77B;}
+
+.incremental, .incremental *, .incremental *:after {color: #DDE; visibility: visible;}
+img.incremental, canvas.incremental {visibility: hidden;}
+.slide .current {color: #B02;}
+
+/* diagnostics
+li:after {content: " [" attr(class) "]"; color: #F88;}
+*/
+
+table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
+table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
+table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
+table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
+table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
+table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
+table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
+table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }
+
+#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;}
+#soundmanager-debug code {font-size: 11px;}
\ No newline at end of file
Binary file OpenSourceConference/ui/default_gfx/prev_link.png has changed
Binary file OpenSourceConference/ui/default_gfx/prev_over.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference/ui/default_gfx/print.css	Wed Sep 07 21:43:27 2011 +0900
@@ -0,0 +1,3 @@
+/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */
.slide, ul, p {page-break-inside: avoid; visibility: visible !important;}
h1 {page-break-after: avoid;}
+img {page-break-inside: avoid; page-break-after: avoid;}
+/*.slide {page-break-after: always;}*/

body {font-size: 12pt; background: white;}
* {color: black;}

#slide0 h1 {font-size: 200%; border: none; margin: 0.5em 0 0.25em;}
#slide0 h3 {margin: 0; padding: 0;}
#slide0 h4 {margin: 0 0 0.5em; padding: 0;}
#slide0 {margin-bottom: 3em;}

h1 {border-top: 2pt solid gray; border-bottom: 1px dotted silver;}
.extra {background: transparent !important;}
div.extra, pre.extra, .example {font-size: 10pt; color: #333;}
ul.extra a {font-weight: bold;}
p.example {display: none;}

#header {display: none;}
#footer h1 {margin: 0; border-bottom: 1px solid; color: gray; font-style: italic;}
#footer h2, #controls {display: none;}

/* The following rule keeps the layout stuff out of print.  Remove at your own risk! */
.hide, .layout, .layout * {display: none !important;}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/OpenSourceConference