1 /* slidy.js

     2 

     3    Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.

     4    W3C liability, trademark, document use and software licensing

     5    rules apply, see:

     6 

     7    http://www.w3.org/Consortium/Legal/copyright-documents

     8    http://www.w3.org/Consortium/Legal/copyright-software

     9 */

    10 

    11 var ns_pos = (typeof window.pageYOffset!='undefined');

    12 var khtml = ((navigator.userAgent).indexOf("KHTML") >= 0 ? true : false);

    13 var opera = ((navigator.userAgent).indexOf("Opera") >= 0 ? true : false);

    14 var ie7 = (!ns_pos && navigator.userAgent.indexOf("MSIE 7") != -1);

    15 

    16 window.onload = startup; // equivalent to onload on body element

    17 

    18 // IE only event handlers to ensure all slides are printed

    19 // I don't yet know how to emulate these for other browsers

    20 window.onbeforeprint = beforePrint;

    21 window.onafterprint = afterPrint;

    22 

    23 // hack to hide slides while loading

    24 setTimeout(hideAll, 50);

    25 

    26 function hideAll()

    27 {

    28   if (document.body)

    29     document.body.style.visibility = "hidden";

    30   else

    31     setTimeout(hideAll, 50);

    32 }

    33 

    34 var slidenum = 0;     // integer slide count: 0, 1, 2, ...

    35 var slides;           // set to array of slide div's

    36 var slideNumElement;  // element containing slide number

    37 var notes;            // set to array of handout div's

    38 var backgrounds;      // set to array of background div's

    39 var toolbar;          // element containing toolbar

    40 var title;            // document title

    41 var lastShown = null; // last incrementally shown item

    42 var eos = null;       // span element for end of slide indicator

    43 var toc = null;       // table of contents

    44 var outline = null;   // outline element with the focus

    45 var selectedTextLen;  // length of drag selection on document

    46 

    47 var viewAll = 0;      // 1 to view all slides + handouts

    48 var wantToolbar = 1;   // 0 if toolbar isn't wanted

    49 var mouseClickEnabled = true;  // enables left click for next slide

    50 var scrollhack = 0;   // IE work around for position: fixed

    51 

    52 var helpAnchor;  // used for keyboard focus hack in showToolbar()

    53 var helpPage = "http://www.w3.org/Talks/Tools/Slidy/help.html";

    54 var helpText = "Navigate with mouse click, space bar, Cursor Left/Right, " +

    55                "or Pg Up and Pg Dn. Use S and B to change font size.";

    56 

    57 var sizeIndex = 0;

    58 var sizeAdjustment = 0;

    59 var sizes = new Array("10pt", "12pt", "14pt", "16pt", "18pt", "20pt",

    60                       "22pt", "24pt", "26pt", "28pt", "30pt", "32pt");

    61 

    62 var okayForIncremental = incrementalElementList();

    63 

    64 // needed for efficient resizing

    65 var lastWidth = 0;

    66 var lastHeight = 0;

    67 

    68 // Needed for cross browser support for relative width/height on

    69 // object elements. The work around is to save width/height attributes

    70 // and then to recompute absolute width/height dimensions on resizing

    71 var objects;

    72 

    73 // updated to language specified by html file

    74 var lang = "en";

    75 

    76 //var localize = {};

    77 

    78 // for each language there is an associative array

    79 var strings_es = {

    80   "slide":"pág.",

    81   "help?":"Ayuda",

    82   "contents?":"Índice",

    83   "table of contents":"tabla de contenidos",

    84   "Table of Contents":"Tabla de Contenidos",

    85   "restart presentation":"Reiniciar presentación",

    86   "restart?":"Inicio"

    87    };

    88 

    89 strings_es[helpText] =

    90     "Utilice el ratón, barra espaciadora, teclas Izda/Dcha, " +

    91     "o Re pág y Av pág. Use S y B para cambiar el tamaño de fuente.";

    92 

    93 var strings_ca = {

    94  "slide":"pàg..",

    95  "help?":"Ajuda",

    96  "contents?":"Índex",

    97  "table of contents":"taula de continguts",

    98  "Table of Contents":"Taula de Continguts",

    99  "restart presentation":"Reiniciar presentació",

   100  "restart?":"Inici"

   101   };

   102 

   103 strings_ca[helpText] =

   104    "Utilitzi el ratolí, barra espaiadora, tecles Esq./Dta. " +

   105    "o Re pàg y Av pàg. Usi S i B per canviar grandària de font.";

   106 

   107 var strings_nl = {

   108   "slide":"pagina",

   109   "help?":"Help?",

   110   "contents?":"Inhoud?",

   111   "table of contents":"inhoudsopgave",

   112   "Table of Contents":"Inhoudsopgave",

   113   "restart presentation":"herstart presentatie",

   114   "restart?":"Herstart?"

   115    };

   116 

   117 strings_nl[helpText] =

   118     "Navigeer d.m.v. het muis, spatiebar, Links/Rechts toetsen, " +

   119     "of PgUp en PgDn. Gebruik S en B om de karaktergrootte te veranderen.";

   120 

   121 var strings_de = {

   122   "slide":"Seite",

   123   "help?":"Hilfe",

   124   "contents?":"Übersicht",

   125   "table of contents":"Inhaltsverzeichnis",

   126   "Table of Contents":"Inhaltsverzeichnis",

   127   "restart presentation":"Präsentation neu starten",

   128   "restart?":"Neustart"

   129    };

   130 

   131 strings_de[helpText] =

   132     "Benutzen Sie die Maus, Leerschlag, die Cursortasten links/rechts oder " +

   133     "Page up/Page Down zum Wechseln der Seiten und S und B für die Schriftgrösse.";

   134 

   135 var strings_pl = {

   136   "slide":"slajd",

   137   "help?":"pomoc?",

   138   "contents?":"spis treści?",

   139   "table of contents":"spis treści",

   140   "Table of Contents":"Spis Treści",

   141   "restart presentation":"Restartuj prezentację",

   142   "restart?":"restart?"

   143    };

   144 

   145 strings_pl[helpText] =

   146     "Zmieniaj slajdy klikając myszą, naciskając spację, strzałki lewo/prawo" +

   147     "lub PgUp / PgDn. Użyj klawiszy S i B, aby zmienić rozmiar czczionki.";

   148 

   149 var strings_fr = {

   150   "slide":"page",

   151   "help?":"Aide",

   152   "contents?":"Index",

   153   "table of contents":"table des matières",

   154   "Table of Contents":"Table des matières",

   155   "restart presentation":"Recommencer l'exposé",

   156   "restart?":"Début"

   157   };

   158 

   159 strings_fr[helpText] =

   160     "Naviguez avec la souris, la barre d'espace, les flèches " +

   161     "gauche/droite ou les touches Pg Up, Pg Dn. Utilisez " +

   162     "les touches S et B pour modifier la taille de la police.";

   163 

   164 var strings_hu = {

   165   "slide":"oldal",

   166   "help?":"segítség",

   167   "contents?":"tartalom",

   168   "table of contents":"tartalomjegyzék",

   169   "Table of Contents":"Tartalomjegyzék",

   170   "restart presentation":"bemutató újraindítása",

   171   "restart?":"újraindítás"

   172    };

   173 

   174 strings_hu[helpText] =

   175     "Az oldalak közti lépkedéshez kattintson az egérrel, vagy " +

   176     "használja a szóköz, a bal, vagy a jobb nyíl, illetve a Page Down, " +

   177     "Page Up billentyűket. Az S és a B billentyűkkel változtathatja " +

   178     "a szöveg méretét.";

   179 

   180 var strings_it = {

   181   "slide":"pag.",

   182   "help?":"Aiuto",

   183   "contents?":"Indice",

   184   "table of contents":"indice",

   185   "Table of Contents":"Indice",

   186   "restart presentation":"Ricominciare la presentazione",

   187   "restart?":"Inizio"

   188    };

   189 

   190 strings_it[helpText] =

   191     "Navigare con mouse, barra spazio, frecce sinistra/destra o " +

   192     "PgUp e PgDn. Usare S e B per cambiare la dimensione dei caratteri.";

   193 

   194 var strings_el = {

   195   "slide":"σελίδα",

   196   "help?":"βοήθεια;",

   197   "contents?":"περιεχόμενα;",

   198   "table of contents":"πίνακας περιεχομένων",

   199   "Table of Contents":"Πίνακας Περιεχομένων",

   200   "restart presentation":"επανεκκίνηση παρουσίασης",

   201   "restart?":"επανεκκίνηση;"

   202    };

   203 

   204 strings_el[helpText] =

   205   "Πλοηγηθείτε με το κλίκ του ποντικιού, το space, τα βέλη αριστερά/δεξιά, " +

   206   "ή Page Up και Page Down. Χρησιμοποιήστε τα πλήκτρα S και B για να αλλάξετε " +

   207   "το μέγεθος της γραμματοσειράς.";

   208 

   209 var strings_ja = {

   210   "slide":"スライド",

   211   "help?":"ヘルプ",

   212   "contents?":"目次",

   213   "table of contents":"目次を表示",

   214   "Table of Contents":"目次",

   215   "restart presentation":"最初から再生",

   216   "restart?":"最初から"

   217 };

   218 

   219 strings_ja[helpText] =

   220     "マウス左クリック ・ スペース ・ 左右キー " +

   221     "または Page Up ・ Page Downで操作， S ・ Bでフォントサイズ変更";

   222 

   223 

   224 // each such language array is declared in the localize array

   225 // used indirectly as in help.innerHTML = "help".localize();

   226 var localize = {

   227      "es":strings_es,

   228      "ca":strings_ca,

   229      "nl":strings_nl,

   230      "de":strings_de,

   231      "pl":strings_pl,

   232      "fr":strings_fr,

   233      "hu":strings_hu,

   234      "it":strings_it,

   235      "el":strings_el,

   236      "jp":strings_ja

   237    };

   238 

   239 /* general initialization */

   240 function startup()

   241 {

   242    // find human language from html element

   243    // for use in localizing strings

   244    lang = document.body.parentNode.getAttribute("lang");

   245 

   246    if (!lang)

   247      lang = document.body.parentNode.getAttribute("xml:lang");

   248 

   249    if (!lang)

   250      lang = "en";

   251 

   252    document.body.style.visibility = "visible";

   253    title = document.title;

   254    toolbar = addToolbar();

   255    wrapImplicitSlides();

   256    slides = collectSlides();

   257    notes = collectNotes();

   258    objects = document.body.getElementsByTagName("object");

   259    backgrounds = collectBackgrounds();

   260    patchAnchors();

   261 

   262    slidenum = findSlideNumber(location.href);

   263    window.offscreenbuffering = true;

   264    sizeAdjustment = findSizeAdjust();

   265    hideImageToolbar();  // suppress IE image toolbar popup

   266    initOutliner();  // activate fold/unfold support

   267 

   268    if (slides.length > 0)

   269    {

   270       var slide = slides[slidenum];

   271       slide.style.position = "absolute";

   272    

   273       if (slidenum > 0)

   274       {

   275          setVisibilityAllIncremental("visible");

   276          lastShown = previousIncrementalItem(null);

   277          setEosStatus(true);

   278       }

   279       else

   280       {

   281          lastShown = null;

   282          setVisibilityAllIncremental("hidden");

   283          setEosStatus(!nextIncrementalItem(lastShown));

   284       }

   285 

   286       setLocation();

   287    }

   288 

   289    toc = tableOfContents();

   290    hideTableOfContents();

   291 

   292    // bind event handlers

   293    document.onclick = mouseButtonClick;

   294    document.onmouseup = mouseButtonUp;

   295    document.onkeydown = keyDown;

   296    window.onresize  = resized;

   297    window.onscroll = scrolled;

   298    singleSlideView();

   299 

   300    setLocation();

   301    resized();

   302 

   303    if (ie7)

   304      setTimeout("ieHack()", 100);

   305 

   306    showToolbar();

   307 }

   308 

   309 // add localize method to all strings for use

   310 // as in help.innerHTML = "help".localize();

   311 String.prototype.localize = function()

   312 {

   313   if (this == "")

   314     return this;

   315 

   316   // try full language code, e.g. en-US

   317   var s, lookup = localize[lang];

   318 

   319   if (lookup)

   320   {

   321     s = lookup[this];

   322 

   323     if (s)

   324       return s;

   325   }

   326 

   327   // try en if undefined for en-US

   328   var lg = lang.split("-");

   329 

   330   if (lg.length > 1)

   331   {

   332     lookup = localize[lg[0]];

   333 

   334     if (lookup)

   335     {

   336       s = lookup[this];

   337 

   338       if (s)

   339         return s;

   340     }

   341   }

   342 

   343   // otherwise string as is

   344   return this;

   345 }

   346 

   347 // suppress IE's image toolbar pop up

   348 function hideImageToolbar()

   349 {

   350   if (!ns_pos)

   351   {

   352     var images = document.getElementsByTagName("IMG");

   353 

   354     for (var i = 0; i < images.length; ++i)

   355       images[i].setAttribute("galleryimg", "no");

   356   }

   357 }

   358 

   359 // hack to persuade IE to compute correct document height

   360 // as needed for simulating fixed positioning of toolbar

   361 function ieHack()

   362 {

   363    window.resizeBy(0,-1);

   364    window.resizeBy(0, 1);

   365 }

   366 

   367 // Firefox reload SVG bug work around

   368 function reload(e)

   369 {

   370    if (!e)

   371       var e = window.event;

   372 

   373    hideBackgrounds();

   374    setTimeout("document.reload();", 100);

   375 

   376    stopPropagation(e);

   377    e.cancel = true;

   378    e.returnValue = false;

   379 

   380    return false;

   381 }

   382 

   383 // Safari and Konqueror don't yet support getComputedStyle()

   384 // and they always reload page when location.href is updated

   385 function isKHTML()

   386 {

   387    var agent = navigator.userAgent;

   388    return (agent.indexOf("KHTML") >= 0 ? true : false);

   389 }

   390 

   391 function resized()

   392 {

   393    var width = 0;

   394 

   395    if ( typeof( window.innerWidth ) == 'number' )

   396       width = window.innerWidth;  // Non IE browser

   397    else if (document.documentElement && document.documentElement.clientWidth)

   398       width = document.documentElement.clientWidth;  // IE6

   399    else if (document.body && document.body.clientWidth)

   400       width = document.body.clientWidth; // IE4

   401 

   402    var height = 0;

   403 

   404    if ( typeof( window.innerHeight ) == 'number' )

   405       height = window.innerHeight;  // Non IE browser

   406    else if (document.documentElement && document.documentElement.clientHeight)

   407       height = document.documentElement.clientHeight;  // IE6

   408    else if (document.body && document.body.clientHeight)

   409       height = document.body.clientHeight; // IE4

   410 

   411    if (height && (width/height > 1.05*1024/768))

   412    {

   413      width = height * 1024.0/768;

   414    }

   415 

   416    // IE fires onresize even when only font size is changed!

   417    // so we do a check to avoid blocking < and > actions

   418    if (width != lastWidth || height != lastHeight)

   419    {

   420       if (width >= 1100)

   421          sizeIndex = 5;    // 4

   422       else if (width >= 1000)

   423          sizeIndex = 4;    // 3

   424       else if (width >= 800)

   425          sizeIndex = 3;    // 2

   426       else if (width >= 600)

   427          sizeIndex = 2;    // 1

   428       else if (width)

   429          sizeIndex = 0;

   430 

   431       // add in font size adjustment from meta element e.g.

   432       // <meta name="font-size-adjustment" content="-2" />

   433       // useful when slides have too much content ;-)

   434 

   435       if (0 <= sizeIndex + sizeAdjustment &&

   436              sizeIndex + sizeAdjustment < sizes.length)

   437         sizeIndex = sizeIndex + sizeAdjustment;

   438 

   439       // enables cross browser use of relative width/height

   440       // on object elements for use with SVG and Flash media

   441       adjustObjectDimensions(width, height);

   442 

   443       document.body.style.fontSize = sizes[sizeIndex];

   444 

   445       lastWidth = width;

   446       lastHeight = height;

   447 

   448       // force reflow to work around Mozilla bug

   449       //if (ns_pos)

   450       {

   451          var slide = slides[slidenum];

   452          hideSlide(slide);

   453          showSlide(slide);

   454       }

   455 

   456       // force correct positioning of toolbar

   457       refreshToolbar(200);

   458    }

   459 }

   460 

   461 function scrolled()

   462 {

   463    if (toolbar && !ns_pos && !ie7)

   464    {

   465       hackoffset = scrollXOffset();

   466       // hide toolbar

   467       toolbar.style.display = "none";

   468 

   469       // make it reappear later

   470       if (scrollhack == 0 && !viewAll)

   471       {

   472          setTimeout(showToolbar, 1000);

   473          scrollhack = 1;

   474       }

   475    }

   476 }

   477 

   478 // used to ensure IE refreshes toolbar in correct position

   479 function refreshToolbar(interval)

   480 {

   481    if (!ns_pos && !ie7)

   482    {

   483      hideToolbar();

   484      setTimeout(showToolbar, interval);

   485    }

   486 }

   487 

   488 // restores toolbar after short delay

   489 function showToolbar()

   490 {

   491    if (wantToolbar)

   492    {

   493       if (!ns_pos)

   494       {

   495          // adjust position to allow for scrolling

   496          var xoffset = scrollXOffset();

   497          toolbar.style.left = xoffset;

   498          toolbar.style.right = xoffset;

   499 

   500          // determine vertical scroll offset

   501          //var yoffset = scrollYOffset();

   502 

   503          // bottom is doc height - window height - scroll offset

   504          //var bottom = documentHeight() - lastHeight - yoffset

   505 

   506          //if (yoffset > 0 || documentHeight() > lastHeight)

   507          //   bottom += 16;  // allow for height of scrollbar

   508 

   509          toolbar.style.bottom = 0; //bottom;

   510       }

   511 

   512       toolbar.style.display = "block";

   513       toolbar.style.visibility = "visible";

   514    }

   515 

   516    scrollhack = 0;

   517 

   518 

   519    // set the keyboard focus to the help link on the

   520    // toolbar to ensure that document has the focus

   521    // IE doesn't always work with window.focus()

   522    // and this hack has benefit of Enter for help

   523 

   524    try

   525    {

   526      if (!opera)

   527        helpAnchor.focus();

   528    }

   529    catch (e)

   530    {

   531    }

   532 }

   533 

   534 function test()

   535 {

   536    var s = "docH: " + documentHeight() +

   537        " winH: " + lastHeight +

   538        " yoffset: " + scrollYOffset() +

   539        " toolbot: " + (documentHeight() - lastHeight - scrollYOffset());

   540 

   541    //alert(s);

   542 

   543    var slide = slides[slidenum];

   544    // IE getAttribute requires "class" to be "className"

   545    var name = ns_pos ? "class" : "className";

   546    var style = (slide.currentStyle ? slide.currentStyle["backgroundColor"] :

   547        document.defaultView.getComputedStyle(slide, '').getPropertyValue("background-color"));

   548    alert("class='" + slide.getAttribute(name) + "' backgroundColor: " + style);

   549 }

   550 

   551 function hideToolbar()

   552 {

   553    toolbar.style.display = "none";

   554    toolbar.style.visibility = "hidden";

   555    window.focus();

   556 }

   557 

   558 // invoked via F key

   559 function toggleToolbar()

   560 {

   561    if (!viewAll)

   562    {

   563       if (toolbar.style.display == "none")

   564       {

   565          toolbar.style.display = "block";

   566          toolbar.style.visibility = "visible";

   567          wantToolbar = 1;

   568       }

   569       else

   570       {

   571          toolbar.style.display = "none";

   572          toolbar.style.visibility = "hidden";

   573          wantToolbar = 0;

   574       }

   575    }

   576 }

   577 

   578 function scrollXOffset()

   579 {

   580    if (window.pageXOffset)

   581       return self.pageXOffset;

   582 

   583    if (document.documentElement && 

   584              document.documentElement.scrollLeft)

   585       return document.documentElement.scrollLeft;

   586 

   587    if (document.body)

   588       return document.body.scrollLeft;

   589 

   590     return 0;

   591 }

   592 

   593 

   594 function scrollYOffset()

   595 {

   596    if (window.pageYOffset)

   597       return self.pageYOffset;

   598 

   599    if (document.documentElement && 

   600              document.documentElement.scrollTop)

   601       return document.documentElement.scrollTop;

   602 

   603    if (document.body)

   604       return document.body.scrollTop;

   605 

   606     return 0;

   607 }

   608 

   609 // looking for a way to determine height of slide content

   610 // the slide itself is set to the height of the window

   611 function optimizeFontSize()

   612 {

   613    var slide = slides[slidenum];

   614 

   615    //var dh = documentHeight(); //getDocHeight(document);

   616    var dh = slide.scrollHeight;

   617    var wh = getWindowHeight();

   618    var u = 100 * dh / wh;

   619 

   620    alert("window utilization = " + u + "% (doc "

   621       + dh + " win " + wh + ")");

   622 }

   623 

   624 function getDocHeight(doc) // from document object

   625 {

   626   if (!doc)

   627     doc = document;

   628 

   629   if (doc && doc.body && doc.body.offsetHeight)

   630     return doc.body.offsetHeight;  // ns/gecko syntax

   631 

   632   if (doc && doc.body && doc.body.scrollHeight)

   633     return doc.body.scrollHeight;

   634 

   635   alert("couldn't determine document height");

   636 }

   637 

   638 function getWindowHeight()

   639 {

   640   if ( typeof( window.innerHeight ) == 'number' )

   641     return window.innerHeight;  // Non IE browser

   642 

   643   if (document.documentElement && document.documentElement.clientHeight)

   644     return document.documentElement.clientHeight;  // IE6

   645 

   646   if (document.body && document.body.clientHeight)

   647     return document.body.clientHeight; // IE4

   648 }

   649 

   650 

   651 

   652 function documentHeight()

   653 {

   654    var sh, oh;

   655 

   656    sh = document.body.scrollHeight;

   657    oh = document.body.offsetHeight;

   658 

   659    if (sh && oh)

   660    {

   661       return (sh > oh ? sh : oh);

   662    }

   663 

   664    // no idea!

   665    return 0;

   666 }

   667 

   668 function smaller()

   669 {

   670    if (sizeIndex > 0)

   671    {

   672       --sizeIndex;

   673    }

   674 

   675    toolbar.style.display = "none";

   676    document.body.style.fontSize = sizes[sizeIndex];

   677    var slide = slides[slidenum];

   678    hideSlide(slide);

   679    showSlide(slide);

   680    setTimeout(showToolbar, 300);

   681 }

   682 

   683 function bigger()

   684 {

   685    if (sizeIndex < sizes.length - 1)

   686    {

   687       ++sizeIndex;

   688    }

   689 

   690    toolbar.style.display = "none";

   691    document.body.style.fontSize = sizes[sizeIndex];

   692    var slide = slides[slidenum];

   693    hideSlide(slide);

   694    showSlide(slide);

   695    setTimeout(showToolbar, 300);

   696 }

   697 

   698 // enables cross browser use of relative width/height

   699 // on object elements for use with SVG and Flash media

   700 // with thanks to Ivan Herman for the suggestion

   701 function adjustObjectDimensions(width, height)

   702 {

   703    for( var i = 0; i < objects.length; i++ )

   704    {

   705       var obj = objects[i];

   706       var mimeType = obj.getAttribute("type");

   707 

   708       if (mimeType == "image/svg+xml" || mimeType == "application/x-shockwave-flash")

   709       {

   710          if ( !obj.initialWidth ) 

   711             obj.initialWidth = obj.getAttribute("width");

   712 

   713          if ( !obj.initialHeight ) 

   714             obj.initialHeight = obj.getAttribute("height");

   715 

   716          if ( obj.initialWidth && obj.initialWidth.charAt(obj.initialWidth.length-1) == "%" )

   717          {

   718             var w = parseInt(obj.initialWidth.slice(0, obj.initialWidth.length-1));

   719             var newW = width * (w/100.0);

   720             obj.setAttribute("width",newW);

   721          }

   722 

   723          if ( obj.initialHeight && obj.initialHeight.charAt(obj.initialHeight.length-1) == "%" )

   724          {

   725             var h = parseInt(obj.initialHeight.slice(0, obj.initialHeight.length-1));

   726             var newH = height * (h/100.0);

   727             obj.setAttribute("height", newH);

   728          }

   729       }

   730    }

   731 }

   732 

   733 function cancel(event)

   734 {

   735   if (event)

   736   {

   737      event.cancel = true;

   738      event.returnValue = false;

   739 

   740     if (event.preventDefault)

   741       event.preventDefault();

   742   }

   743 

   744   return false;

   745 }

   746 

   747 //  See e.g. http://www.quirksmode.org/js/events/keys.html for keycodes

   748 function keyDown(event)

   749 {

   750     var key;

   751 

   752     if (!event)

   753       var event = window.event;

   754 

   755     // kludge around NS/IE differences 

   756     if (window.event)

   757        key = window.event.keyCode;

   758     else if (event.which)

   759        key = event.which;

   760     else

   761        return true; // Yikes! unknown browser

   762 

   763     // ignore event if key value is zero

   764     // as for alt on Opera and Konqueror

   765     if (!key)

   766        return true;

   767 

   768     // check for concurrent control/command/alt key

   769     // but are these only present on mouse events?

   770 

   771     if (event.ctrlKey || event.altKey || event.metaKey)

   772        return true;

   773 

   774     // dismiss table of contents if visible

   775     if (isShownToc() && key != 9 && key != 16 && key != 38 && key != 40)

   776     {

   777       hideTableOfContents();

   778 

   779       if (key == 27 || key == 84 || key == 67)

   780         return cancel(event);

   781     }

   782 

   783     if (key == 34) // Page Down

   784     {

   785        nextSlide(false);

   786        return cancel(event);

   787     }

   788     else if (key == 33) // Page Up

   789     {

   790        previousSlide(false);

   791        return cancel(event);

   792     }

   793     else if (key == 32) // space bar

   794     {

   795        nextSlide(true);

   796        return cancel(event);

   797     }

   798     else if (key == 37) // Left arrow

   799     {

   800        previousSlide(!event.shiftKey);

   801        return cancel(event);

   802     }

   803     else if (key == 36) // Home

   804     {

   805        firstSlide();

   806        return cancel(event);

   807     }

   808     else if (key == 35) // End

   809     {

   810        lastSlide();

   811        return cancel(event);

   812     }

   813     else if (key == 39) // Right arrow

   814     {

   815        nextSlide(!event.shiftKey);

   816        return cancel(event);

   817     }

   818     else if (key == 13) // Enter

   819     {

   820        if (outline)

   821        {

   822           if (outline.visible)

   823             fold(outline);

   824           else

   825             unfold(outline);

   826           

   827          return cancel(event);

   828        }

   829     }

   830     else if (key == 188)  // < for smaller fonts

   831     {

   832        smaller();

   833        return cancel(event);

   834     }

   835     else if (key == 190)  // > for larger fonts

   836     {

   837        bigger();

   838        return cancel(event);

   839     }

   840     else if (key == 189 || key == 109)  // - for smaller fonts

   841     {

   842        smaller();

   843        return cancel(event);

   844     }

   845     else if (key == 187 || key == 191 || key == 107)  // = +  for larger fonts

   846     {

   847        bigger();

   848        return cancel(event);

   849     }

   850     else if (key == 83)  // S for smaller fonts

   851     {

   852        smaller();

   853        return cancel(event);

   854     }

   855     else if (key == 66)  // B for larger fonts

   856     {

   857        bigger();

   858        return cancel(event);

   859     }

   860     else if (key == 90)  // Z for last slide

   861     {

   862        lastSlide();

   863        return cancel(event);

   864     }

   865     else if (key == 70)  // F for toggle toolbar

   866     {

   867        toggleToolbar();

   868        return cancel(event);

   869     }

   870     else if (key == 65)  // A for toggle view single/all slides

   871     {

   872        toggleView();

   873        return cancel(event);

   874     }

   875     else if (key == 75)  // toggle action of left click for next page

   876     {

   877        mouseClickEnabled = !mouseClickEnabled;

   878        alert((mouseClickEnabled ? "enabled" : "disabled") +  " mouse click advance");

   879        return cancel(event);

   880     }

   881     else if (key == 84 || key == 67)  // T or C for table of contents

   882     {

   883        if (toc)

   884          showTableOfContents();

   885 

   886        return cancel(event);

   887     }

   888     else if (key == 72) // H for help

   889     {

   890        window.location = helpPage;

   891        return cancel(event);

   892     }

   893 

   894     //else if (key == 93) // Windows menu key

   895       //alert("lastShown is " + lastShown);

   896     //else alert("key code is "+ key);

   897 

   898 

   899     return true;

   900 }

   901 

   902 // make note of length of selected text

   903 // as this evaluates to zero in click event

   904 function mouseButtonUp(e)

   905 {

   906   selectedTextLen = getSelectedText().length;

   907 }

   908 

   909 // right mouse button click is reserved for context menus

   910 // it is more reliable to detect rightclick than leftclick

   911 function mouseButtonClick(e)

   912 {

   913    var rightclick = false;

   914    var leftclick = false;

   915    var middleclick = false;

   916    var target;

   917 

   918    if (!e)

   919       var e = window.event;

   920 

   921    if (e.target)

   922       target = e.target;

   923    else if (e.srcElement)

   924       target = e.srcElement;

   925 

   926    // work around Safari bug

   927    if (target.nodeType == 3)

   928       target = target.parentNode;

   929 

   930    if (e.which) // all browsers except IE

   931    {

   932       leftclick = (e.which == 1);

   933       middleclick = (e.which == 2);

   934       rightclick = (e.which == 3);

   935    }

   936    else if (e.button)

   937    {

   938       // Konqueror gives 1 for left, 4 for middle

   939       // IE6 gives 0 for left and not 1 as I expected

   940 

   941       if (e.button == 4)

   942         middleclick = true;

   943 

   944       // all browsers agree on 2 for right button

   945       rightclick = (e.button == 2);

   946    }

   947    else leftclick = true;

   948 

   949    // dismiss table of contents

   950    hideTableOfContents();

   951 

   952    if (selectedTextLen > 0)

   953    {

   954       stopPropagation(e);

   955       e.cancel = true;

   956       e.returnValue = false;

   957       return false;

   958    }

   959 

   960    // check if target is something that probably want's clicks

   961    // e.g. embed, object, input, textarea, select, option

   962 

   963    if (mouseClickEnabled && leftclick &&

   964         target.nodeName != "EMBED" &&

   965         target.nodeName != "OBJECT" &&

   966         target.nodeName != "INPUT" &&

   967         target.nodeName != "TEXTAREA" &&

   968         target.nodeName != "SELECT" &&

   969         target.nodeName != "OPTION")

   970    {

   971       nextSlide(true);

   972       stopPropagation(e);

   973       e.cancel = true;

   974       e.returnValue = false;

   975    }

   976 }

   977 

   978 function previousSlide(incremental)

   979 {

   980    if (!viewAll)

   981    {

   982       var slide;

   983 

   984       if ((incremental || slidenum == 0) && lastShown != null)

   985       {

   986          lastShown = hidePreviousItem(lastShown);

   987          setEosStatus(false);

   988       }

   989       else if (slidenum > 0)

   990       {

   991          slide = slides[slidenum];

   992          hideSlide(slide);

   993 

   994          slidenum = slidenum - 1;

   995          slide = slides[slidenum];

   996          setVisibilityAllIncremental("visible");

   997          lastShown = previousIncrementalItem(null);

   998          setEosStatus(true);

   999          showSlide(slide);

  1000       }

  1001 

  1002       setLocation();

  1003 

  1004       if (!ns_pos)

  1005          refreshToolbar(200);

  1006    }

  1007 }

  1008 

  1009 function nextSlide(incremental)

  1010 {

  1011    if (!viewAll)

  1012    {

  1013       var slide, last = lastShown;

  1014 

  1015       if (incremental || slidenum == slides.length - 1)

  1016          lastShown = revealNextItem(lastShown);

  1017 

  1018       if ((!incremental || lastShown == null) && slidenum < slides.length - 1)

  1019       {

  1020          slide = slides[slidenum];

  1021          hideSlide(slide);

  1022 

  1023          slidenum = slidenum + 1;

  1024          slide = slides[slidenum];

  1025          lastShown = null;

  1026          setVisibilityAllIncremental("hidden");

  1027          showSlide(slide);

  1028       }

  1029       else if (!lastShown)

  1030       {

  1031          if (last && incremental)

  1032            lastShown = last;

  1033       }

  1034 

  1035       setLocation();

  1036 

  1037       setEosStatus(!nextIncrementalItem(lastShown));

  1038 

  1039       if (!ns_pos)

  1040          refreshToolbar(200);

  1041    }

  1042 }

  1043 

  1044 // to first slide with nothing revealed

  1045 // i.e. state at start of presentation

  1046 function firstSlide()

  1047 {

  1048    if (!viewAll)

  1049    {

  1050       var slide;

  1051 

  1052       if (slidenum != 0)

  1053       {

  1054          slide = slides[slidenum];

  1055          hideSlide(slide);

  1056 

  1057          slidenum = 0;

  1058          slide = slides[slidenum];

  1059          lastShown = null;

  1060          setVisibilityAllIncremental("hidden");

  1061          showSlide(slide);

  1062       }

  1063 

  1064       setEosStatus(!nextIncrementalItem(lastShown));

  1065       setLocation();

  1066    }

  1067 }

  1068 

  1069 

  1070 // to last slide with everything revealed

  1071 // i.e. state at end of presentation

  1072 function lastSlide()

  1073 {

  1074    if (!viewAll)

  1075    {

  1076       var slide;

  1077 

  1078       lastShown = null; //revealNextItem(lastShown);

  1079 

  1080       if (lastShown == null && slidenum < slides.length - 1)

  1081       {

  1082          slide = slides[slidenum];

  1083          hideSlide(slide);

  1084          slidenum = slides.length - 1;

  1085          slide = slides[slidenum];

  1086          setVisibilityAllIncremental("visible");

  1087          lastShown = previousIncrementalItem(null);

  1088 

  1089          showSlide(slide);

  1090       }

  1091       else

  1092       {

  1093          setVisibilityAllIncremental("visible");

  1094          lastShown = previousIncrementalItem(null);

  1095       }

  1096 

  1097       setEosStatus(true);

  1098       setLocation();

  1099    }

  1100 }

  1101 

  1102 function setEosStatus(state)

  1103 {

  1104    if (eos)

  1105       eos.style.color = (state ? "rgb(240,240,240)" : "red");

  1106 }

  1107 

  1108 function showSlide(slide)

  1109 {

  1110    syncBackground(slide);

  1111    window.scrollTo(0,0);

  1112    slide.style.visibility = "visible";

  1113    slide.style.display = "block";

  1114 }

  1115 

  1116 function hideSlide(slide)

  1117 {

  1118    slide.style.visibility = "hidden";

  1119    slide.style.display = "none";

  1120 }

  1121 

  1122 function beforePrint()

  1123 {

  1124    showAllSlides();

  1125    hideToolbar();

  1126 }

  1127 

  1128 function afterPrint()

  1129 {

  1130    if (!viewAll)

  1131    {

  1132       singleSlideView();

  1133       showToolbar();

  1134    }

  1135 }