9 SWS.Utils = new function () {
12 self.isUndefined = function (o) { return typeof o == "undefined"; };
13 self.push2 = function (t, i, v) {
14 if ((typeof t[i]) == 'undefined') {
21 self.isEmpty = function (o) {
22 for(var _ in o) return false;
26 self.parseFrameSpec = function (s) {
27 var elems = s.split("_");
31 for(var i = 0; i < elems.length; i++){
32 var bounds = elems[i].split("-");
33 if (bounds.length > 2 || bounds.length == 0) return {};
34 if (bounds.length == 1) bounds[1] = bounds[0];
35 var a = parseInt(bounds[0]);
36 var b = parseInt(bounds[1])
37 if (!isFinite(a) || !isFinite(b)) return {};
38 a = Math.min(a, 1000); // don't allow more than 1000 frames/slide
39 b = Math.min(b, 1000);
40 if (b > max_value) max_value = b;
41 for (var j = a; j <= b; j++)
47 self.getParameterByName = function (name) {
48 name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
49 var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
50 results = regex.exec(location.search);
51 return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
58 SWS.Templates = new function () {
60 self.helpPanel = "<div id='sws-help-panel-canvas'>\
61 <h1>Keyboard shortcuts</h1>\
63 <tr><td>c</td><td> toggle the control panel</td></tr>\
64 <tr><td>Left, PgUp,swipe left</td><td> previous step</td></tr>\
65 <tr><td>Right, PgDown, Space, swipe right</td><td> next step</td></tr>\
66 <tr><td>p</td><td> previous slide</td></tr>\
67 <tr><td>n</td><td> next slide</td></tr>\
68 <tr><td>Home</td><td> first slide</td></tr>\
69 <tr><td>End</td><td> last slide</td></tr>\
70 <tr><td>h</td><td> toggle help</td></tr>\
73 self.controlPanel = "<div id='sws-control-panel-canvas'><div id='sws-control-panel'>\
74 <div id='sws-control-panel-title-bar'>\
75 <a title='Toggle fullscreen' id='sws-control-panel-fullscreen' class='sws-symbol' onclick='SWS.Presentation.toggleFullScreen();'></a>\
76 <a title='Close panel' id='sws-control-panel-close' onclick='$(\"#sws-control-panel-canvas\").toggle();'>✖</a>\
78 <div id='sws-control-panel-options'>\
79 <span title='Change the aspect ratio' class='sws-symbol' >💻</span><select id='sws-aspect-select' onchange='SWS.Presentation.changeAspect();'>\
80 <option value='sws-aspect-4-3'>4:3</option>\
81 <option value='sws-aspect-16-9'>16:9</option>\
82 <option value='sws-aspect-16-10'>16:10</option>\
84 <span title='Change the theme' class='sws-symbol'>🎨</span><select id='sws-theme-select' onchange='SWS.Presentation.changeTheme();'></select>\
85 <a onclick='SWS.Presentation.openPrint()' ><span title='Open Print-Out' class='sws-symbol'></span></a>\
87 <div id='sws-control-panel-navigation'>\
88 <a title='First slide' class='sws-symbol' onclick='SWS.Presentation.goToSlide(SWS.Presentation.firstSlide());' >⏮</a>\
89 <a title='Previous slide' class='sws-symbol' onclick='SWS.Presentation.previousSlide();SWS.Presentation.refresh();'>⏪</a>\
90 <a title='Previous step' class='sws-symbol' style='-webkit-transform: scaleX(-1);' onclick='SWS.Presentation.previous();SWS.Presentation.refresh();'>▶</a>\
91 <a title='Next step' class='sws-symbol' onclick='SWS.Presentation.next();SWS.Presentation.refresh();'>▶</a>\
92 <a title='Next slide' class='sws-symbol' onclick='SWS.Presentation.nextSlide();SWS.Presentation.refresh();'>⏩</a>\
93 <a title='Last slide' class='sws-symbol' onclick='SWS.Presentation.goToSlide(SWS.Presentation.lastSlide());'>⏭</a>\
95 <span class='sws-symbol'></span><input type='text' id='sws-control-panel-slide-input' oninput='SWS.Presentation.goToSlide($(\"#sws-control-panel-slide-input\").val()-1);'></input><span id='sws-control-panel-total-slides'></span>\
96 <input type='range' title='Navigate the presentation' id='sws-control-panel-navigation-bar' onchange='SWS.Presentation.navigate();' step='1'></input>\
100 self.slideActivate = function (o) {
101 if (!(o.hasClass("sws-active-slide"))){
102 o.removeClass("sws-inactive-slide").addClass("sws-active-slide");
106 self.slideDeactivate = function (o) {
107 if (!(o.hasClass("sws-inactive-slide"))){
108 o.removeClass("sws-active-slide").addClass("sws-inactive-slide");
112 self.slideChange = function (from, to) {
113 var canvas = $(".sws-canvas");
114 self.slideDeactivate($(canvas[from]));
115 self.slideActivate($(canvas[to]));
118 self.objectActivate = function (o) {
119 if (!(o.hasClass("sws-active-object"))){
120 o.removeClass("sws-inactive-object").addClass("sws-active-object");
126 self.objectDeactivate = function (o) {
127 if (!(o.hasClass("sws-inactive-object"))){
128 o.addClass("sws-inactive-object").removeClass("sws-active-object");
134 self.updateFooter = function (o) {
135 var footer = o.find(".sws-footer");
136 if (footer.length && (footer.children("*").length == 0)) {
137 var i = SWS.Presentation.getCurrentSlide();
138 var cur = $( "<span class='sws-current-slide-number'>"
141 var sep = $( "<span class='sws-slide-num-sep' />");
142 var tot = $( "<span class='sws-last-slide-number'>"
143 + (SWS.Presentation.getNumSlides())
145 footer.append(cur).append(sep).append(tot);
148 self.updateHeader = function (o) {};
150 SWS.ConfigBuilder = function () {
152 self['sws-object-activate'] = SWS.Templates.objectActivate;
153 self['sws-object-deactivate'] = SWS.Templates.objectDeactivate;
154 self['sws-slide-change'] = SWS.Templates.slideChange;
155 self['sws-update-footer'] = SWS.Templates.updateFooter;
156 self['sws-update-header'] = SWS.Templates.updateHeader;
159 SWS.Defaults = new SWS.ConfigBuilder ();
161 SWS.Config = new SWS.ConfigBuilder ();
164 SWS.Effects = new function () {
167 self.objectDeactivateFadeOut = function (o) {
168 if (o.is("embed")) return;
169 o.animate({'opacity': '0'}, 200,
172 SWS.Templates.objectDeactivate(o);
176 self.objectActivateFadeIn = function (o) {
178 if (SWS.Templates.objectActivate(o)){
179 o.animate({'opacity': '1' }, 200);
184 self.slideChangeHorizontalFlip = function (from, to){
185 var f = SWS.Presentation.getSlide(from);
186 var t = SWS.Presentation.getSlide(to);
187 f.animate({ 'left': '50%', 'width': '0pt', 'opacity':'0' }, 150,
189 SWS.Templates.slideDeactivate(f);
190 f.css({'left':'0%', 'width': '100%'});
191 t.css({ 'left': '50%', 'width': '0pt','opacity':'0' });
192 SWS.Templates.slideActivate(t);
193 t.animate({'left':'0%', 'width': '100%','opacity':'1'});
196 self.slideChangeFadeOutIn = function (from, to) {
197 var f = SWS.Presentation.getSlide(from);
198 var t = SWS.Presentation.getSlide(to);
199 f.animate({ 'opacity': '0'}, 150,
200 function () { SWS.Templates.slideDeactivate(f);
201 SWS.Templates.slideActivate(t);
202 t.css('opacity', '0');
203 t.animate({ 'opacity': '1'}, 150);
206 self.slideChangeHorizontalSlide = function (from, to) {
207 var f = SWS.Presentation.getSlide(from);
208 var t = SWS.Presentation.getSlide(to);
210 t.css('left', '100%');
211 t.css('opacity', '1');
212 SWS.Templates.slideActivate(t);
213 f.animate({ 'left': '-100%' }, 250, function () { SWS.Templates.slideDeactivate(f);
214 f.css('opacity', '0');
215 t.animate({ 'left': '0%' }, 250);
218 t.css('left', '-100%');
219 SWS.Templates.slideActivate(t);
220 f.animate({ 'left': '100%' }, 250, function () { SWS.Templates.slideDeactivate(f);
221 f.css('opacity', '0');
223 t.css('opacity', '1');
224 t.animate({ 'left': '0%' }, 250);
229 self.slideChangeVerticalSlide = function (from, to) {
230 var f = SWS.Presentation.getSlide(from);
231 var t = SWS.Presentation.getSlide(to);
233 t.css('top', '100%');
234 SWS.Templates.slideActivate(t);
235 f.animate({ 'top': '-100%' }, 250, function () { SWS.Templates.slideDeactivate(f); });
236 t.animate({ 'top': '0%' }, 250);
238 t.css('top', '-100%');
239 SWS.Templates.slideActivate(t);
240 f.animate({ 'top': '100%' }, 250, function () { SWS.Templates.slideDeactivate(f); });
241 t.animate({ 'top': '0%' }, 250);
247 SWS.Fullscreen = new function () {
250 if (SWS.Utils.isUndefined(document.fullScreen)) {
251 if (SWS.Utils.isUndefined(document.mozfullScreen)) {
252 self.status = function () { return document.webkitIsFullScreen; };
253 self.enter = function(e) {
254 e.webkitRequestFullScreen();
256 self.exit = function () {
257 document.webkitCancelFullScreen();
261 self.status = function () { return document.mozfullScreen; };
262 self.enter = function(e) {
263 e.mozRequestFullScreen();
265 self.exit = function () {
266 document.mozCancelFullScreen();
271 self.status = function () { return document.fullScreen; };
272 self.enter = function(e) {
273 e.requestFullScreen();
275 self.exit = function () {
276 document.cancelFullScreen();
284 SWS.Presentation = new function () {
289 //TODO move outside of the Presentation object
293 var _initialized = false;
294 var _disable_input_events = false;
295 var _print_mode = false;
296 var _slide_callbacks = new Array ();
297 var _total_steps = -1;
298 var _current_theme = "";
300 self.getNumSlides = function () { return _total_slides; };
302 self.getSlide = function(i) {
303 return $($(".sws-canvas")[i]);
306 self.registerCallback = function (i, f) {
307 if (_initialized) return;
308 //jQuery does not seem to work well
310 var slides = $(".sws-slide");
311 var h1s = $("body").children("h1");
312 var slide_num = slides.add(h1s).length - 1;
314 SWS.Utils.push2(_slide_callbacks, slide_num,{ 'fn': f, 'frame': i });
318 if (typeof(Storage)!=="undefined"){
319 self.getCurrentSlide = function () {
320 //unary + casts to integer
321 var i = +(sessionStorage.getItem("current_slide"));
322 if (!(i >= 0 && i < self.getNumSlides())){
329 self.setCurrentSlide = function (i) {
330 sessionStorage.setItem("current_slide", i);
333 self.showHelpAtStartup = function () {
334 var r = sessionStorage.getItem("show_help");
335 if (r == "hide") return false;
336 sessionStorage.setItem("show_help", "hide");
341 var _current_slide = 0;
342 self.getCurrentSlide = function () { return _current_slide; };
343 self.setCurrentSlide = function (i) { _current_slide = i; };
344 self.showHelpAtStartup = function () { return false; };
346 self.firstSlide = function () { return 0; };
347 self.lastSlide = function () { return self.getNumSlides() - 1; };
348 self.refresh = function () {
349 /* block upcoming input event until all animations are finished */
350 _disable_input_events = true;
352 var canvas = $(".sws-canvas");
353 var from_slide_num = canvas.index($(".sws-active-slide"));
354 var to_slide_num = self.getCurrentSlide();
355 var watch_slide_anim = false;
356 var to_slide = $(canvas[to_slide_num]);
357 var from_slide = $(canvas[from_slide_num]);
358 var slide_change = (from_slide_num != to_slide_num);
361 var info = to_slide.data("sws-frame-info");
362 SWS.Config['sws-update-header'](to_slide);
363 SWS.Config['sws-update-footer'](to_slide);
366 //Launch a slide transition:
367 SWS.Config['sws-slide-change'](from_slide_num, to_slide_num);
368 watch_slide_anim = true;
369 for (var i = 0; i < info.callbacks.at_slide.length;i++){
370 info.callbacks.at_slide[i](to_slide);
375 var cur = info.current;
376 var custom = info.custom;
377 var real_slide = to_slide.find(".sws-slide");
378 var dont_touch = real_slide.find("sws-protect").find("*").addBack();
379 real_slide.find("*").addBack().not(dont_touch).each(function (i){
380 var frameset = $(this).data("sws-frame-set") || {};
382 SWS.Config['sws-object-activate']($(this));
384 SWS.Config['sws-object-deactivate']($(this));
388 var all = $(from_slide).add(to_slide);
389 all.find("*").addBack().promise().done(function() {
391 //execute callbacks when all elements are finished transitioning
392 if (callbacks = info.callbacks.at_frame[self.getCurrentFrame()]){
393 for (var k = 0; k < callbacks.length; k++)
394 callbacks[k]($(to_slide));
396 all.find("*").addBack().promise().done(function() {
397 //wait for all elements to finish transitionning, in case a callback animate something
398 //an denable _input_events again.
399 _disable_input_events = false;
404 self.nextSlide = function () {
405 self.setCurrentSlide(Math.min(self.getCurrentSlide()+1,
407 self.setCurrentFrame(self.firstFrame());
410 self.previousSlide = function () {
411 self.setCurrentSlide(Math.max(self.getCurrentSlide()-1,
413 self.setCurrentFrame(self.firstFrame());
416 self.getFrameInfo = function () {
418 var i = self.getCurrentSlide();
419 var canvas = $($(".sws-canvas")[i]);
420 var infos = canvas.data("sws-frame-info");
424 self.getTotalSteps = function () {
425 if (_total_steps >= 0) return _total_steps;
427 $(".sws-canvas").each(function(i) {
428 var canvas = $($(".sws-canvas")[i]);
429 var infos = canvas.data("sws-frame-info");
430 _total_steps += infos.last + 1;
435 self.getCurrentFrame = function () { return self.getFrameInfo().current; };
436 self.setCurrentFrame = function (i) { self.getFrameInfo().current = i; };
437 self.firstFrame = function () { return 0; };
438 self.lastFrame = function () { return self.getFrameInfo().last; };
440 self.nextFrame = function () {
441 self.setCurrentFrame(Math.min(self.getCurrentFrame()+1,
445 self.previousFrame = function () {
446 self.setCurrentFrame(Math.max(self.getCurrentFrame()-1,
450 self.next = function () {
451 var i = self.getCurrentFrame();
452 if (i == self.lastFrame()) {
454 self.setCurrentFrame(self.firstFrame());
459 self.previous = function () {
460 var i = self.getCurrentFrame();
461 if (i == self.firstFrame()){
462 self.previousSlide();
463 self.setCurrentFrame(self.lastFrame());
466 self.previousFrame();
469 self.goToSlide = function (s, f) {
470 if (SWS.Utils.isUndefined(f))
472 if (!(s >= self.firstSlide() && s <= self.lastSlide())) return;
473 self.setCurrentSlide(s);
474 if (!(f >= self.firstFrame() && f <= self.lastFrame())) f = 0;
475 self.setCurrentFrame(f);
479 self.cycleStyle = function() {
480 var styles = $("head").children('link[rel$="stylesheet"][title]');
481 var j = styles.index(styles.filter(':not(:disabled)'));
482 styles[j].disabled = true;
483 if (++j == styles.length) j = 0;
484 styles[j].disabled = false;
488 self.printMode = function () {
490 var progress = $("<div style='position:fixed;top:0pt;left:0pt;background:white;color:black;width:100%;height:100vh;z-index:200;' id='sws-print-progress'>Rendering presentation: <span id='sws-percent-progress'></span>%</div>");
491 $("body").append(progress);
493 $("html").removeClass("sws-display").addClass("sws-print");
495 var steps = self.getTotalSteps();
496 var total_steps = steps;
500 //Crazy workaround for chromium
501 ($("link.sws-theme[rel='stylesheet']")[0]).disabled = false;
502 $(".sws-canvas").find("*").addBack().promise().done(function() {
503 var percent = ((total_steps - steps) / total_steps) * 100;
504 $("#sws-percent-progress").text(Math.round(percent));
505 SWS.Config['sws-slide-change'] = SWS.Templates.slideChange;
507 $($(".sws-canvas")[self.getCurrentSlide()]).css('opacity', 1 );
513 $("#sws-percent-progress").text(100);
515 window.status = 'Ready';
522 self.buildFullTOC = function () {
524 var build_sections = function (doc) {
526 var h1s = doc.find("body").first().children("h1");
527 var slides = doc.find("body").first().children(".sws-slide");
529 var collection = h1s.add(slides);
530 collection.each (function () {
531 if ($(this).is("h1")) {
532 res.push({ 'title' : $(this).text(),
533 'slide' : slide_num });
543 var append = function (a,e) {
546 var prepend = function (a,e) {
550 var loop = function (doc, dir, add, ignoreFirst) {
551 if (ignoreFirst !== true) {
552 var this_toc = { 'title' : doc.find("title").first().text(),
553 'sections' : build_sections(doc) };
556 var url = doc.find(dir).first().attr("href");
557 if (!SWS.Utils.isUndefined(url) && url != "") {
558 $.ajax({ 'url' : url, 'async' : false ,'success' : function (page) {
559 loop ($(page), dir, add, false);
563 loop ($(document), ".sws-previous", prepend, false);
571 self.inputHandler = function (event) {
572 if (_disable_input_events || _print_mode) return;
574 switch (event.type) {
576 _xstart = event.changedTouches[0].clientX;
580 var dist = event.changedTouches[0].clientX - _xstart;
581 if (dist > 20) code = 37
582 else if (dist < -20) code = 39
583 else if (!$("#sws-control-panel-canvas").is(":visible")) code = 67;
594 self.setCurrentSlide(self.firstSlide());
598 self.setCurrentSlide(self.lastSlide());
601 case 34: /* PgDown */
603 if (self.getCurrentSlide() == self.lastSlide()
604 && self.getCurrentFrame() == self.lastFrame()) return;
610 case 8: /* backspace */
616 self.previousSlide();
622 $("#sws-control-panel-canvas").toggle();
625 $("#sws-help-panel-canvas").toggle();
635 function init_canvas(canvas, custom) {
637 var last_frame = canvas.find(".sws-pause").length;
638 //Add all regular elements to the frame list
639 var slide = $(canvas.find(".sws-slide")[0]);
641 var callbacks = { at_slide : new Array(),
642 at_frame : new Array() }
644 if (SWS.Utils.isUndefined(custom)) {
645 custom = new Array ();
648 for (var i = 0; i < custom.length; i++) {
649 if (isFinite(custom[i].frame)){
650 var num = +(custom[i].frame);
651 if (num > last_frame) last_frame = num;
652 SWS.Utils.push2(callbacks.at_frame, num, custom[i].fn);
653 } else if (custom[i].frame == "slide")
654 callbacks.at_slide.push(custom[i].fn);
656 var frame_set = SWS.Utils.parseFrameSpec(custom[i].frame);
657 for(var f in frame_set){
658 if (f > last_frame) last_frame = f;
659 SWS.Utils.push2(callbacks.at_frame, +(f), custom[i].fn);
664 var specials = $([]);
666 slide.find('*[class*="sws-onframe-"]').each(function(_){
667 var cls = $(this).attr('class');
668 var idx = cls.indexOf("sws-onframe-");
670 var end = cls.indexOf(" ", idx);
671 end = (end == -1) ? cls.length : end;
672 var spec = cls.substring(idx+12, end);
673 var o = SWS.Utils.parseFrameSpec(spec);
675 if (f > last_frame) last_frame = f;
676 $(this).find("*").andSelf().each(function(_){
677 if (!SWS.Utils.isEmpty(o)){
678 $(this).data("sws-frame-set", o);
680 specials = specials.add($(this));
685 slide.find("*").andSelf().not(specials).each(function(i) {
686 if ($(this).hasClass("sws-pause")) cur_frame++;
688 for (var j = cur_frame; j <= last_frame; j++)
690 if (!SWS.Utils.isEmpty(o))
691 $(this).data("sws-frame-set", o);
694 canvas.data("sws-frame-info", { current: 0,
695 last: (last_frame - 0), // force cast to integer
701 /* Forces redrawing the page without reloading */
702 self.redraw = function (f) {
703 if (SWS.Utils.isUndefined(f))
704 $("body").hide().show(400, function () {
705 $("body").css("display","block");
706 if (!SWS.Utils.isUndefined(f))
710 self.changeAspect = function() {
711 $("html").removeClass("sws-aspect-4-3")
712 .removeClass("sws-aspect-16-9")
713 .removeClass("sws-aspect-16-10")
714 .addClass($("#sws-aspect-select").val());
718 self.getCurrentTheme = function () {
719 var l = $("link.sws-theme[rel='stylesheet']")[0];
727 self.changeTheme = function (name) {
729 if (typeof name === 'undefined')
730 theme_name = $("#sws-theme-select").val()
734 _current_theme = theme_name;
735 $("link.sws-theme").each (function (i) {
738 if (title == theme_name) {
739 e.rel = "stylesheet";
743 e.rel = "alternate stylesheet";
752 self.openPrint = function () {
753 window.open ("?mode=print&theme=" + self.getCurrentTheme());
755 var _fullscreen_icon_on = "";
756 var _fullscreen_icon_off = "";
758 self.toggleFullScreen = function () {
759 if (SWS.Fullscreen.status()) {
760 SWS.Fullscreen.exit();
761 $("a#sws-control-panel-fullscreen")
762 .html(_fullscreen_icon_off);
767 SWS.Fullscreen.enter($("body")[0]);
768 $("a#sws-control-panel-fullscreen")
769 .html(_fullscreen_icon_on);
772 function _update_ui() {
773 var nav = $('#sws-control-panel-navigation-bar');
774 nav.val(SWS.Presentation.getCurrentSlide() + 1);
775 $('#sws-control-panel-slide-input').val(nav.val());
777 self.navigate = function () {
778 self.goToSlide($("#sws-control-panel-navigation-bar").val()-1);
783 self.init = function () {
786 $("html").addClass("sws-display");
787 //$(window).resize(self.redraw);
789 var slides = $(".sws-slide");
790 var h1s = $("body").children("h1");
791 var slide_num = slides.add(h1s).length - 1;
793 _total_slides = $(".sws-slide").add($("body").children("h1")).length;
795 var cur = self.getCurrentSlide();
796 var toc = self.buildFullTOC();
797 var common_html = "<div class='sws-slide sws-toc'><h1>Plan</h1><ul style='list-style-type:none'>";
799 for (i= 0; i < toc.length - 1; i++)
800 common_html += "<li class='done'>" + (i+1) +
801 ' ' + toc[i].title + "</li>";
803 common_html += "<li>" + toc.length + ' ' + toc[toc.length - 1].title;
804 common_html += "<ul style='list-style-type:none' >";
805 var sections = toc[toc.length - 1].sections;
806 $("body").children("h1").each(function (i) {
807 var this_html = common_html;
809 var secnum = toc.length + '.';
810 for (j = 0; j < i; ++j)
811 this_html += "<li class='done'>" + secnum + (j+1) + ' ' +
812 sections[j].title + "</li>";
813 this_html += "<li class='hl'>" + secnum + (i+1) + ' ' +
814 sections[i].title + "</li>";
815 for (j = i+1; j < sections.length; j++)
816 this_html += "<li>" + secnum + (j+1) + ' '
817 +sections[j].title + "</li>";
818 this_html += "</ul></li></ul></div>";
819 $(this).after(this_html);
822 $(".sws-slide").each(function (i) {
824 var par = $(this).parent();
828 var canvas = $('<div class="sws-canvas"/>');
830 if (!($(this).hasClass("sws-option-noheader"))) {
831 canvas.append($('<div class="sws-header"/>'));
833 if (!$(this).hasClass("sws-cover")) {
834 var title = $($(this).find("h1")[0]);
835 var title_div = $('<div class="sws-title" />');
836 title_div.append(title);
837 canvas.append(title_div);
839 var inner = $('<div class="sws-inner-canvas"/>');
840 var content = $('<div class="sws-content"/>');
841 $(this).find('script[type="text/javascript"]').remove();
842 content.append($(this));
843 inner.append(content);
844 canvas.append(inner);
846 if (!($(this).hasClass("sws-option-nofooter"))) {
847 canvas.append($('<div class="sws-footer"/>'));
854 .addClass("sws-active-slide")
855 .removeClass("sws-inactive-slide");
858 .addClass("sws-inactive-slide")
859 .removeClass("sws-active-slide");
861 init_canvas(canvas,_slide_callbacks[i]);
865 // Initialize the control panel
866 $("body").append($(SWS.Templates.controlPanel));
867 $("body").append($(SWS.Templates.helpPanel));
868 // Fill the theme switcher
869 $("link.sws-theme").each (function (i) {
871 var opt = "<option value='";
872 opt += e.attr("title");
874 if (e.attr("rel") == "stylesheet") {
875 opt+= "selected='selected'";
877 opt += ">" + e.attr("title") + "</option>";
878 $("#sws-theme-select").append($(opt));
880 // Set the fullscreen icon
881 if (SWS.Fullscreen.status()) {
882 $("a#sws-control-panel-fullscreen")
883 .html(_fullscreen_icon_on);
885 $("a#sws-control-panel-fullscreen")
886 .html(_fullscreen_icon_off);
888 // Put the navigation range at the correct position
889 var nav = $('#sws-control-panel-navigation-bar');
890 nav.attr("min", SWS.Presentation.firstSlide() + 1);
891 nav.attr("max", SWS.Presentation.lastSlide() + 1);
892 $('#sws-control-panel-total-slides').text('/' + SWS.Presentation.getNumSlides());
894 _slide_callbacks = null; /* avoid a leak */
895 var passed_theme = SWS.Utils.getParameterByName("theme");
898 //workaround weird chrome CSS loading bug
901 if (passed_theme == "")
904 self.changeTheme(passed_theme);
905 if (SWS.Utils.getParameterByName("mode") == "print") {
909 if (self.showHelpAtStartup()) $("#sws-help-panel-canvas").show();
912 $(document).keydown(self.inputHandler);
913 document.body.addEventListener('touchstart',self.inputHandler, false);
914 document.body.addEventListener('touchend',self.inputHandler, false);