showoff 0.9.11.1 → 0.10.0

data/public/js/showoff.js

@@ -16,21 +16,18 @@ var incrCode = false
 var debugMode = false
 var gotoSlidenum = 0
 var lastMessageGuid = 0
-var shiftKeyActive = false
 var query
 var slideStartTime = new Date().getTime()
 
-var questionPrompt = 'Ask a question...'
-var feedbackPrompt = 'Why?...'
-
 var loadSlidesBool
 var loadSlidesPrefix
 
-var mode = { track: true, follow: false };
+var keycode_dictionary,
+    keycode_shifted_keys;
+
+var mode = { track: true, follow: true };
 
-$(document).on('click', '.execute .sh_javascript code', executeCode);
-$(document).on('click', '.execute .sh_ruby code', executeRuby);
-$(document).on('click','.execute .sh_coffeescript code', executeCoffee);
+$(document).on('click', 'code.execute', executeCode);
 
 function setupPreso(load_slides, prefix) {
 	if (preso_started)
@@ -48,14 +45,12 @@ function setupPreso(load_slides, prefix) {
 	loadSlidesPrefix = prefix || '/'
 	loadSlides(loadSlidesBool, loadSlidesPrefix)
 
+  loadKeyDictionaries();
+
 	doDebugStuff()
 
 	// bind event handlers
-	document.onkeydown = keyDown
-	document.onkeyup   = keyUp
-	/* window.onresize	= resized; */
-	/* window.onscroll = scrolled; */
-	/* window.onunload = unloaded; */
+	toggleKeybinding('on');
 
 	$('#preso').addSwipeEvents().
 		bind('tap', swipeLeft).         // next
@@ -79,13 +74,11 @@ function setupPreso(load_slides, prefix) {
   $("#feedbackWrapper").hover(
     function() {
       $('#feedbackSidebar').show();
-      document.onkeydown = null;
-      document.onkeyup   = null;
+      toggleKeybinding();
     },
     function() {
       $('#feedbackSidebar').hide();
-      document.onkeydown = keyDown;
-      document.onkeyup   = keyUp;
+      toggleKeybinding();
     }
   );
 
@@ -97,11 +90,6 @@ function setupPreso(load_slides, prefix) {
   });
   $("#editSlide").click(function() { editSlide(); });
 
-  $("textarea#question").val(questionPrompt);
-  $("textarea#feedback").val(feedbackPrompt);
-  $("textarea#question").focus(function() { clearIf($(this), questionPrompt) });
-  $("textarea#feedback").focus(function() { clearIf($(this), feedbackPrompt) });
-
   // Open up our control socket
   if(mode.track) {
     connectControlChannel();
@@ -129,13 +117,17 @@ function loadSlides(load_slides, prefix) {
 	}
 }
 
+function loadKeyDictionaries () {
+  $.getJSON('/js/keyDictionary.json', function(data) {
+    keycode_dictionary = data['keycodeDictionary'];
+    keycode_shifted_keys = data['shiftedKeyDictionary'];
+  });
+}
+
 function initializePresentation(prefix) {
 	// unhide for height to work in static mode
         $("#slides").show();
 
-	//center slides offscreen
-	centerSlides($('#slides > .slide'))
-
 	//copy into presentation area
 	$("#preso").empty()
 	$('#slides > .slide').appendTo($("#preso"))
@@ -150,7 +142,7 @@ function initializePresentation(prefix) {
 	})
 
 	setupMenu()
-	setupStyleMenu()
+
 	if (slidesLoaded) {
 		showSlide()
 	} else {
@@ -159,11 +151,16 @@ function initializePresentation(prefix) {
 	}
 	setupSlideParamsCheck();
 
-  try {
-	    sh_highlightDocument('/js/sh_lang/', '.min.js')
-	} catch(e) {
-	    sh_highlightDocument();
-	}
+
+  $('pre.highlight code').each(function(i, block) {
+    try {
+      hljs.highlightBlock(block);
+    } catch(e) {
+      console.log('Syntax highlighting failed on ' + $(this).closest('div.slide').attr('id'));
+      console.log('Syntax highlighting failed for ' + $(this).attr('class'));
+      console.log(e);
+    }
+  });
 
   $(".content form").submit(function(e) {
     e.preventDefault();
@@ -172,12 +169,10 @@ function initializePresentation(prefix) {
 
   // suspend hotkey handling
   $(".content form :input").focus( function() {
-    document.onkeydown = null;
-    document.onkeyup   = null;
+    toggleKeybinding();
   });
   $(".content form :input").blur( function() {
-    document.onkeydown = keyDown;
-    document.onkeyup   = keyUp;
+    toggleKeybinding();
   });
 
   $(".content form :input").change(function(e) {
@@ -220,22 +215,6 @@ function zoom()
   }
 }
 
-function centerSlides(slides) {
-	slides.each(function(s, slide) {
-		centerSlide(slide)
-	})
-}
-
-function centerSlide(slide) {
-	var slide_content = $(slide).find(".content").first()
-	var height = slide_content.height()
-	var mar_top = (0.5 * parseFloat($(slide).height())) - (0.5 * parseFloat(height))
-	if (mar_top < 0) {
-		mar_top = 0
-	}
-	slide_content.css('margin-top', mar_top)
-}
-
 function setupMenu() {
 	$('#navmenu').hide();
 
@@ -459,13 +438,6 @@ function showIncremental(incr)
 		}
 }
 
-function clearIf(elem, val) {
-  console.log(elem.val());
-  console.log(val);
-  if(elem.val() == val ) { elem.val(''); }
-}
-
-
 // form handling
 function submitForm(form) {
   if(validateForm(form)) {
@@ -700,14 +672,12 @@ function sendPace(pace) {
 
 function askQuestion(question) {
   ws.send(JSON.stringify({ message: 'question', question: question}));
-  $("textarea#question").val(questionPrompt);
   feedbackActivity();
 }
 
 function sendFeedback(rating, feedback) {
   var slide  = $("#slideFilename").text();
   ws.send(JSON.stringify({ message: 'feedback', rating: rating, feedback: feedback, slide: slide}));
-  $("textarea#feedback").val(feedbackPrompt);
   $("input:radio[name=rating]:checked").attr('checked', false);
   feedbackActivity();
 }
@@ -802,6 +772,10 @@ function doDebugStuff()
 
 function blankScreen()
 {
+  try {
+    slaveWindow.blankScreen();
+  }
+  catch (e) {
     if ($('#screenblanker').length) { // if #screenblanker exists
         $('#screenblanker').slideUp('normal', function() {
             $('#screenblanker').remove();
@@ -810,6 +784,7 @@ function blankScreen()
         $('body').prepend('<div id="screenblanker"></div>');
         $('#screenblanker').slideDown();
     }
+  }
 }
 
 var notesMode = false
@@ -836,149 +811,121 @@ function toggleFollow()
   }
 }
 
-function executeAnyCode()
-{
-  var $jsCode = $('.execute .sh_javascript code:visible')
-  if ($jsCode.length > 0) {
-      executeCode.call($jsCode);
-  }
-  var $rubyCode = $('.execute .sh_ruby code:visible')
-  if ($rubyCode.length > 0) {
-      executeRuby.call($rubyCode);
-  }
-  var $coffeeCode = $('.execute .sh_coffeescript code:visible')
-  if ($coffeeCode.length > 0) {
-      executeCoffee.call($coffeeCode);
-  }
-}
-
 function debug(data)
 {
 	$('#debugInfo').text(data)
 }
 
-//  See e.g. http://www.quirksmode.org/js/keys.html for keycodes
-function keyDown(event)
-{
-	var key = event.keyCode;
+function toggleKeybinding (setting) {
+  if (document.onkeydown === null || setting === 'on') {
+    if (typeof presenterKeyDown === 'function') {
+      document.onkeydown = presenterKeyDown;
+    } else {
+      document.onkeydown = keyDown;
+    }
+  } else {
+    document.onkeydown = null;
+  }
+}
 
-	if (event.ctrlKey || event.altKey || event.metaKey)
-		return true;
+function keyDown(event){
+  var key = event.keyCode;
 
-	debug('keyDown: ' + key)
+  debug('keyDown: ' + key);
+  // avoid overriding browser commands
+  if (event.ctrlKey || event.altKey || event.metaKey) {
+    return true;
+  }
 
-	if (key >= 48 && key <= 57) // 0 - 9
-	{
-		gotoSlidenum = gotoSlidenum * 10 + (key - 48);
-		return true;
-	}
+  switch(getAction(event)) {
+    case 'DEBUG':     toggleDebug();    break;
+    case 'PREV':      prevStep();       break;
+    case 'NEXT':      nextStep();       break;
+    case 'RELOAD':    reloadSlides();   break;
+    case 'CONTENTS':  toggleContents(); break;
+    case 'HELP':      toggleHelp();     break;
+    case 'BLANK':     blankScreen();    break;
+    case 'FOOTER':    toggleFooter();   break;
+    case 'FOLLOW':    toggleFollow();   break;
+    case 'NOTES':     toggleNotes();    break;
+    case 'CLEAR':     removeResults();  break;
+    case 'PAUSE':     togglePause();    break;
+    case 'PRESHOW':   togglePreShow();  break;
+    case 'EXECUTE':
+      debug('executeCode');
+      executeVisibleCodeBlock();
+      break;
+    default:
+      switch (key) {
+        case 48: // 0
+        case 49: // 1
+        case 50: // 2
+        case 51: // 3
+        case 52: // 4
+        case 53: // 5
+        case 54: // 6
+        case 55: // 7
+        case 56: // 8
+        case 57: // 9
+          // concatenate numbers from previous keypress events
+          gotoSlidenum = gotoSlidenum * 10 + (key - 48);
+          break;
+        case 13: // enter/return
+          // check for a combination of numbers from previous keypress events
+          if (gotoSlidenum > 0) {
+            debug('go to ' + gotoSlidenum);
+            slidenum = gotoSlidenum - 1;
+            showSlide(true);
+            gotoSlidenum = 0;
+          }
+          break;
+        default:
+          break;
+      }
+      break;
+    }
+  return true;
+}
 
-	if (key == 13) {
-		if (gotoSlidenum > 0) {
-			debug('go to ' + gotoSlidenum);
-			slidenum = gotoSlidenum - 1;
-			showSlide(true);
-			gotoSlidenum = 0;
-		} else {
-			debug('executeCode');
-			executeAnyCode();
-		}
-	}
+function getAction (event) {
+  return keymap[getKeyName(event)];
+}
 
+function getKeyName (event) {
+  var keyName = keycode_dictionary[event.keyCode];
+  if (event.shiftKey && keyName !== undefined) {
+    // Check for non-alpha characters first, because no idea what toUpperCase will do to those
+    if (keycode_shifted_keys[keyName] !== undefined) {
+      keyName = keycode_shifted_keys[keyName];
+    } else {
+      keyName = keyName.toUpperCase();
+    }
+  }
+  return keyName;
+}
 
-	if (key == 16) // shift key
-	{
-		shiftKeyActive = true;
-	}
+function toggleDebug () {
+  debugMode = !debugMode;
+  doDebugStuff();
+}
 
-	if (key == 32) // space bar
-	{
-		if (shiftKeyActive) {
-			prevStep()
-		} else {
-			nextStep()
-		}
-	}
-	else if (key == 68) // 'd' for debug
-	{
-		debugMode = !debugMode
-		doDebugStuff()
-	}
-	else if (key == 37 || key == 33 || key == 38) // Left arrow, page up, or up arrow
-	{
-		prevStep()
-	}
-	else if (key == 39 || key == 34 || key == 40) // Right arrow, page down, or down arrow
-	{
-		nextStep()
-	}
-	else if (key == 82) // R for reload
-	{
-		if (confirm('really reload slides?')) {
-			loadSlides(loadSlidesBool, loadSlidesPrefix)
-			showSlide()
-		}
-	}
-	else if (key == 84 || key == 67)  // T or C for table of contents
-	{
-		$('#navmenu').toggle().trigger('click')
-	}
-	else if (key == 83)  // 's' for style
-	{
-		$('#stylemenu').toggle().trigger('click')
-	}
-	else if (key == 90 || key == 191) // z or ? for help
-	{
-		$('#help').toggle()
-	}
-	else if (key == 66) // b for blank, also what kensington remote "stop" button sends
-	{
-		blankScreen()
-	}
-  else if (key == 70) // f for footer
-	{
-		toggleFooter()
-	}
-	else if (key == 71) // g for follow mode
-	{
-  	toggleFollow()
-	}
-	else if (key == 76) // l for leader mode
-	{
-		toggleLeader()
-	}
-	else if (key == 78) // 'n' for notes
-	{
-		toggleNotes()
-	}
-	else if (key == 27) // esc
-	{
-		removeResults();
-	}
-	else if (key == 80) // 'p' for preshow, 'P' for pause
-	{
-    if (shiftKeyActive) {
-      togglePause();
-    }
-    else {
-      togglePreShow();
-    }
-	}
-	return true
+function reloadSlides () {
+  if (confirm('Are you sure you want to reload the slides?')) {
+    loadSlides(loadSlidesBool, loadSlidesPrefix);
+    showSlide();
+  }
 }
 
-function toggleFooter()
-{
+function toggleFooter() {
 	$('#footer').toggle()
 }
 
-function keyUp(event) {
-	var key = event.keyCode;
-	debug('keyUp: ' + key);
-	if (key == 16) // shift key
-	{
-		shiftKeyActive = false;
-	}
+function toggleHelp () {
+  $('#help').toggle();
+}
+
+function toggleContents () {
+  $('#navmenu').toggle().trigger('click');
 }
 
 function swipeLeft() {
@@ -1036,153 +983,245 @@ function ListMenuItem(t, s)
 
 var removeResults = function() {
 	$('.results').remove();
+
+	// if we're a presenter, mirror this on the display window
+  try { slaveWindow.removeResults() } catch (e) {};
 };
 
 var print = function(text) {
 	removeResults();
-	var _results = $('<div>').addClass('results').html($.print(text, {max_string:500}));
+	var _results = $('<div>').addClass('results').html('<pre>'+$.print(text, {max_string:500})+'</pre>');
 	$('body').append(_results);
 	_results.click(removeResults);
+
+	// if we're a presenter, mirror this on the display window
+  try { slaveWindow.print(text) } catch (e) {};
 };
 
-function executeCode () {
-	result = null;
-	var codeDiv = $(this);
-	codeDiv.addClass("executing");
-	eval(codeDiv.text());
-	setTimeout(function() { codeDiv.removeClass("executing");}, 250 );
-	if (result != null) print(result);
-}
-
-function executeRuby () {
-	var codeDiv = $(this);
-	codeDiv.addClass("executing");
-    $.get('/eval_ruby', {code: codeDiv.text()}, function(result) {
-        if (result != null) print(result);
-        codeDiv.removeClass("executing");
-    });
+// Execute the first visible executable code block
+function executeVisibleCodeBlock()
+{
+  var code = $('code.execute:visible')
+  if (code.length > 0) {
+    // make the code block available as $(this) object
+    executeCode.call(code[0]);
+  }
 }
 
-function executeCoffee() {
-	result = null;
-	var codeDiv = $(this);
-	codeDiv.addClass("executing");
-  // Coffeescript encapsulates everything, so result must be attached to window.
-  var code = codeDiv.text() + ';window.result=result;'
-	eval(CoffeeScript.compile(code));
-	setTimeout(function() { codeDiv.removeClass("executing");}, 250 );
-	if (result != null) print(result);
+// determine which code handler to call and execute code sample
+function executeCode() {
+  var codeDiv = $(this);
+
+  try {
+    var lang = codeDiv.attr("class").match(/\blanguage-(\w+)/)[1];
+    switch(lang) {
+      case 'javascript':
+      case 'coffeescript':
+        executeLocalCode(lang, codeDiv);
+        break;
+      default:
+        executeRemoteCode(lang, codeDiv)
+        break;
+    }
+  }
+  catch(e) {
+    debug('No code block to execute: ' + codeDiv.attr('class'));
+  };
+}
+
+// any code that can be run directly in the browser
+function executeLocalCode(lang, codeDiv) {
+  var result = null;
+  var codeDiv = $(this);
+
+  setExecutionSignal(true, codeDiv);
+  setTimeout(function() { setExecutionSignal(false, codeDiv);}, 1000 );
+
+  try {
+    switch(lang) {
+      case 'javascript':
+        result = eval(codeDiv.text());
+        break;
+      case 'coffeescript':
+        result = eval(CoffeeScript.compile(codeDiv.text(), {bare: true}));
+        break;
+      default:
+        result = 'No local exec handler for ' + lang;
+    }
+  }
+  catch(e) {
+    result = e.message;
+  };
+  if (result != null) print(result);
+}
+
+// request the server to execute a code block by path and index
+function executeRemoteCode(lang, codeDiv) {
+  var slide = codeDiv.closest('div.content');
+  var index = slide.find('code.execute').index(codeDiv);
+  var path  = slide.attr('ref');
+
+  setExecutionSignal(true, codeDiv);
+  $.get('/execute/'+lang, {path: path, index: index}, function(result) {
+    if (result != null) print(result);
+    setExecutionSignal(false, codeDiv);
+  });
+}
+
+// Provide visual indication that a block of code is running
+function setExecutionSignal(status, codeDiv) {
+  if (status === true) {
+    codeDiv.addClass("executing");
+  }
+  else {
+    codeDiv.removeClass("executing");
+  }
+
+  // if we're a presenter, mirror this on the display window
+  try {
+    var id    = codeDiv.closest('div.slide').attr('id');
+    var index = $('div.slide#'+id+' code.execute').index(codeDiv);
+    var code  = slaveWindow.$('div.slide#'+id+' code.execute').eq(index)
+
+    if (status === true) {
+      code.addClass("executing");
+    }
+    else {
+      code.removeClass("executing");
+    }
+  } catch (e) {};
 }
 
 /********************
  PreShow Code
  ********************/
 
-var preshow_seconds = 0;
-var preshow_secondsLeft = 0;
-var preshow_secondsPer = 8;
-var preshow_running = false;
-var preshow_timerRunning = false;
-var preshow_current = 0;
-var preshow_images;
-var preshow_imagesTotal = 0;
-var preshow_des = null;
+
+var preshow_stop         = null;
+var preshow_secondsPer   = 8;
+
+var preshow_current      = 0;
+var preshow_images       = null;
+var preshow_imagesTotal  = 0;
+var preshow_des          = null;
 
 function togglePreShow() {
-	if(preshow_running) {
-		stopPreShow()
-	} else {
-		var minutes = prompt("Minutes from now to start")
-
-		if (preshow_secondsLeft = parseFloat(minutes) * 60) {
-			toggleFooter()
-			$.getJSON("preshow_files", false, function(data) {
-				$('#preso').after("<div id='preshow'></div><div id='tips'></div><div id='preshow_timer'></div>")
-				$.each(data, function(i, n) {
-					if(n == "preshow.json") {
-						// has a descriptions file
-						$.getJSON("/file/_preshow/preshow.json", false, function(data) {
-							preshow_des = data
-						})
-					} else {
-						$('#preshow').append('<img ref="' + n + '" src="/file/_preshow/' + n + '"/>')
-					}
-				})
-				startPreShow()
-			})
-		}
-	}
+  // The slave window updates this flag, which seems backwards except that the
+  // slave determines when to finish preshow.
+  if(preshow_stop) {
+    try {
+      slaveWindow.stopPreShow();
+    }
+    catch (e) {
+      stopPreShow();
+    }
+
+  } else {
+    var seconds = parseFloat(prompt("Minutes from now to start") * 60);
+
+    try {
+      slaveWindow.setupPreShow(seconds);
+    }
+    catch (e) {
+      setupPreShow(seconds);
+    }
+  }
+}
+
+function setupPreShow(seconds) {
+  preshow_stop = secondsFromNow(seconds);
+  try { presenterView.preshow_stop = preshow_stop } catch (e) {}
+
+  // footer styling looks icky. Hide it for now.
+  $('#footer').hide();
+
+  $.getJSON("preshow_files", false, function(data) {
+    $('#preso').after("<div id='preshow'></div><div id='tips'></div><div id='preshow_timer'></div>");
+    $.each(data, function(i, n) {
+      if(n == "preshow.json") {
+        // has a descriptions file
+        $.getJSON("/file/_preshow/preshow.json", false, function(data) {
+          preshow_des = data;
+        })
+      } else {
+        $('#preshow').append('<img ref="' + n + '" src="/file/_preshow/' + n + '"/>');
+      }
+    })
+    preshow_images      = $('#preshow > img');
+    preshow_imagesTotal = preshow_images.size();
+
+    startPreShow();
+  });
 }
 
 function startPreShow() {
-	if (!preshow_running) {
-		preshow_running = true
-		preshow_seconds = 0
-		preshow_images = $('#preshow > img')
-		preshow_imagesTotal = preshow_images.size()
-		nextPreShowImage()
-
-		if(!preshow_timerRunning) {
-			setInterval(function() {
-				preshow_timerRunning = true
-				if (!preshow_running) { return }
-				preshow_seconds++
-				preshow_secondsLeft--
-		if (preshow_secondsLeft < 0) {
-			stopPreShow()
-		}
-				if (preshow_seconds == preshow_secondsPer) {
-					preshow_seconds = 0
-					nextPreShowImage()
-				}
-		addPreShowTips()
-			}, 1000)
-		}
-	}
+  nextPreShowImage();
+
+  var nextImage = secondsFromNow(preshow_secondsPer);
+  var interval  = setInterval(function() {
+    var now = new Date();
+
+    if (now > preshow_stop) {
+      clearInterval(interval);
+      stopPreShow();
+    } else {
+      if (now > nextImage) {
+        nextImage = secondsFromNow(preshow_secondsPer);
+        nextPreShowImage();
+      }
+      var secondsLeft = Math.floor((preshow_stop.getTime() - now.getTime()) / 1000);
+      addPreShowTips(secondsLeft);
+    }
+  }, 1000)
 }
 
-function addPreShowTips() {
-	time = secondsToTime(preshow_secondsLeft)
-	$('#preshow_timer').text('Resuming in: ' + time)
-	var des = preshow_des && preshow_des[tmpImg.attr("ref")]
+function addPreShowTips(secondsLeft) {
+	$('#preshow_timer').text('Resuming in: ' + secondsToTime(secondsLeft));
+	var des = preshow_des && preshow_des[tmpImg.attr("ref")];
 	if(des) {
-		$('#tips').show()
-		$('#tips').text(des)
+		$('#tips').show();
+		$('#tips').text(des);
 	} else {
-		$('#tips').hide()
+		$('#tips').hide();
 	}
 }
 
+function secondsFromNow(seconds) {
+  var now = new Date();
+  now.setTime(now.getTime() + seconds * 1000);
+  return now;
+}
+
 function secondsToTime(sec) {
-	min = Math.floor(sec / 60)
-	sec = sec - (min * 60)
+	var min = Math.floor(sec / 60);
+	sec = sec - (min * 60);
 	if(sec < 10) {
-		sec = "0" + sec
+		sec = "0" + sec;
 	}
-	return min + ":" + sec
+	return min + ":" + sec;
 }
 
 function stopPreShow() {
-	preshow_running = false
+  try { presenterView.preshow_stop = null } catch (e) {}
+	preshow_stop = null;
 
-	$('#preshow').remove()
-	$('#tips').remove()
-	$('#preshow_timer').remove()
+	$('#preshow').remove();
+	$('#tips').remove();
+	$('#preshow_timer').remove();
 
-	toggleFooter()
 	loadSlides(loadSlidesBool, loadSlidesPrefix);
 }
 
 function nextPreShowImage() {
-	preshow_current += 1
+	preshow_current += 1;
 	if((preshow_current + 1) > preshow_imagesTotal) {
-		preshow_current = 0
+		preshow_current = 0;
 	}
 
-	$("#preso").empty()
-	tmpImg = preshow_images.eq(preshow_current).clone()
-	$(tmpImg).attr('width', '1020')
-	$("#preso").html(tmpImg)
+	$("#preso").empty();
+	tmpImg = preshow_images.eq(preshow_current).clone();
+	$(tmpImg).attr('width', '1020');
+	$("#preso").html(tmpImg);
 }
 
 /********************
@@ -1190,107 +1229,14 @@ function nextPreShowImage() {
  ********************/
 
 function togglePause() {
-  $("#pauseScreen").toggle();
-}
-
-/********************
- Style-Picker Code
- ********************/
-
-function styleChoiceTags() {
-  return $('link[rel*="stylesheet"][href*="file/"]');
-}
-
-function styleChoices() {
-  return $.map(styleChoiceTags(), function(el) { return styleChoiceString(el.href); });
-}
-
-function styleChoiceString(href) {
-  var parts = href.split('/');
-  var file = parts[parts.length - 1];
-  var choice = file.replace(/\.css$/, '');
-
-  return choice;
-}
-
-function getCurrentStyle()
-{
-  var current = '';
-
-  styleChoiceTags().each(function (i, el) {
-    if (el.rel == 'stylesheet') {
-      current = el.href;
-    }
-  });
-
-  return styleChoiceString(current);
-}
-
-function setCurrentStyle(style, prop)
-{
-  styleChoiceTags().each(function (i, el) {
-    el.rel = 'alternate stylesheet';
-
-    if (styleChoiceString(el.href) == style) {
-      el.rel = 'stylesheet';
-    }
-  });
-
-  if (prop) {
-    if ('presenterView' in window) {
-      var pv = window.presenterView;
-      pv.setCurrentStyle(style, false);
-    }
-  }
-}
-
-function setupStyleMenu() {
-    $('#stylemenu').hide();
-
-    var menu = new StyleListMenu();
-    styleChoices().each(function(s) {
-        menu.addItem(s)
-    })
-
-    $('#stylepicker').html(menu.getList())
-    $('#stylemenu').menu({
-        content: $('#stylepicker').html(),
-        flyOut: true
-    });
-}
-
-function StyleListMenu()
-{
-  this.typeName = 'StyleListMenu'
-  this.items = new Array();
-  this.addItem = function (key) {
-    this.items[key] = new StyleListMenuItem(key)
+  try {
+    slaveWindow.togglePause();
   }
-  this.getList = function() {
-    var newMenu = $("<ul>")
-    for(var i in this.items) {
-      var item = this.items[i]
-      var domItem = $("<li>")
-      if (item.textName != undefined) {
-        choice = $("<a onclick=\"setCurrentStyle('" + item.textName + "', true); $('#stylemenu').hide();\" href=\"#\">" + item.textName + "</a>")
-        domItem.append(choice)
-        newMenu.append(domItem)
-      }
-    }
-    return newMenu
+  catch (e) {
+    $("#pauseScreen").toggle();
   }
 }
 
-function StyleListMenuItem(t)
-{
-  this.typeName = "StyleListMenuItem"
-  this.textName = t
-}
-/********************
- End Style-Picker Code
- ********************/
-
-
 /********************
  Stats page
  ********************/