X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.js;h=59c5a3f7bf5afefc0e5fd7a683caa458630d0568;hb=HEAD;hp=61584995e9141d83216acb5b18c835a6d242113a;hpb=e71a40fe6bcf8dc94f3135fa5a78878793ef2d63;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.js b/simpleWebSlides.js index 6158499..59c5a3f 100644 --- a/simpleWebSlides.js +++ b/simpleWebSlides.js @@ -1,193 +1,964 @@ -var SimpleWebSlides = new function () { - var _self = this; - var _total_slides; +/* + Namespace object. +*/ + +var SWS = SWS || {}; + - function push(t, i, v) { +SWS.Utils = new function () { + var self = this; + + self.isUndefined = function (o) { return typeof o == "undefined"; }; + self.push2 = function (t, i, v) { if ((typeof t[i]) == 'undefined') { t[i] = new Array(); }; var l = t[i].length; - if (l == 0 || !($.contains(t[i][l-1].get()[0], v.get()[0]))) { - t[i][l] = v; + t[i][l] = v; + }; + + self.isEmpty = function (o) { + for(var _ in o) return false; + return true; + }; + + self.parseFrameSpec = function (s) { + var elems = s.split("_"); + var result = {}; + var min_last = 10000; + var max_value = -1; + for(var i = 0; i < elems.length; i++){ + var bounds = elems[i].split("-"); + if (bounds.length > 2 || bounds.length == 0) return {}; + if (bounds.length == 1) bounds[1] = bounds[0]; + var a = parseInt(bounds[0]); + var b = parseInt(bounds[1]) + if (!isFinite(a) || !isFinite(b)) return {}; + a = Math.min(a, 1000); // don't allow more than 1000 frames/slide + b = Math.min(b, 1000); + if (b > max_value) max_value = b; + for (var j = a; j <= b; j++) + result[j] = true; }; + return result; }; - function init_canvas(canvas) { - var frames = new Array (); - var cur_frame = 0; - canvas.find("*").each(function(i) { - if ($(this).hasClass("pause")) cur_frame++; - push(frames, cur_frame, $(this)); + self.getParameterByName = function (name) { + name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); + var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), + results = regex.exec(location.search); + return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); + } +}; - }); - canvas.data("frames", { frames: frames, current: 0 }); + + + +SWS.Templates = new function () { + var self = this; + self.helpPanel = "
\ +

Keyboard shortcuts

\ +\ +\ +\ +\ +\ +\ +\ +\ +\ +
h toggle help
c toggle the control panel
Left, PgUp,swipe left previous step
Right, PgDown, Space, swipe right next step
p previous slide
n next slide
Home first slide
End last slide
\ +
"; + self.controlPanel = "
\ +
\ +\ +✖\ +
\ +
\ +💻\ +🎨\ +\ +
\ +
\ +⏮\ +⏪\ +▶\ +▶\ +⏩\ +⏭\ +
\ +\ +\ +
\ +
\ +
"; + self.slideActivate = function (o) { + if (!(o.hasClass("sws-active-slide"))){ + o.removeClass("sws-inactive-slide").addClass("sws-active-slide"); + }; + }; + + self.slideDeactivate = function (o) { + if (!(o.hasClass("sws-inactive-slide"))){ + o.removeClass("sws-active-slide").addClass("sws-inactive-slide"); + }; + }; + + self.slideChange = function (from, to) { + var canvas = $(".sws-canvas"); + self.slideDeactivate($(canvas[from])); + self.slideActivate($(canvas[to])); + }; + + self.objectActivate = function (o) { + if (!(o.hasClass("sws-active-object"))){ + o.removeClass("sws-inactive-object").addClass("sws-active-object"); + return true; + }; + return false; + }; + + self.objectDeactivate = function (o) { + if (!(o.hasClass("sws-inactive-object"))){ + o.addClass("sws-inactive-object").removeClass("sws-active-object"); + return true; + }; + return false; + }; + + self.updateFooter = function (o) { + var footer = o.find(".sws-footer"); + if (footer.length && (footer.children("*").length == 0)) { + var i = SWS.Presentation.getCurrentSlide(); + var cur = $( "" + + (i + 1) + +""); + var sep = $( ""); + var tot = $( "" + + (SWS.Presentation.getNumSlides()) + +""); + footer.append(cur).append(sep).append(tot); + }; + }; + self.updateHeader = function (o) {}; +}; +SWS.ConfigBuilder = function () { + var self = this; + self['sws-object-activate'] = SWS.Templates.objectActivate; + self['sws-object-deactivate'] = SWS.Templates.objectDeactivate; + self['sws-slide-change'] = SWS.Templates.slideChange; + self['sws-update-footer'] = SWS.Templates.updateFooter; + self['sws-update-header'] = SWS.Templates.updateHeader; +}; + +SWS.Defaults = new SWS.ConfigBuilder (); + +SWS.Config = new SWS.ConfigBuilder (); + + +SWS.Effects = new function () { + var self = this; + + self.objectDeactivateFadeOut = function (o) { + if (o.is("embed")) return; + o.animate({'opacity': '0'}, 200, + function () { + + SWS.Templates.objectDeactivate(o); + }); + }; + + self.objectActivateFadeIn = function (o) { + + if (SWS.Templates.objectActivate(o)){ + o.animate({'opacity': '1' }, 200); + }; + + }; + + self.slideChangeHorizontalFlip = function (from, to){ + var f = SWS.Presentation.getSlide(from); + var t = SWS.Presentation.getSlide(to); + f.animate({ 'left': '50%', 'width': '0pt', 'opacity':'0' }, 150, + function () { + SWS.Templates.slideDeactivate(f); + f.css({'left':'0%', 'width': '100%'}); + t.css({ 'left': '50%', 'width': '0pt','opacity':'0' }); + SWS.Templates.slideActivate(t); + t.animate({'left':'0%', 'width': '100%','opacity':'1'}); + }); + }; + self.slideChangeFadeOutIn = function (from, to) { + var f = SWS.Presentation.getSlide(from); + var t = SWS.Presentation.getSlide(to); + f.animate({ 'opacity': '0'}, 150, + function () { SWS.Templates.slideDeactivate(f); + SWS.Templates.slideActivate(t); + t.css('opacity', '0'); + t.animate({ 'opacity': '1'}, 150); + }); + }; + self.slideChangeHorizontalSlide = function (from, to) { + var f = SWS.Presentation.getSlide(from); + var t = SWS.Presentation.getSlide(to); + if (from < to) { + t.css('left', '100%'); + t.css('opacity', '1'); + SWS.Templates.slideActivate(t); + f.animate({ 'left': '-100%' }, 250, function () { SWS.Templates.slideDeactivate(f); + f.css('opacity', '0'); + t.animate({ 'left': '0%' }, 250); + }); + } else { + t.css('left', '-100%'); + SWS.Templates.slideActivate(t); + f.animate({ 'left': '100%' }, 250, function () { SWS.Templates.slideDeactivate(f); + f.css('opacity', '0'); + }); + t.css('opacity', '1'); + t.animate({ 'left': '0%' }, 250); + }; + }; + + + self.slideChangeVerticalSlide = function (from, to) { + var f = SWS.Presentation.getSlide(from); + var t = SWS.Presentation.getSlide(to); + if (from < to) { + t.css('top', '100%'); + SWS.Templates.slideActivate(t); + f.animate({ 'top': '-100%' }, 250, function () { SWS.Templates.slideDeactivate(f); }); + t.animate({ 'top': '0%' }, 250); + } else { + t.css('top', '-100%'); + SWS.Templates.slideActivate(t); + f.animate({ 'top': '100%' }, 250, function () { SWS.Templates.slideDeactivate(f); }); + t.animate({ 'top': '0%' }, 250); + }; + }; + +}; + +SWS.Fullscreen = new function () { + var self = this; + + if (SWS.Utils.isUndefined(document.fullScreen)) { + if (SWS.Utils.isUndefined(document.mozfullScreen)) { + self.status = function () { return document.webkitIsFullScreen; }; + self.enter = function(e) { + e.webkitRequestFullScreen(); + }; + self.exit = function () { + document.webkitCancelFullScreen(); + }; + + } else { + self.status = function () { return document.mozfullScreen; }; + self.enter = function(e) { + e.mozRequestFullScreen(); + }; + self.exit = function () { + document.mozCancelFullScreen(); + }; + + }; + } else { + self.status = function () { return document.fullScreen; }; + self.enter = function(e) { + e.requestFullScreen(); + }; + self.exit = function () { + document.cancelFullScreen(); + }; }; - _self.getNumSlides = function () { return _total_slides; }; +}; + +SWS.Presentation = new function () { + + + var self = this; + + //TODO move outside of the Presentation object + + + var _total_slides; + var _initialized = false; + var _disable_input_events = false; + var _print_mode = false; + var _slide_callbacks = new Array (); + var _total_steps = -1; + var _current_theme = ""; + + self.getNumSlides = function () { return _total_slides; }; + + self.getSlide = function(i) { + return $($(".sws-canvas")[i]); + }; + + self.registerCallback = function (i, f) { + if (_initialized) return; + //jQuery does not seem to work well + //on a partial DOM + var slides = $(".sws-slide"); + var h1s = $("body").children("h1"); + var slide_num = slides.add(h1s).length - 1; + SWS.Utils.push2(_slide_callbacks, slide_num,{ 'fn': f, 'frame': i }); + + }; if (typeof(Storage)!=="undefined"){ - _self.getCurrentSlide = function () { + self.getCurrentSlide = function () { //unary + casts to integer - var i = +(sessionStorage.current_slide); - if (!(i >= 0 && i < _self.getNumSlides())){ + var i = +(sessionStorage.getItem("current_slide")); + if (!(i >= 0 && i < self.getNumSlides())){ return 0; } else { return i; }; }; - _self.setCurrentSlide = function (i) { - sessionStorage.current_slide = i; + self.setCurrentSlide = function (i) { + sessionStorage.setItem("current_slide", i); }; + self.showHelpAtStartup = function () { + var r = sessionStorage.getItem("show_help"); + if (r == "hide") return false; + sessionStorage.setItem("show_help", "hide"); + return true; + }; + } else { var _current_slide = 0; - _self.getCurrentSlide = function () { return current_slide; }; - _self.setCurrentSlide = function (i) { _current_slide = i; }; - - }; - _self.firstSlide = function () { return 0; }; - _self.lastSlide = function () { return _self.getNumSlides() - 1; }; - _self.refresh = function () { - var cur = _self.getCurrentSlide(); - $(".canvas").each (function (i) { - if (i == cur){ - $(this).removeClass("other_slides").addClass("current_slide"); - var info = $(this).data("frames"); - console.log(info); - var frames = info.frames; - var upto = info.current; - for(var j = 0; j < frames.length; j++) { - for (var k = 0; k < frames[j].length; k++) { - if (j <= upto) - frames[j][k].css('visibility','visible'); - else - frames[j][k].css('visibility','hidden'); - }; - }; - - } else if ($(this).hasClass("current_slide")) { - $(this).removeClass("current_slide").addClass("other_slides"); + self.getCurrentSlide = function () { return _current_slide; }; + self.setCurrentSlide = function (i) { _current_slide = i; }; + self.showHelpAtStartup = function () { return false; }; + }; + self.firstSlide = function () { return 0; }; + self.lastSlide = function () { return self.getNumSlides() - 1; }; + self.refresh = function () { + /* block upcoming input event until all animations are finished */ + _disable_input_events = true; + + var canvas = $(".sws-canvas"); + var from_slide_num = canvas.index($(".sws-active-slide")); + var to_slide_num = self.getCurrentSlide(); + var watch_slide_anim = false; + var to_slide = $(canvas[to_slide_num]); + var from_slide = $(canvas[from_slide_num]); + var slide_change = (from_slide_num != to_slide_num); + + + var info = to_slide.data("sws-frame-info"); + SWS.Config['sws-update-header'](to_slide); + SWS.Config['sws-update-footer'](to_slide); + + if (slide_change) { + //Launch a slide transition: + SWS.Config['sws-slide-change'](from_slide_num, to_slide_num); + watch_slide_anim = true; + for (var i = 0; i < info.callbacks.at_slide.length;i++){ + info.callbacks.at_slide[i](to_slide); }; + }; + + + var cur = info.current; + var custom = info.custom; + var real_slide = to_slide.find(".sws-slide"); + var dont_touch = real_slide.find("sws-protect").find("*").addBack(); + real_slide.find("*").addBack().not(dont_touch).each(function (i){ + var frameset = $(this).data("sws-frame-set") || {}; + if (frameset[cur]) + SWS.Config['sws-object-activate']($(this)); + else + SWS.Config['sws-object-deactivate']($(this)); }); + + var all = $(from_slide).add(to_slide); + all.find("*").addBack().promise().done(function() { + var callbacks; + //execute callbacks when all elements are finished transitioning + if (callbacks = info.callbacks.at_frame[self.getCurrentFrame()]){ + for (var k = 0; k < callbacks.length; k++) + callbacks[k]($(to_slide)); + }; + all.find("*").addBack().promise().done(function() { + //wait for all elements to finish transitionning, in case a callback animate something + //and enable _input_events again. + _disable_input_events = false; + }); + }); }; - _self.nextSlide = function () { - _self.setCurrentSlide(Math.min(_self.getCurrentSlide()+1, - _self.lastSlide())); + self.nextSlide = function () { + self.setCurrentSlide(Math.min(self.getCurrentSlide()+1, + self.lastSlide())); + self.setCurrentFrame(self.firstFrame()); }; - _self.previousSlide = function () { - _self.setCurrentSlide(Math.max(_self.getCurrentSlide()-1, - _self.firstSlide())); + self.previousSlide = function () { + self.setCurrentSlide(Math.max(self.getCurrentSlide()-1, + self.firstSlide())); + self.setCurrentFrame(self.firstFrame()); }; - _self.getFrameInfo = function () { + self.getFrameInfo = function () { - var i = _self.getCurrentSlide(); - var canvas = $($(".canvas")[i]); - var infos = canvas.data("frames"); + var i = self.getCurrentSlide(); + var canvas = $($(".sws-canvas")[i]); + var infos = canvas.data("sws-frame-info"); return infos; }; - _self.getCurrentFrame = function () { return _self.getFrameInfo().current; }; - _self.setCurrentFrame = function (i) { _self.getFrameInfo().current = i; }; - _self.firstFrame = function () { return 0; }; - _self.lastFrame = function () { return _self.getFrameInfo().frames.length-1; }; - _self.nextFrame = function () { - _self.setCurrentFrame(Math.min(_self.getCurrentFrame()+1, - _self.lastFrame())); + self.getTotalSteps = function () { + if (_total_steps >= 0) return _total_steps; + _total_steps = 0; + $(".sws-canvas").each(function(i) { + var canvas = $($(".sws-canvas")[i]); + var infos = canvas.data("sws-frame-info"); + _total_steps += infos.last + 1; + }); + return _total_steps; + }; + + self.getCurrentFrame = function () { return self.getFrameInfo().current; }; + self.setCurrentFrame = function (i) { self.getFrameInfo().current = i; }; + self.firstFrame = function () { return 0; }; + self.lastFrame = function () { return self.getFrameInfo().last; }; + + self.nextFrame = function () { + self.setCurrentFrame(Math.min(self.getCurrentFrame()+1, + self.lastFrame())); }; - _self.previousFrame = function () { - _self.setCurrentFrame(Math.max(_self.getCurrentFrame()-1, - _self.firstFrame())); + self.previousFrame = function () { + self.setCurrentFrame(Math.max(self.getCurrentFrame()-1, + self.firstFrame())); }; - _self.next = function () { - var i = _self.getCurrentFrame(); - if (i == _self.lastFrame()) - _self.nextSlide(); - else - _self.nextFrame(); + self.next = function () { + var i = self.getCurrentFrame(); + if (i == self.lastFrame()) { + self.nextSlide(); + self.setCurrentFrame(self.firstFrame()); + } else + self.nextFrame(); }; - _self.previous = function () { - var i = _self.getCurrentFrame(); - if (i == _self.firstFrame()) - _self.previousSlide(); + self.previous = function () { + var i = self.getCurrentFrame(); + if (i == self.firstFrame()){ + self.previousSlide(); + self.setCurrentFrame(self.lastFrame()); + } else - _self.previousFrame(); + self.previousFrame(); + }; + + self.goToSlide = function (s, f) { + if (SWS.Utils.isUndefined(f)) + f = 0; + if (!(s >= self.firstSlide() && s <= self.lastSlide())) return; + self.setCurrentSlide(s); + if (!(f >= self.firstFrame() && f <= self.lastFrame())) f = 0; + self.setCurrentFrame(f); + self.refresh(); + }; + + self.cycleStyle = function() { + var styles = $("head").children('link[rel$="stylesheet"][title]'); + var j = styles.index(styles.filter(':not(:disabled)')); + styles[j].disabled = true; + if (++j == styles.length) j = 0; + styles[j].disabled = false; + }; + + + self.printMode = function () { + _print_mode = true; + + var old_fx_status = $.fx.off; + //disable animation while printing. + + $.fx.off = true; + var progress = $("
Rendering presentation: %
"); + $("body").append(progress); + + $("html").removeClass("sws-display").addClass("sws-print"); + self.goToSlide(0,0); + var steps = self.getTotalSteps(); + var total_steps = steps; + var loop; + loop = function () { + if (steps >= 0) { + //Crazy workaround for chromium + ($("link.sws-theme[rel='stylesheet']")[0]).disabled = false; + $(".sws-canvas").find("*").addBack().promise().done(function() { + var percent = ((total_steps - steps) / total_steps) * 100; + $("#sws-percent-progress").text(Math.round(percent)); + SWS.Config['sws-slide-change'] = SWS.Templates.slideChange; + self.refresh(); + $($(".sws-canvas")[self.getCurrentSlide()]).css('opacity', 1 ); + self.next(); + steps--; + loop(); + }) + } else { + $("#sws-percent-progress").text(100); + progress.remove(); + window.status = 'Ready'; + $.fx.off = old_fx_status; + + } + }; + loop(); + + } + + self.buildFullTOC = function () { + + var build_sections = function (doc) { + var res = []; + var h1s = doc.find("body").first().children("h1"); + var slides = doc.find("body").first().children(".sws-slide"); + var slide_num = 1; + var collection = h1s.add(slides); + collection.each (function () { + if ($(this).is("h1")) { + res.push({ 'title' : $(this).text(), + 'slide' : slide_num }); + } else { + slide_num++; + } + }); + return res; + }; + + var toc = []; + + var append = function (a,e) { + return a.push(e); + }; + var prepend = function (a,e) { + return a.unshift(e); + }; + + var loop = function (doc, dir, add, ignoreFirst) { + if (ignoreFirst !== true) { + var this_toc = { 'title' : doc.find("title").first().text() + .replace ("&", "&") + .replace("'","'") + .replace('"', """) + .replace("<", "<") + .replace(">", ">"), + 'sections' : build_sections(doc) }; + add(toc, this_toc); + }; + var url = doc.find(dir).first().attr("href"); + if (!SWS.Utils.isUndefined(url) && url != "") { + $.ajax({ 'url' : url, 'async' : false ,'success' : function (page) { + loop ($(page), dir, add, false); + }}); + }; + }; + loop ($(document), ".sws-previous", prepend, false); + return toc; + }; - _self.keyboardHandler = function (event) { - switch (event.which) { + var _startTouch = null; + + self.inputHandler = function (event) { + if (_disable_input_events || _print_mode) return; + var code = 0; + switch (event.type) { + case 'touchstart': + _startTouch = event.changedTouches[0]; + return; + case 'touchend': + if (!_startTouch) return; + var _endTouch = event.changedTouches[0]; + var Xdist = _endTouch.clientX - _startTouch.clientX; + var Ydist = _endTouch.clientY - _startTouch.clientY; + if (Xdist > 40) code = 39 + else if (Xdist < -40) code = 37 + else if (Ydist > 20 && !$("#sws-control-panel-canvas").is(":visible")) code = 67; + else if (Ydist < -20 && $("#sws-control-panel-canvas").is(":visible")) code = 67; + else code = 39; + break; + case 'keydown': + code = event.which; + break; + default: + return; + }; + + switch (code) { case 36:/* Home */ - _self.firstSlide(); + self.setCurrentSlide(self.firstSlide()); break; case 35:/* End */ - _self.lastSlide(); + self.setCurrentSlide(self.lastSlide()); break; - case 32: /* space */ + case 34: /* PgDown */ case 39: /* -> */ - _self.next(); + case 176: /* Multimedia skip forward */ + case 179: /* Multimedia play/pause */ + if (self.getCurrentSlide() == self.lastSlide() + && self.getCurrentFrame() == self.lastFrame()) return; + self.next(); break; - case 34: /* PgDown */ case 78: /* n */ - _self.nextSlide(); + self.nextSlide(); break; case 8: /* backspace */ + case 33: /* PgUp */ case 37: /* <- */ - _self.previous(); + case 177: /* Multimedia skip backward */ + self.previous(); break; - case 33: /* PgUp */ case 80: /* p */ - _self.previousSlide(); + self.previousSlide(); break; + case 83: /* s */ + self.cycleStyle(); + return; + case 67: /* c */ + $("#sws-control-panel-canvas").toggle(); + return; + case 72: /* h */ + $("#sws-help-panel-canvas").toggle(); + default: return; }; - _self.refresh(); + self.refresh(); +}; + + + + function init_canvas(canvas, custom) { + var cur_frame = 0; + var last_frame = canvas.find(".sws-pause").length; + //Add all regular elements to the frame list + var slide = $(canvas.find(".sws-slide")[0]); + + var callbacks = { at_slide : new Array(), + at_frame : new Array() } + + if (SWS.Utils.isUndefined(custom)) { + custom = new Array (); + }; + + for (var i = 0; i < custom.length; i++) { + if (isFinite(custom[i].frame)){ + var num = +(custom[i].frame); + if (num > last_frame) last_frame = num; + SWS.Utils.push2(callbacks.at_frame, num, custom[i].fn); + } else if (custom[i].frame == "slide") + callbacks.at_slide.push(custom[i].fn); + else { + var frame_set = SWS.Utils.parseFrameSpec(custom[i].frame); + for(var f in frame_set){ + if (f > last_frame) last_frame = f; + SWS.Utils.push2(callbacks.at_frame, +(f), custom[i].fn); + }; + } + }; + + var specials = $([]); + + slide.find('*[class*="sws-onframe-"]').each(function(_){ + var cls = $(this).attr('class'); + var idx = cls.indexOf("sws-onframe-"); + if (idx >= 0) { + var end = cls.indexOf(" ", idx); + end = (end == -1) ? cls.length : end; + var spec = cls.substring(idx+12, end); + var o = SWS.Utils.parseFrameSpec(spec); + for(var f in o) + if (f > last_frame) last_frame = f; + $(this).find("*").andSelf().each(function(_){ + if (!SWS.Utils.isEmpty(o)){ + $(this).data("sws-frame-set", o); + } + specials = specials.add($(this)); + }); + }; + }); + + slide.find("*").andSelf().not(specials).each(function(i) { + if ($(this).hasClass("sws-pause")) cur_frame++; + var o = {}; + for (var j = cur_frame; j <= last_frame; j++) + o[ j ] = true; + if (!SWS.Utils.isEmpty(o)) + $(this).data("sws-frame-set", o); + }); + + canvas.data("sws-frame-info", { current: 0, + last: (last_frame - 0), // force cast to integer + callbacks: callbacks + }); + + }; + + /* Forces redrawing the page without reloading */ + self.redraw = function (f) { + if (SWS.Utils.isUndefined(f)) + $("body").hide().show(400, function () { + $("body").css("display","block"); + if (!SWS.Utils.isUndefined(f)) + f(); + }); + }; + self.changeAspect = function() { + if (_print_mode) return; + var newClass = $("#sws-aspect-select").val(); + var args = newClass.split("-"); + var targetRatio = (args[2] - 0) / (args[3] - 0); + var realRatio = window.innerWidth / window.innerHeight; + var byClass = (targetRatio > realRatio ) ? "sws-by-height" : "sws-by-width"; + if ($("html").hasClass(newClass) + && $("html").hasClass(byClass)) + return; + + $("html").removeClass("sws-aspect-4-3") + .removeClass("sws-aspect-16-9") + .removeClass("sws-aspect-16-10") + .removeClass("sws-by-width") + .removeClass("sws-by-height") + .addClass(newClass).addClass(byClass); + self.redraw(); }; - _self.init = function () { - _total_slides = $(".slide").length; + self.getCurrentTheme = function () { + var l = $("link.sws-theme[rel='stylesheet']")[0]; - $(document).keydown(_self.keyboardHandler); + if (l) { + return l.title; + } else + return "" + }; - var cur = _self.getCurrentSlide(); - $(".slide").each (function (i) { - var elem = '
' + (i+1); - elem += ''; - elem += _self.getNumSlides() + '
'; - if (!($(this).hasClass("nofooter"))) { - $(this).append($(elem)); + self.changeTheme = function (name) { + var theme_name; + if (typeof name === 'undefined') + theme_name = $("#sws-theme-select").val() + else + theme_name = name; + + _current_theme = theme_name; + $("link.sws-theme").each (function (i) { + var e = this; + var title = e.title; + if (title == theme_name) { + e.rel = "stylesheet"; + e.disabled = false; + e.media="all"; + } else { + e.rel = "alternate stylesheet"; + e.disabled = true; + e.media="all"; }; + }); + self.redraw(); + + }; + + self.openPrint = function () { + window.open ("?mode=print&theme=" + self.getCurrentTheme()); + } + var _fullscreen_icon_on = ""; + var _fullscreen_icon_off = ""; + + self.toggleFullScreen = function () { + if (SWS.Fullscreen.status()) { + SWS.Fullscreen.exit(); + $("a#sws-control-panel-fullscreen") + .html(_fullscreen_icon_off); + + + + } else { + SWS.Fullscreen.enter($("body")[0]); + $("a#sws-control-panel-fullscreen") + .html(_fullscreen_icon_on); + }; + }; + function _update_ui() { + var nav = $('#sws-control-panel-navigation-bar'); + nav.val(SWS.Presentation.getCurrentSlide() + 1); + $('#sws-control-panel-slide-input').val(nav.val()); + } + self.navigate = function () { + self.goToSlide($("#sws-control-panel-navigation-bar").val()-1); + _update_ui(); + }; + + + self.init = function () { + + + $("html").addClass("sws-display"); + //$(window).resize(self.redraw); + + var slides = $(".sws-slide"); + var h1s = $("body").children("h1"); + var slide_num = slides.add(h1s).length - 1; + + _total_slides = $(".sws-slide").add($("body").children("h1")).length; + + var cur = self.getCurrentSlide(); + var toc = self.buildFullTOC(); + var common_html = "

Plan

"; + $(this).after(this_html); + }); + + $(".sws-slide").each(function (i) { + var par = $(this).parent(); + + $(this).remove(); - var canvas = $('
'); - canvas.append($(this)); + var canvas = $('
'); + + if (!($(this).hasClass("sws-option-noheader"))) { + canvas.append($('
')); + }; + + if (!$(this).hasClass("sws-cover")) { + var title = $($(this).find("h1")[0]); + var title_div = $('
'); + title_div.append(title); + canvas.append(title_div); + }; + + var inner = $('
'); + var content = $('
'); + $(this).find('script[type="text/javascript"]').remove(); + content.append($(this)); + inner.append(content); + canvas.append(inner); + var that = this; + [ "sws-cover", "sws-toc" ].forEach( + function(v) { + if ($(that).hasClass(v)) { + inner.addClass(v); + $(that).removeClass(v); + } + }); + + if (!($(this).hasClass("sws-option-nofooter"))) { + canvas.append($('
')); + }; + par.append(canvas); + if (i == cur) { - canvas.addClass("current_slide").removeClass("other_slides"); + canvas + .addClass("sws-active-slide") + .removeClass("sws-inactive-slide"); } else { - canvas.addClass("other_slides").removeClass("current_slide"); + canvas + .addClass("sws-inactive-slide") + .removeClass("sws-active-slide"); }; - init_canvas(canvas); + init_canvas(canvas,_slide_callbacks[i]); }); - _self.refresh() + + // Initialize the control panel + $("body").append($(SWS.Templates.controlPanel)); + $("body").append($(SWS.Templates.helpPanel)); + // Fill the theme switcher + $("link.sws-theme").each (function (i) { + var e = $(this); + var opt = "