window.onload = jessyInkInit;

var NSS = new Object();

NSS['sodipodi']='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd';

NSS['cc']='http://web.resource.org/cc/';

NSS['svg']='http://www.w3.org/2000/svg';

NSS['dc']='http://purl.org/dc/elements/1.1/';

NSS['rdf']='http://www.w3.org/1999/02/22-rdf-syntax-ns#';

NSS['inkscape']='http://www.inkscape.org/namespaces/inkscape';

NSS['xlink']='http://www.w3.org/1999/xlink';

NSS['xml']='http://www.w3.org/XML/1998/namespace';

NSS['jessyink']='https://launchpad.net/jessyink';

var LEFT_KEY = 37; // cursor left keycode

var UP_KEY = 38; // cursor up keycode

var RIGHT_KEY = 39; // cursor right keycode

var DOWN_KEY = 40; // cursor down keycode

var PAGE_UP_KEY = 33; // page up keycode

var PAGE_DOWN_KEY = 34; // page down keycode

var HOME_KEY = 36; // home keycode

var END_KEY = 35; // end keycode

var ENTER_KEY = 13; // next slide

var SPACE_KEY = 32;

var ESCAPE_KEY = 27;

var SLIDE_MODE = 1;

var INDEX_MODE = 2;

var DRAWING_MODE = 3;

var MOUSE_UP = 1;

var MOUSE_DOWN = 2;

var MOUSE_MOVE = 3;

var MOUSE_WHEEL = 4;

var ROOT_NODE = document.getElementsByTagNameNS(NSS["svg"], "svg")[0];

var HEIGHT = 0;

var WIDTH = 0;

var INDEX_COLUMNS_DEFAULT = 4;

var INDEX_COLUMNS = INDEX_COLUMNS_DEFAULT;

var INDEX_OFFSET = 0;

var STATE_START = -1;

var STATE_END = -2;

var BACKGROUND_COLOR = null;

var slides = new Array();

var currentMode = SLIDE_MODE;

var masterSlide = null;

var activeSlide = 0;

var activeEffect = 0;

var timeStep = 30; // 40 ms equal 25 frames per second.

var lastFrameTime = null;

var processingEffect = false;

var transCounter = 0;

var effectArray = 0;

var defaultTransitionInDict = new Object();

defaultTransitionInDict["name"] = "appear";

var defaultTransitionOutDict = new Object();

defaultTransitionOutDict["name"] = "appear";

var jessyInkInitialised = false;

var charCodeDictionary = getDefaultCharCodeDictionary();

var keyCodeDictionary = getDefaultKeyCodeDictionary();

var mouseHandlerDictionary = getDefaultMouseHandlerDictionary();

var progress_bar_visible = false;

var timer_elapsed = 0;

var timer_start = timer_elapsed;

var timer_duration = 15; // 15 minutes

var history_counter = 0;

var history_original_elements = new Array();

var history_presentation_elements = new Array();

var mouse_original_path = null;

var mouse_presentation_path = null;

var mouse_last_x = -1;

var mouse_last_y = -1;

var mouse_min_dist_sqr = 3 * 3;

var path_colour = "red";

var path_width_default = 3;

var path_width = path_width_default;

var path_paint_width = path_width;

var number_of_added_slides = 0;

function jessyInkInit()

{

// Make sure we only execute this code once. Double execution can occur if the onload event handler is set

// in the main svg tag as well (as was recommended in earlier versions). Executing this function twice does

// not lead to any problems, but it takes more time.

if (jessyInkInitialised)

return;

// Making the presentation scaleable.

var VIEWBOX = ROOT_NODE.getAttribute("viewBox");

if (VIEWBOX)

{

WIDTH = ROOT_NODE.viewBox.animVal.width;

HEIGHT = ROOT_NODE.viewBox.animVal.height;

}

else

{

HEIGHT = parseFloat(ROOT_NODE.getAttribute("height"));

WIDTH = parseFloat(ROOT_NODE.getAttribute("width"));

ROOT_NODE.setAttribute("viewBox", "0 0 " + WIDTH + " " + HEIGHT);

}

ROOT_NODE.setAttribute("width", "100%");

ROOT_NODE.setAttribute("height", "100%");

// Setting the background color.

var namedViews = document.getElementsByTagNameNS(NSS["sodipodi"], "namedview");

for (var counter = 0; counter < namedViews.length; counter++)

{

if (namedViews[counter].hasAttribute("id") && namedViews[counter].hasAttribute("pagecolor"))

{

if (namedViews[counter].getAttribute("id") == "base")

{

BACKGROUND_COLOR = namedViews[counter].getAttribute("pagecolor");

var newAttribute = "background-color:" + BACKGROUND_COLOR + ";";

if (ROOT_NODE.hasAttribute("style"))

newAttribute += ROOT_NODE.getAttribute("style");

ROOT_NODE.setAttribute("style", newAttribute);

}

}

}

// Defining clip-path.

var defsNodes = document.getElementsByTagNameNS(NSS["svg"], "defs");

if (defsNodes.length > 0)

{

var existingClipPath = document.getElementById("jessyInkSlideClipPath");

if (!existingClipPath)

{

var rectNode = document.createElementNS(NSS["svg"], "rect");

var clipPath = document.createElementNS(NSS["svg"], "clipPath");

rectNode.setAttribute("x", 0);

rectNode.setAttribute("y", 0);

rectNode.setAttribute("width", WIDTH);

rectNode.setAttribute("height", HEIGHT);

clipPath.setAttribute("id", "jessyInkSlideClipPath");

clipPath.setAttribute("clipPathUnits", "userSpaceOnUse");

clipPath.appendChild(rectNode);

defsNodes[0].appendChild(clipPath);

}

}

// Making a list of the slide and finding the master slide.

var nodes = document.getElementsByTagNameNS(NSS["svg"], "g");

var tempSlides = new Array();

var existingJessyInkPresentationLayer = null;

for (var counter = 0; counter < nodes.length; counter++)

{

if (nodes[counter].getAttributeNS(NSS["inkscape"], "groupmode") && (nodes[counter].getAttributeNS(NSS["inkscape"], "groupmode") == "layer"))

{

if (nodes[counter].getAttributeNS(NSS["inkscape"], "label") && nodes[counter].getAttributeNS(NSS["jessyink"], "masterSlide") == "masterSlide")

masterSlide = nodes[counter];

else if (nodes[counter].getAttributeNS(NSS["inkscape"], "label") && nodes[counter].getAttributeNS(NSS["jessyink"], "presentationLayer") == "presentationLayer")

existingJessyInkPresentationLayer = nodes[counter];

else

tempSlides.push(nodes[counter].getAttribute("id"));

}

else if (nodes[counter].getAttributeNS(NSS['jessyink'], 'element'))

{

handleElement(nodes[counter]);

}

}

// Hide master slide set default transitions.

if (masterSlide)

{

masterSlide.style.display = "none";

if (masterSlide.hasAttributeNS(NSS["jessyink"], "transitionIn"))

defaultTransitionInDict = propStrToDict(masterSlide.getAttributeNS(NSS["jessyink"], "transitionIn"));

if (masterSlide.hasAttributeNS(NSS["jessyink"], "transitionOut"))

defaultTransitionOutDict = propStrToDict(masterSlide.getAttributeNS(NSS["jessyink"], "transitionOut"));

}

if (existingJessyInkPresentationLayer != null)

{

existingJessyInkPresentationLayer.parentNode.removeChild(existingJessyInkPresentationLayer);

}

// Set start slide.

var hashObj = new LocationHash(window.location.hash);

activeSlide = hashObj.slideNumber;

activeEffect = hashObj.effectNumber;

if (activeSlide < 0)

activeSlide = 0;

else if (activeSlide >= tempSlides.length)

activeSlide = tempSlides.length - 1;

var originalNode = document.getElementById(tempSlides[counter]);

var JessyInkPresentationLayer = document.createElementNS(NSS["svg"], "g");

JessyInkPresentationLayer.setAttributeNS(NSS["inkscape"], "groupmode", "layer");

JessyInkPresentationLayer.setAttributeNS(NSS["inkscape"], "label", "JessyInk Presentation Layer");

JessyInkPresentationLayer.setAttributeNS(NSS["jessyink"], "presentationLayer", "presentationLayer");

JessyInkPresentationLayer.setAttribute("id", "jessyink_presentation_layer");

JessyInkPresentationLayer.style.display = "inherit";

ROOT_NODE.appendChild(JessyInkPresentationLayer);

// Gathering all the information about the transitions and effects of the slides, set the background

// from the master slide and substitute the auto-texts.

for (var counter = 0; counter < tempSlides.length; counter++)

{

var originalNode = document.getElementById(tempSlides[counter]);

originalNode.style.display = "none";

var node = suffixNodeIds(originalNode.cloneNode(true), "_" + counter);

JessyInkPresentationLayer.appendChild(node);

slides[counter] = new Object();

slides[counter]["original_element"] = originalNode;

slides[counter]["element"] = node;

// Set build in transition.

slides[counter]["transitionIn"] = new Object();

var dict;

if (node.hasAttributeNS(NSS["jessyink"], "transitionIn"))

dict = propStrToDict(node.getAttributeNS(NSS["jessyink"], "transitionIn"));

else

dict = defaultTransitionInDict;

slides[counter]["transitionIn"]["name"] = dict["name"];

slides[counter]["transitionIn"]["options"] = new Object();

for (key in dict)

if (key != "name")

slides[counter]["transitionIn"]["options"][key] = dict[key];

// Set build out transition.

slides[counter]["transitionOut"] = new Object();

if (node.hasAttributeNS(NSS["jessyink"], "transitionOut"))

dict = propStrToDict(node.getAttributeNS(NSS["jessyink"], "transitionOut"));

else

dict = defaultTransitionOutDict;

slides[counter]["transitionOut"]["name"] = dict["name"];

slides[counter]["transitionOut"]["options"] = new Object();

for (key in dict)

if (key != "name")

slides[counter]["transitionOut"]["options"][key] = dict[key];

// Copy master slide content.

if (masterSlide)

{

var clonedNode = suffixNodeIds(masterSlide.cloneNode(true), "_" + counter);

clonedNode.removeAttributeNS(NSS["inkscape"], "groupmode");

clonedNode.removeAttributeNS(NSS["inkscape"], "label");

clonedNode.style.display = "inherit";

node.insertBefore(clonedNode, node.firstChild);

}

// Setting clip path.

node.setAttribute("clip-path", "url(#jessyInkSlideClipPath)");

// Substitute auto texts.

substituteAutoTexts(node, node.getAttributeNS(NSS["inkscape"], "label"), counter + 1, tempSlides.length);

node.removeAttributeNS(NSS["inkscape"], "groupmode");

node.removeAttributeNS(NSS["inkscape"], "label");

// Set effects.

var tempEffects = new Array();

var groups = new Object();

for (var IOCounter = 0; IOCounter <= 1; IOCounter++)

{

var propName = "";

var dir = 0;

if (IOCounter == 0)

{

propName = "effectIn";

dir = 1;

}

else if (IOCounter == 1)

{

propName = "effectOut";

dir = -1;

}

var effects = getElementsByPropertyNS(node, NSS["jessyink"], propName);

for (var effectCounter = 0; effectCounter < effects.length; effectCounter++)

{

var element = document.getElementById(effects[effectCounter]);

var dict = propStrToDict(element.getAttributeNS(NSS["jessyink"], propName));

// Put every element that has an effect associated with it, into its own group.

// Unless of course, we already put it into its own group.

if (!(groups[element.id]))

{

var newGroup = document.createElementNS(NSS["svg"], "g");

element.parentNode.insertBefore(newGroup, element);

newGroup.appendChild(element.parentNode.removeChild(element));

groups[element.id] = newGroup;

}

var effectDict = new Object();

effectDict["effect"] = dict["name"];

effectDict["dir"] = dir;

effectDict["element"] = groups[element.id];

for (var option in dict)

{

if ((option != "name") && (option != "order"))

{

if (!effectDict["options"])

effectDict["options"] = new Object();

effectDict["options"][option] = dict[option];

}

}

if (!tempEffects[dict["order"]])

tempEffects[dict["order"]] = new Array();

tempEffects[dict["order"]][tempEffects[dict["order"]].length] = effectDict;

}

}

// Make invisible, but keep in rendering tree to ensure that bounding box can be calculated.

node.setAttribute("opacity",0);

node.style.display = "inherit";

// Create a transform group.

var transformGroup = document.createElementNS(NSS["svg"], "g");

// Add content to transform group.

while (node.firstChild)

transformGroup.appendChild(node.firstChild);

// Transfer the transform attribute from the node to the transform group.

if (node.getAttribute("transform"))

{

transformGroup.setAttribute("transform", node.getAttribute("transform"));

node.removeAttribute("transform");

}

// Create a view group.

var viewGroup = document.createElementNS(NSS["svg"], "g");

viewGroup.appendChild(transformGroup);

slides[counter]["viewGroup"] = node.appendChild(viewGroup);

// Insert background.

if (BACKGROUND_COLOR != null)

{

var rectNode = document.createElementNS(NSS["svg"], "rect");

rectNode.setAttribute("x", 0);

rectNode.setAttribute("y", 0);

rectNode.setAttribute("width", WIDTH);

rectNode.setAttribute("height", HEIGHT);

rectNode.setAttribute("id", "jessyInkBackground" + counter);

rectNode.setAttribute("fill", BACKGROUND_COLOR);

slides[counter]["viewGroup"].insertBefore(rectNode, slides[counter]["viewGroup"].firstChild);

}

// Set views.

var tempViews = new Array();

var views = getElementsByPropertyNS(node, NSS["jessyink"], "view");

var matrixOld = (new matrixSVG()).fromElements(1, 0, 0, 0, 1, 0, 0, 0, 1);

// Set initial view even if there are no other views.

slides[counter]["viewGroup"].setAttribute("transform", matrixOld.toAttribute());

slides[counter].initialView = matrixOld.toAttribute();

for (var viewCounter = 0; viewCounter < views.length; viewCounter++)

{

var element = document.getElementById(views[viewCounter]);

var dict = propStrToDict(element.getAttributeNS(NSS["jessyink"], "view"));

if (dict["order"] == 0)

{

matrixOld = pointMatrixToTransformation(rectToMatrix(element)).mult((new matrixSVG()).fromSVGMatrix(slides[counter].viewGroup.getScreenCTM()).inv().mult((new matrixSVG()).fromSVGMatrix(element.parentNode.getScreenCTM())).inv());

slides[counter].initialView = matrixOld.toAttribute();

}

else

{

var effectDict = new Object();

effectDict["effect"] = dict["name"];

effectDict["dir"] = 1;

effectDict["element"] = slides[counter]["viewGroup"];

effectDict["order"] = dict["order"];

for (var option in dict)

{

if ((option != "name") && (option != "order"))

{

if (!effectDict["options"])

effectDict["options"] = new Object();

effectDict["options"][option] = dict[option];

}

}

effectDict["options"]["matrixNew"] = pointMatrixToTransformation(rectToMatrix(element)).mult((new matrixSVG()).fromSVGMatrix(slides[counter].viewGroup.getScreenCTM()).inv().mult((new matrixSVG()).fromSVGMatrix(element.parentNode.getScreenCTM())).inv());

tempViews[dict["order"]] = effectDict;

}

// Remove element.

element.parentNode.removeChild(element);

}

// Consolidate view array and append it to the effect array.

if (tempViews.length > 0)

{

for (var viewCounter = 0; viewCounter < tempViews.length; viewCounter++)

{

if (tempViews[viewCounter])

{

tempViews[viewCounter]["options"]["matrixOld"] = matrixOld;

matrixOld = tempViews[viewCounter]["options"]["matrixNew"];

if (!tempEffects[tempViews[viewCounter]["order"]])

tempEffects[tempViews[viewCounter]["order"]] = new Array();

tempEffects[tempViews[viewCounter]["order"]][tempEffects[tempViews[viewCounter]["order"]].length] = tempViews[viewCounter];

}

}

}

// Set consolidated effect array.

if (tempEffects.length > 0)

{

slides[counter]["effects"] = new Array();

for (var effectCounter = 0; effectCounter < tempEffects.length; effectCounter++)

{

if (tempEffects[effectCounter])

slides[counter]["effects"][slides[counter]["effects"].length] = tempEffects[effectCounter];

}

}

node.setAttribute("onmouseover", "if ((currentMode == INDEX_MODE) && ( activeSlide != " + counter + ")) { indexSetActiveSlide(" + counter + "); };");

// Set visibility for initial state.

if (counter == activeSlide)

{

node.style.display = "inherit";

node.setAttribute("opacity",1);

}

else

{

node.style.display = "none";

node.setAttribute("opacity",0);

}

}

// Set key handler.

var jessyInkObjects = document.getElementsByTagNameNS(NSS["svg"], "g");

for (var counter = 0; counter < jessyInkObjects.length; counter++)

{

var elem = jessyInkObjects[counter];

if (elem.getAttributeNS(NSS["jessyink"], "customKeyBindings"))

{

if (elem.getCustomKeyBindings != undefined)

keyCodeDictionary = elem.getCustomKeyBindings();

if (elem.getCustomCharBindings != undefined)

charCodeDictionary = elem.getCustomCharBindings();

}

}

// Set mouse handler.

var jessyInkMouseHandler = document.getElementsByTagNameNS(NSS["jessyink"], "mousehandler");

for (var counter = 0; counter < jessyInkMouseHandler.length; counter++)

{

var elem = jessyInkMouseHandler[counter];

if (elem.getMouseHandler != undefined)

{

var tempDict = elem.getMouseHandler();

for (mode in tempDict)

{

if (!mouseHandlerDictionary[mode])

mouseHandlerDictionary[mode] = new Object();

for (handler in tempDict[mode])

mouseHandlerDictionary[mode][handler] = tempDict[mode][handler];

}

}

}

// Check effect number.

if ((activeEffect < 0) || (!slides[activeSlide].effects))

{

activeEffect = 0;

}

else if (activeEffect > slides[activeSlide].effects.length)

{

activeEffect = slides[activeSlide].effects.length;

}

createProgressBar(JessyInkPresentationLayer);

hideProgressBar();

setProgressBarValue(activeSlide);

setTimeIndicatorValue(0);

setInterval("updateTimer()", 1000);

setSlideToState(activeSlide, activeEffect);

jessyInkInitialised = true;

}

function substituteAutoTexts(node, slideName, slideNumber, numberOfSlides)

{

var texts = node.getElementsByTagNameNS(NSS["svg"], "tspan");

for (var textCounter = 0; textCounter < texts.length; textCounter++)

{

if (texts[textCounter].getAttributeNS(NSS["jessyink"], "autoText") == "slideNumber")

texts[textCounter].firstChild.nodeValue = slideNumber;

else if (texts[textCounter].getAttributeNS(NSS["jessyink"], "autoText") == "numberOfSlides")

texts[textCounter].firstChild.nodeValue = numberOfSlides;

else if (texts[textCounter].getAttributeNS(NSS["jessyink"], "autoText") == "slideTitle")

texts[textCounter].firstChild.nodeValue = slideName;

}

}

function getElementsByPropertyNS(node, namespace, name)

{

var elems = new Array();

if (node.getAttributeNS(namespace, name))

elems.push(node.getAttribute("id"));

for (var counter = 0; counter < node.childNodes.length; counter++)

{

if (node.childNodes[counter].nodeType == 1)

elems = elems.concat(getElementsByPropertyNS(node.childNodes[counter], namespace, name));

}

return elems;

}

function dispatchEffects(dir)

{

if (slides[activeSlide]["effects"] && (((dir == 1) && (activeEffect < slides[activeSlide]["effects"].length)) || ((dir == -1) && (activeEffect > 0))))

{

processingEffect = true;

if (dir == 1)

{

effectArray = slides[activeSlide]["effects"][activeEffect];

activeEffect += dir;

}

else if (dir == -1)

{

activeEffect += dir;

effectArray = slides[activeSlide]["effects"][activeEffect];

}

transCounter = 0;

startTime = (new Date()).getTime();

lastFrameTime = null;

effect(dir);

}

else if (((dir == 1) && (activeSlide < (slides.length - 1))) || (((dir == -1) && (activeSlide > 0))))

{

changeSlide(dir);

}

}

function skipEffects(dir)

{

if (slides[activeSlide]["effects"] && (((dir == 1) && (activeEffect < slides[activeSlide]["effects"].length)) || ((dir == -1) && (activeEffect > 0))))

{

processingEffect = true;

if (slides[activeSlide]["effects"] && (dir == 1))

activeEffect = slides[activeSlide]["effects"].length;

else

activeEffect = 0;

if (dir == 1)

setSlideToState(activeSlide, STATE_END);

else

setSlideToState(activeSlide, STATE_START);

processingEffect = false;

}

else if (((dir == 1) && (activeSlide < (slides.length - 1))) || (((dir == -1) && (activeSlide > 0))))

{

changeSlide(dir);

}

}

function changeSlide(dir)

{

processingEffect = true;

effectArray = new Array();

effectArray[0] = new Object();

if (dir == 1)

{

effectArray[0]["effect"] = slides[activeSlide]["transitionOut"]["name"];

effectArray[0]["options"] = slides[activeSlide]["transitionOut"]["options"];

effectArray[0]["dir"] = -1;

}

else if (dir == -1)

{

effectArray[0]["effect"] = slides[activeSlide]["transitionIn"]["name"];

effectArray[0]["options"] = slides[activeSlide]["transitionIn"]["options"];

effectArray[0]["dir"] = 1;

}

effectArray[0]["element"] = slides[activeSlide]["element"];

activeSlide += dir;

setProgressBarValue(activeSlide);

effectArray[1] = new Object();

if (dir == 1)

{

effectArray[1]["effect"] = slides[activeSlide]["transitionIn"]["name"];

effectArray[1]["options"] = slides[activeSlide]["transitionIn"]["options"];

effectArray[1]["dir"] = 1;

}

else if (dir == -1)

{

effectArray[1]["effect"] = slides[activeSlide]["transitionOut"]["name"];

effectArray[1]["options"] = slides[activeSlide]["transitionOut"]["options"];

effectArray[1]["dir"] = -1;

}

effectArray[1]["element"] = slides[activeSlide]["element"];

if (slides[activeSlide]["effects"] && (dir == -1))

activeEffect = slides[activeSlide]["effects"].length;

else

activeEffect = 0;

if (dir == -1)

setSlideToState(activeSlide, STATE_END);

else

setSlideToState(activeSlide, STATE_START);

transCounter = 0;

startTime = (new Date()).getTime();

lastFrameTime = null;

effect(dir);

}

function toggleSlideIndex()

{

var suspendHandle = ROOT_NODE.suspendRedraw(500);

if (currentMode == SLIDE_MODE)

{

hideProgressBar();

INDEX_OFFSET = -1;

indexSetPageSlide(activeSlide);

currentMode = INDEX_MODE;

}

else if (currentMode == INDEX_MODE)

{

for (var counter = 0; counter < slides.length; counter++)

{

slides[counter]["element"].setAttribute("transform","scale(1)");

if (counter == activeSlide)

{

slides[counter]["element"].style.display = "inherit";

slides[counter]["element"].setAttribute("opacity",1);

activeEffect = 0;

}

else

{

slides[counter]["element"].setAttribute("opacity",0);

slides[counter]["element"].style.display = "none";

}

}

currentMode = SLIDE_MODE;

setSlideToState(activeSlide, STATE_START);

setProgressBarValue(activeSlide);

if (progress_bar_visible)

{

showProgressBar();

}

}

ROOT_NODE.unsuspendRedraw(suspendHandle);

ROOT_NODE.forceRedraw();

}

function effect(dir)

{

var done = true;

var suspendHandle = ROOT_NODE.suspendRedraw(200);

for (var counter = 0; counter < effectArray.length; counter++)

{

if (effectArray[counter]["effect"] == "fade")

done &= fade(parseInt(effectArray[counter]["dir"]) * dir, effectArray[counter]["element"], transCounter, effectArray[counter]["options"]);

else if (effectArray[counter]["effect"] == "appear")

done &= appear(parseInt(effectArray[counter]["dir"]) * dir, effectArray[counter]["element"], transCounter, effectArray[counter]["options"]);

else if (effectArray[counter]["effect"] == "pop")

done &= pop(parseInt(effectArray[counter]["dir"]) * dir, effectArray[counter]["element"], transCounter, effectArray[counter]["options"]);

else if (effectArray[counter]["effect"] == "view")

done &= view(parseInt(effectArray[counter]["dir"]) * dir, effectArray[counter]["element"], transCounter, effectArray[counter]["options"]);

}

ROOT_NODE.unsuspendRedraw(suspendHandle);

ROOT_NODE.forceRedraw();

if (!done)

{

var currentTime = (new Date()).getTime();

var timeDiff = 1;

transCounter = currentTime - startTime;

if (lastFrameTime != null)

{

timeDiff = timeStep - (currentTime - lastFrameTime);

if (timeDiff <= 0)

timeDiff = 1;

}

lastFrameTime = currentTime;

window.setTimeout("effect(" + dir + ")", timeDiff);

}

else

{

window.location.hash = (activeSlide + 1) + '_' + activeEffect;

processingEffect = false;

}

}

function displayIndex(offsetNumber)

{

var offsetX = 0;

var offsetY = 0;

if (offsetNumber < 0)

offsetNumber = 0;

else if (offsetNumber >= slides.length)

offsetNumber = slides.length - 1;

for (var counter = 0; counter < slides.length; counter++)

{

if ((counter < offsetNumber) || (counter > offsetNumber + INDEX_COLUMNS * INDEX_COLUMNS - 1))

{

slides[counter]["element"].setAttribute("opacity",0);

slides[counter]["element"].style.display = "none";

}

else

{

offsetX = ((counter - offsetNumber) % INDEX_COLUMNS) * WIDTH;

offsetY = Math.floor((counter - offsetNumber) / INDEX_COLUMNS) * HEIGHT;

slides[counter]["element"].setAttribute("transform","scale("+1/INDEX_COLUMNS+") translate("+offsetX+","+offsetY+")");

slides[counter]["element"].style.display = "inherit";

slides[counter]["element"].setAttribute("opacity",0.5);

}

setSlideToState(counter, STATE_END);

}

//do we need to save the current offset?

if (INDEX_OFFSET != offsetNumber)

INDEX_OFFSET = offsetNumber;

}

function slideSetActiveSlide(nbr)

{

if (nbr >= slides.length)

nbr = slides.length - 1;

else if (nbr < 0)

nbr = 0;

slides[activeSlide]["element"].setAttribute("opacity",0);

slides[activeSlide]["element"].style.display = "none";

activeSlide = parseInt(nbr);

setSlideToState(activeSlide, STATE_START);

slides[activeSlide]["element"].style.display = "inherit";

slides[activeSlide]["element"].setAttribute("opacity",1);

activeEffect = 0;

setProgressBarValue(nbr);

}

function indexSetActiveSlide(nbr)

{

if (nbr >= slides.length)

nbr = slides.length - 1;

else if (nbr < 0)

nbr = 0;

slides[activeSlide]["element"].setAttribute("opacity",0.5);

activeSlide = parseInt(nbr);

window.location.hash = (activeSlide + 1) + '_0';

slides[activeSlide]["element"].setAttribute("opacity",1);

}

function indexSetPageSlide(nbr)

{

if (nbr >= slides.length)

nbr = slides.length - 1;

else if (nbr < 0)

nbr = 0;

//calculate the offset

var offset = nbr - nbr % (INDEX_COLUMNS * INDEX_COLUMNS);

if (offset < 0)

offset = 0;

//if different from kept offset, then record and change the page

if (offset != INDEX_OFFSET)

{

INDEX_OFFSET = offset;

displayIndex(INDEX_OFFSET);

}

//set the active slide

indexSetActiveSlide(nbr);

}

function keydown(e)

{

if (!e)

e = window.event;

code = e.keyCode || e.charCode;

if (!processingEffect && keyCodeDictionary[currentMode] && keyCodeDictionary[currentMode][code])

return keyCodeDictionary[currentMode][code]();

else

document.onkeypress = keypress;

}

document.onkeydown = keydown;

function keypress(e)

{

document.onkeypress = null;

if (!e)

e = window.event;

str = String.fromCharCode(e.keyCode || e.charCode);

if (!processingEffect && charCodeDictionary[currentMode] && charCodeDictionary[currentMode][str])

return charCodeDictionary[currentMode][str]();

}

function getDefaultCharCodeDictionary()

{

var charCodeDict = new Object();

charCodeDict[SLIDE_MODE] = new Object();

charCodeDict[INDEX_MODE] = new Object();

charCodeDict[DRAWING_MODE] = new Object();

charCodeDict[SLIDE_MODE]["i"] = function () { return toggleSlideIndex(); };

charCodeDict[SLIDE_MODE]["d"] = function () { return slideSwitchToDrawingMode(); };

charCodeDict[SLIDE_MODE]["D"] = function () { return slideQueryDuration(); };

charCodeDict[SLIDE_MODE]["n"] = function () { return slideAddSlide(activeSlide); };

charCodeDict[SLIDE_MODE]["p"] = function () { return slideToggleProgressBarVisibility(); };

charCodeDict[SLIDE_MODE]["t"] = function () { return slideResetTimer(); };

charCodeDict[SLIDE_MODE]["e"] = function () { return slideUpdateExportLayer(); };

charCodeDict[DRAWING_MODE]["d"] = function () { return drawingSwitchToSlideMode(); };

charCodeDict[DRAWING_MODE]["0"] = function () { return drawingResetPathWidth(); };

charCodeDict[DRAWING_MODE]["1"] = function () { return drawingSetPathWidth(1.0); };

charCodeDict[DRAWING_MODE]["3"] = function () { return drawingSetPathWidth(3.0); };

charCodeDict[DRAWING_MODE]["5"] = function () { return drawingSetPathWidth(5.0); };

charCodeDict[DRAWING_MODE]["7"] = function () { return drawingSetPathWidth(7.0); };

charCodeDict[DRAWING_MODE]["9"] = function () { return drawingSetPathWidth(9.0); };

charCodeDict[DRAWING_MODE]["b"] = function () { return drawingSetPathColour("blue"); };

charCodeDict[DRAWING_MODE]["c"] = function () { return drawingSetPathColour("cyan"); };

charCodeDict[DRAWING_MODE]["g"] = function () { return drawingSetPathColour("green"); };

charCodeDict[DRAWING_MODE]["k"] = function () { return drawingSetPathColour("black"); };

charCodeDict[DRAWING_MODE]["m"] = function () { return drawingSetPathColour("magenta"); };

charCodeDict[DRAWING_MODE]["o"] = function () { return drawingSetPathColour("orange"); };

charCodeDict[DRAWING_MODE]["r"] = function () { return drawingSetPathColour("red"); };

charCodeDict[DRAWING_MODE]["w"] = function () { return drawingSetPathColour("white"); };

charCodeDict[DRAWING_MODE]["y"] = function () { return drawingSetPathColour("yellow"); };

charCodeDict[DRAWING_MODE]["z"] = function () { return drawingUndo(); };

charCodeDict[INDEX_MODE]["i"] = function () { return toggleSlideIndex(); };

charCodeDict[INDEX_MODE]["-"] = function () { return indexDecreaseNumberOfColumns(); };

charCodeDict[INDEX_MODE]["="] = function () { return indexIncreaseNumberOfColumns(); };

charCodeDict[INDEX_MODE]["+"] = function () { return indexIncreaseNumberOfColumns(); };

charCodeDict[INDEX_MODE]["0"] = function () { return indexResetNumberOfColumns(); };

return charCodeDict;

}

function getDefaultKeyCodeDictionary()

{

var keyCodeDict = new Object();

keyCodeDict[SLIDE_MODE] = new Object();

keyCodeDict[INDEX_MODE] = new Object();

keyCodeDict[DRAWING_MODE] = new Object();

keyCodeDict[SLIDE_MODE][LEFT_KEY] = function() { return dispatchEffects(-1); };

keyCodeDict[SLIDE_MODE][RIGHT_KEY] = function() { return dispatchEffects(1); };

keyCodeDict[SLIDE_MODE][UP_KEY] = function() { return skipEffects(-1); };

keyCodeDict[SLIDE_MODE][DOWN_KEY] = function() { return skipEffects(1); };

keyCodeDict[SLIDE_MODE][PAGE_UP_KEY] = function() { return dispatchEffects(-1); };

keyCodeDict[SLIDE_MODE][PAGE_DOWN_KEY] = function() { return dispatchEffects(1); };

keyCodeDict[SLIDE_MODE][HOME_KEY] = function() { return slideSetActiveSlide(0); };

keyCodeDict[SLIDE_MODE][END_KEY] = function() { return slideSetActiveSlide(slides.length - 1); };

keyCodeDict[SLIDE_MODE][SPACE_KEY] = function() { return dispatchEffects(1); };

keyCodeDict[INDEX_MODE][LEFT_KEY] = function() { return indexSetPageSlide(activeSlide - 1); };

keyCodeDict[INDEX_MODE][RIGHT_KEY] = function() { return indexSetPageSlide(activeSlide + 1); };

keyCodeDict[INDEX_MODE][UP_KEY] = function() { return indexSetPageSlide(activeSlide - INDEX_COLUMNS); };

keyCodeDict[INDEX_MODE][DOWN_KEY] = function() { return indexSetPageSlide(activeSlide + INDEX_COLUMNS); };

keyCodeDict[INDEX_MODE][PAGE_UP_KEY] = function() { return indexSetPageSlide(activeSlide - INDEX_COLUMNS * INDEX_COLUMNS); };

keyCodeDict[INDEX_MODE][PAGE_DOWN_KEY] = function() { return indexSetPageSlide(activeSlide + INDEX_COLUMNS * INDEX_COLUMNS); };

keyCodeDict[INDEX_MODE][HOME_KEY] = function() { return indexSetPageSlide(0); };

keyCodeDict[INDEX_MODE][END_KEY] = function() { return indexSetPageSlide(slides.length - 1); };

keyCodeDict[INDEX_MODE][ENTER_KEY] = function() { return toggleSlideIndex(); };

keyCodeDict[DRAWING_MODE][ESCAPE_KEY] = function () { return drawingSwitchToSlideMode(); };

return keyCodeDict;

}

function mouseHandlerDispatch(evnt, action)

{

if (!evnt)

evnt = window.event;

var retVal = true;

if (!processingEffect && mouseHandlerDictionary[currentMode] && mouseHandlerDictionary[currentMode][action])

{

var subRetVal = mouseHandlerDictionary[currentMode][action](evnt);

if (subRetVal != null && subRetVal != undefined)

retVal = subRetVal;

}

if (evnt.preventDefault && !retVal)

evnt.preventDefault();

evnt.returnValue = retVal;

return retVal;

}

document.onmousedown = function(e) { return mouseHandlerDispatch(e, MOUSE_DOWN); };

document.onmouseup = function(e) { return mouseHandlerDispatch(e, MOUSE_UP); };

document.onmousemove = function(e) { return mouseHandlerDispatch(e, MOUSE_MOVE); };

if (window.addEventListener)

{

window.addEventListener('DOMMouseScroll', function(e) { return mouseHandlerDispatch(e, MOUSE_WHEEL); }, false);

}

window.onmousewheel = function(e) { return mouseHandlerDispatch(e, MOUSE_WHEEL); };

function getDefaultMouseHandlerDictionary()

{

var mouseHandlerDict = new Object();

mouseHandlerDict[SLIDE_MODE] = new Object();

mouseHandlerDict[INDEX_MODE] = new Object();

mouseHandlerDict[DRAWING_MODE] = new Object();

mouseHandlerDict[SLIDE_MODE][MOUSE_DOWN] = function(evnt) { return dispatchEffects(1); };

mouseHandlerDict[SLIDE_MODE][MOUSE_WHEEL] = function(evnt) { return slideMousewheel(evnt); };

mouseHandlerDict[INDEX_MODE][MOUSE_DOWN] = function(evnt) { return toggleSlideIndex(); };

mouseHandlerDict[DRAWING_MODE][MOUSE_DOWN] = function(evnt) { return drawingMousedown(evnt); };

mouseHandlerDict[DRAWING_MODE][MOUSE_UP] = function(evnt) { return drawingMouseup(evnt); };

mouseHandlerDict[DRAWING_MODE][MOUSE_MOVE] = function(evnt) { return drawingMousemove(evnt); };

return mouseHandlerDict;

}

function slideSwitchToDrawingMode()

{

currentMode = DRAWING_MODE;

var tempDict;

if (ROOT_NODE.hasAttribute("style"))

tempDict = propStrToDict(ROOT_NODE.getAttribute("style"));

else

tempDict = new Object();

tempDict["cursor"] = "crosshair";

ROOT_NODE.setAttribute("style", dictToPropStr(tempDict));

}

function drawingSwitchToSlideMode()

{

currentMode = SLIDE_MODE;

var tempDict;

if (ROOT_NODE.hasAttribute("style"))

tempDict = propStrToDict(ROOT_NODE.getAttribute("style"));

else

tempDict = new Object();

tempDict["cursor"] = "auto";

ROOT_NODE.setAttribute("style", dictToPropStr(tempDict));

}

function indexDecreaseNumberOfColumns()

{

if (INDEX_COLUMNS >= 3)

{

INDEX_COLUMNS -= 1;

INDEX_OFFSET = -1

indexSetPageSlide(activeSlide);

}

}

function indexIncreaseNumberOfColumns()

{

if (INDEX_COLUMNS < 7)

{

INDEX_COLUMNS += 1;

INDEX_OFFSET = -1

indexSetPageSlide(activeSlide);

}

}

function indexResetNumberOfColumns()

{

if (INDEX_COLUMNS != INDEX_COLUMNS_DEFAULT)

{

INDEX_COLUMNS = INDEX_COLUMNS_DEFAULT;

INDEX_OFFSET = -1

indexSetPageSlide(activeSlide);

}

}

function drawingResetPathWidth()

{

path_width = path_width_default;

set_path_paint_width();

}

function drawingSetPathWidth(width)

{

path_width = width;

set_path_paint_width();

}

function drawingSetPathColour(colour)

{

path_colour = colour;

}

function slideQueryDuration()

{

var new_duration = prompt("Length of presentation in minutes?", timer_duration);

if ((new_duration != null) && (new_duration != ''))

{

timer_duration = new_duration;

}

updateTimer();

}

function slideAddSlide(afterSlide)

{

addSlide(afterSlide);

slideSetActiveSlide(afterSlide + 1);

updateTimer();

}

function slideToggleProgressBarVisibility()

{

if (progress_bar_visible)

{

progress_bar_visible = false;

hideProgressBar();

}

else

{

progress_bar_visible = true;

showProgressBar();

}

}

function slideResetTimer()

{

timer_start = timer_elapsed;

updateTimer();

}

function padString(str, len)

{

var outStr = str;

while (outStr.length < len)

{

outStr = '0' + outStr;

}

return outStr;

}

function slideUpdateExportLayer()

{

// Suspend redraw since we are going to mess with the slides.

var suspendHandle = ROOT_NODE.suspendRedraw(2000);

var tmpActiveSlide = activeSlide;

var tmpActiveEffect = activeEffect;

var exportedLayers = new Array();

for (var counterSlides = 0; counterSlides < slides.length; counterSlides++)

{

var exportNode;

setSlideToState(counterSlides, STATE_START);

var maxEffect = 0;

if (slides[counterSlides].effects)

{

maxEffect = slides[counterSlides].effects.length;

}

exportNode = slides[counterSlides].element.cloneNode(true);

exportNode.setAttributeNS(NSS["inkscape"], "groupmode", "layer");

exportNode.setAttributeNS(NSS["inkscape"], "label", "slide_" + padString((counterSlides + 1).toString(), slides.length.toString().length) + "_effect_" + padString("0", maxEffect.toString().length));

exportedLayers.push(exportNode);

if (slides[counterSlides]["effects"])

{

for (var counter = 0; counter < slides[counterSlides]["effects"].length; counter++)

{

for (var subCounter = 0; subCounter < slides[counterSlides]["effects"][counter].length; subCounter++)

{

var effect = slides[counterSlides]["effects"][counter][subCounter];

if (effect["effect"] == "fade")

fade(parseInt(effect["dir"]), effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "appear")

appear(parseInt(effect["dir"]), effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "pop")

pop(parseInt(effect["dir"]), effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "view")

view(parseInt(effect["dir"]), effect["element"], STATE_END, effect["options"]);

}

var layerName = "slide_" + padString((counterSlides + 1).toString(), slides.length.toString().length) + "_effect_" + padString((counter + 1).toString(), maxEffect.toString().length);

exportNode = slides[counterSlides].element.cloneNode(true);

exportNode.setAttributeNS(NSS["inkscape"], "groupmode", "layer");

exportNode.setAttributeNS(NSS["inkscape"], "label", layerName);

exportNode.setAttribute("id", layerName);

exportedLayers.push(exportNode);

}

}

}

activeSlide = tmpActiveSlide;

activeEffect = tmpActiveEffect;

setSlideToState(activeSlide, activeEffect);

// Copy image.

var newDoc = document.documentElement.cloneNode(true);

// Delete viewbox form new imag and set width and height.

newDoc.removeAttribute('viewbox');

newDoc.setAttribute('width', WIDTH);

newDoc.setAttribute('height', HEIGHT);

// Delete all layers and script elements.

var nodesToBeRemoved = new Array();

for (var childCounter = 0; childCounter < newDoc.childNodes.length; childCounter++)

{

var child = newDoc.childNodes[childCounter];

if (child.nodeType == 1)

{

if ((child.nodeName.toUpperCase() == 'G') || (child.nodeName.toUpperCase() == 'SCRIPT'))

{

nodesToBeRemoved.push(child);

}

}

}

for (var ndCounter = 0; ndCounter < nodesToBeRemoved.length; ndCounter++)

{

var nd = nodesToBeRemoved[ndCounter];

// Before removing the node, check whether it contains any definitions.

var defs = nd.getElementsByTagNameNS(NSS["svg"], "defs");

for (var defsCounter = 0; defsCounter < defs.length; defsCounter++)

{

if (defs[defsCounter].id)

{

newDoc.appendChild(defs[defsCounter].cloneNode(true));

}

}

// Remove node.

nd.parentNode.removeChild(nd);

}

// Set current layer.

if (exportedLayers[0])

{

var namedView;

for (var nodeCounter = 0; nodeCounter < newDoc.childNodes.length; nodeCounter++)

{

if ((newDoc.childNodes[nodeCounter].nodeType == 1) && (newDoc.childNodes[nodeCounter].getAttribute('id') == 'base'))

{

namedView = newDoc.childNodes[nodeCounter];

}

}

if (namedView)

{

namedView.setAttributeNS(NSS['inkscape'], 'current-layer', exportedLayers[0].getAttributeNS(NSS['inkscape'], 'label'));

}

}

// Add exported layers.

while (exportedLayers.length > 0)

{

var nd = exportedLayers.pop();

nd.setAttribute("opacity",1);

nd.style.display = "inherit";

newDoc.appendChild(nd);

}

// Serialise the new document.

var serializer = new XMLSerializer();

var strm =

{

content : "",

close : function() {},

flush : function() {},

write : function(str, count) { this.content += str; }

};

var xml = serializer.serializeToStream(newDoc, strm, 'UTF-8');

window.location = 'data:application/svg+xml;base64;charset=utf-8,' + window.btoa(strm.content);

// Unsuspend redraw.

ROOT_NODE.unsuspendRedraw(suspendHandle);

ROOT_NODE.forceRedraw();

}

function drawingUndo()

{

mouse_presentation_path = null;

mouse_original_path = null;

if (history_presentation_elements.length > 0)

{

var p = history_presentation_elements.pop();

var parent = p.parentNode.removeChild(p);

p = history_original_elements.pop();

parent = p.parentNode.removeChild(p);

}

}

function drawingMousedown(e)

{

var value = 0;

if (e.button)

value = e.button;

else if (e.which)

value = e.which;

if (value == 1)

{

history_counter++;

var p = calcCoord(e);

mouse_last_x = e.clientX;

mouse_last_y = e.clientY;

mouse_original_path = document.createElementNS(NSS["svg"], "path");

mouse_original_path.setAttribute("stroke", path_colour);

mouse_original_path.setAttribute("stroke-width", path_paint_width);

mouse_original_path.setAttribute("fill", "none");

mouse_original_path.setAttribute("id", "path " + Date());

mouse_original_path.setAttribute("d", "M" + p.x + "," + p.y);

slides[activeSlide]["original_element"].appendChild(mouse_original_path);

history_original_elements.push(mouse_original_path);

mouse_presentation_path = document.createElementNS(NSS["svg"], "path");

mouse_presentation_path.setAttribute("stroke", path_colour);

mouse_presentation_path.setAttribute("stroke-width", path_paint_width);

mouse_presentation_path.setAttribute("fill", "none");

mouse_presentation_path.setAttribute("id", "path " + Date() + " presentation copy");

mouse_presentation_path.setAttribute("d", "M" + p.x + "," + p.y);

if (slides[activeSlide]["viewGroup"])

slides[activeSlide]["viewGroup"].appendChild(mouse_presentation_path);

else

slides[activeSlide]["element"].appendChild(mouse_presentation_path);

history_presentation_elements.push(mouse_presentation_path);

return false;

}

return true;

}

function drawingMouseup(e)

{

if(!e)

e = window.event;

if (mouse_presentation_path != null)

{

var p = calcCoord(e);

var d = mouse_presentation_path.getAttribute("d");

d += " L" + p.x + "," + p.y;

mouse_presentation_path.setAttribute("d", d);

mouse_presentation_path = null;

mouse_original_path.setAttribute("d", d);

mouse_original_path = null;

return false;

}

return true;

}

function drawingMousemove(e)

{

if(!e)

e = window.event;

var dist = (mouse_last_x - e.clientX) * (mouse_last_x - e.clientX) + (mouse_last_y - e.clientY) * (mouse_last_y - e.clientY);

if (mouse_presentation_path == null)

{

return true;

}

if (dist >= mouse_min_dist_sqr)

{

var p = calcCoord(e);

var d = mouse_presentation_path.getAttribute("d");

d += " L" + p.x + "," + p.y;

mouse_presentation_path.setAttribute("d", d);

mouse_original_path.setAttribute("d", d);

mouse_last_x = e.clientX;

mouse_last_y = e.clientY;

}

return false;

}

function slideMousewheel(e)

{

var delta = 0;

if (!e)

e = window.event;

if (e.wheelDelta)

{ // IE Opera

delta = e.wheelDelta/120;

}

else if (e.detail)

{ // MOZ

delta = -e.detail/3;

}

if (delta > 0)

skipEffects(-1);

else if (delta < 0)

skipEffects(1);

if (e.preventDefault)

e.preventDefault();

e.returnValue = false;

}

function indexMousewheel(e)

{

var delta = 0;

if (!e)

e = window.event;

if (e.wheelDelta)

{ // IE Opera

delta = e.wheelDelta/120;

}

else if (e.detail)

{ // MOZ

delta = -e.detail/3;

}

if (delta > 0)

indexSetPageSlide(activeSlide - INDEX_COLUMNS * INDEX_COLUMNS);

else if (delta < 0)

indexSetPageSlide(activeSlide + INDEX_COLUMNS * INDEX_COLUMNS);

if (e.preventDefault)

e.preventDefault();

e.returnValue = false;

}

function set_path_paint_width()

{

var svgPoint1 = document.documentElement.createSVGPoint();

var svgPoint2 = document.documentElement.createSVGPoint();

svgPoint1.x = 0.0;

svgPoint1.y = 0.0;

svgPoint2.x = 1.0;

svgPoint2.y = 0.0;

var matrix = slides[activeSlide]["element"].getTransformToElement(ROOT_NODE);

if (slides[activeSlide]["viewGroup"])

matrix = slides[activeSlide]["viewGroup"].getTransformToElement(ROOT_NODE);

svgPoint1 = svgPoint1.matrixTransform(matrix);

svgPoint2 = svgPoint2.matrixTransform(matrix);

path_paint_width = path_width / Math.sqrt((svgPoint2.x - svgPoint1.x) * (svgPoint2.x - svgPoint1.x) + (svgPoint2.y - svgPoint1.y) * (svgPoint2.y - svgPoint1.y));

}

function view(dir, element, time, options)

{

var length = 250;

var fraction;

if (!options["matrixInitial"])

{

var tempString = slides[activeSlide]["viewGroup"].getAttribute("transform");

if (tempString)

options["matrixInitial"] = (new matrixSVG()).fromAttribute(tempString);

else

options["matrixInitial"] = (new matrixSVG()).fromSVGElements(1, 0, 0, 1, 0, 0);

}

if ((time == STATE_END) || (time == STATE_START))

fraction = 1;

else

{

if (options && options["length"])

length = options["length"];

fraction = time / length;

}

if (dir == 1)

{

if (fraction <= 0)

{

element.setAttribute("transform", options["matrixInitial"].toAttribute());

}

else if (fraction >= 1)

{

element.setAttribute("transform", options["matrixNew"].toAttribute());

set_path_paint_width();

options["matrixInitial"] = null;

return true;

}

else

{

element.setAttribute("transform", options["matrixInitial"].mix(options["matrixNew"], fraction).toAttribute());

}

}

else if (dir == -1)

{

if (fraction <= 0)

{

element.setAttribute("transform", options["matrixInitial"].toAttribute());

}

else if (fraction >= 1)

{

element.setAttribute("transform", options["matrixOld"].toAttribute());

set_path_paint_width();

options["matrixInitial"] = null;

return true;

}

else

{

element.setAttribute("transform", options["matrixInitial"].mix(options["matrixOld"], fraction).toAttribute());

}

}

return false;

}

function fade(dir, element, time, options)

{

var length = 250;

var fraction;

if ((time == STATE_END) || (time == STATE_START))

fraction = 1;

else

{

if (options && options["length"])

length = options["length"];

fraction = time / length;

}

if (dir == 1)

{

if (fraction <= 0)

{

element.style.display = "none";

element.setAttribute("opacity", 0);

}

else if (fraction >= 1)

{

element.style.display = "inherit";

element.setAttribute("opacity", 1);

return true;

}

else

{

element.style.display = "inherit";

element.setAttribute("opacity", fraction);

}

}

else if (dir == -1)

{

if (fraction <= 0)

{

element.style.display = "inherit";

element.setAttribute("opacity", 1);

}

else if (fraction >= 1)

{

element.setAttribute("opacity", 0);

element.style.display = "none";

return true;

}

else

{

element.style.display = "inherit";

element.setAttribute("opacity", 1 - fraction);

}

}

return false;

}

function appear(dir, element, time, options)

{

if (dir == 1)

{

element.style.display = "inherit";

element.setAttribute("opacity",1);

}

else if (dir == -1)

{

element.style.display = "none";

element.setAttribute("opacity",0);

}

return true;

}

function pop(dir, element, time, options)

{

var length = 500;

var fraction;

if ((time == STATE_END) || (time == STATE_START))

fraction = 1;

else

{

if (options && options["length"])

length = options["length"];

fraction = time / length;

}

if (dir == 1)

{

if (fraction <= 0)

{

element.setAttribute("opacity", 0);

element.setAttribute("transform", "scale(0)");

element.style.display = "none";

}

else if (fraction >= 1)

{

element.setAttribute("opacity", 1);

element.removeAttribute("transform");

element.style.display = "inherit";

return true;

}

else

{

element.style.display = "inherit";

var opacityFraction = fraction * 3;

if (opacityFraction > 1)

opacityFraction = 1;

element.setAttribute("opacity", opacityFraction);

var offsetX = WIDTH * (1.0 - fraction) / 2.0;

var offsetY = HEIGHT * (1.0 - fraction) / 2.0;

element.setAttribute("transform", "translate(" + offsetX + "," + offsetY + ") scale(" + fraction + ")");

}

}

else if (dir == -1)

{

if (fraction <= 0)

{

element.setAttribute("opacity", 1);

element.setAttribute("transform", "scale(1)");

element.style.display = "inherit";

}

else if (fraction >= 1)

{

element.setAttribute("opacity", 0);

element.removeAttribute("transform");

element.style.display = "none";

return true;

}

else

{

element.setAttribute("opacity", 1 - fraction);

element.setAttribute("transform", "scale(" + 1 - fraction + ")");

element.style.display = "inherit";

}

}

return false;

}

function setSlideToState(slide, state)

{

slides[slide]["viewGroup"].setAttribute("transform", slides[slide].initialView);

if (slides[slide]["effects"])

{

if (state == STATE_END)

{

for (var counter = 0; counter < slides[slide]["effects"].length; counter++)

{

for (var subCounter = 0; subCounter < slides[slide]["effects"][counter].length; subCounter++)

{

var effect = slides[slide]["effects"][counter][subCounter];

if (effect["effect"] == "fade")

fade(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "appear")

appear(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "pop")

pop(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "view")

view(effect["dir"], effect["element"], STATE_END, effect["options"]);

}

}

}

else if (state == STATE_START)

{

for (var counter = slides[slide]["effects"].length - 1; counter >= 0; counter--)

{

for (var subCounter = 0; subCounter < slides[slide]["effects"][counter].length; subCounter++)

{

var effect = slides[slide]["effects"][counter][subCounter];

if (effect["effect"] == "fade")

fade(parseInt(effect["dir"]) * -1, effect["element"], STATE_START, effect["options"]);

else if (effect["effect"] == "appear")

appear(parseInt(effect["dir"]) * -1, effect["element"], STATE_START, effect["options"]);

else if (effect["effect"] == "pop")

pop(parseInt(effect["dir"]) * -1, effect["element"], STATE_START, effect["options"]);

else if (effect["effect"] == "view")

view(parseInt(effect["dir"]) * -1, effect["element"], STATE_START, effect["options"]);

}

}

}

else

{

setSlideToState(slide, STATE_START);

for (var counter = 0; counter < slides[slide]["effects"].length && counter < state; counter++)

{

for (var subCounter = 0; subCounter < slides[slide]["effects"][counter].length; subCounter++)

{

var effect = slides[slide]["effects"][counter][subCounter];

if (effect["effect"] == "fade")

fade(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "appear")

appear(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "pop")

pop(effect["dir"], effect["element"], STATE_END, effect["options"]);

else if (effect["effect"] == "view")

view(effect["dir"], effect["element"], STATE_END, effect["options"]);

}

}

}

}

window.location.hash = (activeSlide + 1) + '_' + activeEffect;

}

function propStrToDict(str)

{

var list = str.split(";");

var obj = new Object();

for (var counter = 0; counter < list.length; counter++)

{

var subStr = list[counter];

var subList = subStr.split(":");

if (subList.length == 2)

{

obj[subList[0]] = subList[1];

}

}

return obj;

}

function dictToPropStr(dict)

{

var str = "";

for (var key in dict)

{

str += key + ":" + dict[key] + ";";

}

return str;

}

function suffixNoneIds_sub(node, suffix, replace)

{

if (node.nodeType == 1)

{

if (node.getAttribute("id"))

{

var id = node.getAttribute("id")

replace["#" + id] = id + suffix;

node.setAttribute("id", id + suffix);

}

if ((node.nodeName == "use") && (node.getAttributeNS(NSS["xlink"], "href")) && (replace[node.getAttribute(NSS["xlink"], "href")]))

node.setAttribute(NSS["xlink"], "href", node.getAttribute(NSS["xlink"], "href") + suffix);

if (node.childNodes)

{

for (var counter = 0; counter < node.childNodes.length; counter++)

suffixNoneIds_sub(node.childNodes[counter], suffix, replace);

}

}

}

function suffixNodeIds(node, suffix)

{

var replace = new Object();

suffixNoneIds_sub(node, suffix, replace);

return node;

}

function createProgressBar(parent_node)

{

var g = document.createElementNS(NSS["svg"], "g");

g.setAttribute("clip-path", "url(#jessyInkSlideClipPath)");

g.setAttribute("id", "layer_progress_bar");

g.setAttribute("style", "display: none;");

var rect_progress_bar = document.createElementNS(NSS["svg"], "rect");

rect_progress_bar.setAttribute("style", "marker: none; fill: rgb(128, 128, 128); stroke: none;");

rect_progress_bar.setAttribute("id", "rect_progress_bar");

rect_progress_bar.setAttribute("x", 0);

rect_progress_bar.setAttribute("y", 0.99 * HEIGHT);

rect_progress_bar.setAttribute("width", 0);

rect_progress_bar.setAttribute("height", 0.01 * HEIGHT);

g.appendChild(rect_progress_bar);

var circle_timer_indicator = document.createElementNS(NSS["svg"], "circle");

circle_timer_indicator.setAttribute("style", "marker: none; fill: rgb(255, 0, 0); stroke: none;");

circle_timer_indicator.setAttribute("id", "circle_timer_indicator");

circle_timer_indicator.setAttribute("cx", 0.005 * HEIGHT);

circle_timer_indicator.setAttribute("cy", 0.995 * HEIGHT);

circle_timer_indicator.setAttribute("r", 0.005 * HEIGHT);

g.appendChild(circle_timer_indicator);

parent_node.appendChild(g);

}

function hideProgressBar()

{

var progress_bar = document.getElementById("layer_progress_bar");

if (!progress_bar)

{

return;

}

progress_bar.setAttribute("style", "display: none;");

}

function showProgressBar()

{

var progress_bar = document.getElementById("layer_progress_bar");

if (!progress_bar)

{

return;

}

progress_bar.setAttribute("style", "display: inherit;");

}

function setProgressBarValue(value)

{

var rect_progress_bar = document.getElementById("rect_progress_bar");

if (!rect_progress_bar)

{

return;

}

if (value < 1)

{

// First slide, assumed to be the title of the presentation

var x = 0;

var w = 0.01 * HEIGHT;

}

else if (value >= slides.length - 1)

{

// Last slide, assumed to be the end of the presentation

var x = WIDTH - 0.01 * HEIGHT;

var w = 0.01 * HEIGHT;

}

else

{

value -= 1;

value /= (slides.length - 2);

var x = WIDTH * value;

var w = WIDTH / (slides.length - 2);

}

rect_progress_bar.setAttribute("x", x);

rect_progress_bar.setAttribute("width", w);

}

function setTimeIndicatorValue(value)

{

var circle_timer_indicator = document.getElementById("circle_timer_indicator");

if (!circle_timer_indicator)

{

return;

}

if (value < 0.0)

{

value = 0.0;

}

if (value > 1.0)

{

value = 1.0;

}

var cx = (WIDTH - 0.01 * HEIGHT) * value + 0.005 * HEIGHT;

circle_timer_indicator.setAttribute("cx", cx);

}

function updateTimer()

{

timer_elapsed += 1;

setTimeIndicatorValue((timer_elapsed - timer_start) / (60 * timer_duration));

}

function calcCoord(e)

{

var svgPoint = document.documentElement.createSVGPoint();

svgPoint.x = e.clientX + window.pageXOffset;

svgPoint.y = e.clientY + window.pageYOffset;

var matrix = slides[activeSlide]["element"].getScreenCTM();

if (slides[activeSlide]["viewGroup"])

matrix = slides[activeSlide]["viewGroup"].getScreenCTM();

svgPoint = svgPoint.matrixTransform(matrix.inverse());

return svgPoint;

}

function addSlide(after_slide)

{

number_of_added_slides++;

var g = document.createElementNS(NSS["svg"], "g");

g.setAttribute("clip-path", "url(#jessyInkSlideClipPath)");

g.setAttribute("id", "Whiteboard " + Date() + " presentation copy");

g.setAttribute("style", "display: none;");

var new_slide = new Object();

new_slide["element"] = g;

// Set build in transition.

new_slide["transitionIn"] = new Object();

var dict = defaultTransitionInDict;

new_slide["transitionIn"]["name"] = dict["name"];

new_slide["transitionIn"]["options"] = new Object();

for (key in dict)

if (key != "name")

new_slide["transitionIn"]["options"][key] = dict[key];

// Set build out transition.

new_slide["transitionOut"] = new Object();

dict = defaultTransitionOutDict;

new_slide["transitionOut"]["name"] = dict["name"];

new_slide["transitionOut"]["options"] = new Object();

for (key in dict)

if (key != "name")

new_slide["transitionOut"]["options"][key] = dict[key];

// Copy master slide content.

if (masterSlide)

{

var clonedNode = suffixNodeIds(masterSlide.cloneNode(true), "_" + Date() + " presentation_copy");

clonedNode.removeAttributeNS(NSS["inkscape"], "groupmode");

clonedNode.removeAttributeNS(NSS["inkscape"], "label");

clonedNode.style.display = "inherit";

g.appendChild(clonedNode);

}

// Substitute auto texts.

substituteAutoTexts(g, "Whiteboard " + number_of_added_slides, "W" + number_of_added_slides, slides.length);

g.setAttribute("onmouseover", "if ((currentMode == INDEX_MODE) && ( activeSlide != " + (after_slide + 1) + ")) { indexSetActiveSlide(" + (after_slide + 1) + "); };");

// Create a transform group.

var transformGroup = document.createElementNS(NSS["svg"], "g");

// Add content to transform group.

while (g.firstChild)

transformGroup.appendChild(g.firstChild);

// Transfer the transform attribute from the node to the transform group.

if (g.getAttribute("transform"))

{

transformGroup.setAttribute("transform", g.getAttribute("transform"));

g.removeAttribute("transform");

}

// Create a view group.

var viewGroup = document.createElementNS(NSS["svg"], "g");

viewGroup.appendChild(transformGroup);

new_slide["viewGroup"] = g.appendChild(viewGroup);

// Insert background.

if (BACKGROUND_COLOR != null)

{

var rectNode = document.createElementNS(NSS["svg"], "rect");

rectNode.setAttribute("x", 0);

rectNode.setAttribute("y", 0);

rectNode.setAttribute("width", WIDTH);

rectNode.setAttribute("height", HEIGHT);

rectNode.setAttribute("id", "jessyInkBackground" + Date());

rectNode.setAttribute("fill", BACKGROUND_COLOR);

new_slide["viewGroup"].insertBefore(rectNode, new_slide["viewGroup"].firstChild);

}

// Set initial view even if there are no other views.

var matrixOld = (new matrixSVG()).fromElements(1, 0, 0, 0, 1, 0, 0, 0, 1);

new_slide["viewGroup"].setAttribute("transform", matrixOld.toAttribute());

new_slide.initialView = matrixOld.toAttribute();

// Insert slide

var node = slides[after_slide]["element"];

var next_node = node.nextSibling;

var parent_node = node.parentNode;

if (next_node)

{

parent_node.insertBefore(g, next_node);

}

else

{

parent_node.appendChild(g);

}

g = document.createElementNS(NSS["svg"], "g");

g.setAttributeNS(NSS["inkscape"], "groupmode", "layer");

g.setAttributeNS(NSS["inkscape"], "label", "Whiteboard " + number_of_added_slides);

g.setAttribute("clip-path", "url(#jessyInkSlideClipPath)");

g.setAttribute("id", "Whiteboard " + Date());

g.setAttribute("style", "display: none;");

new_slide["original_element"] = g;

node = slides[after_slide]["original_element"];

next_node = node.nextSibling;

parent_node = node.parentNode;

if (next_node)

{

parent_node.insertBefore(g, next_node);

}

else

{

parent_node.appendChild(g);

}

before_new_slide = slides.slice(0, after_slide + 1);

after_new_slide = slides.slice(after_slide + 1);

slides = before_new_slide.concat(new_slide, after_new_slide);

//resetting the counter attributes on the slides that follow the new slide...

for (var counter = after_slide+2; counter < slides.length; counter++)

{

slides[counter]["element"].setAttribute("onmouseover", "if ((currentMode == INDEX_MODE) && ( activeSlide != " + counter + ")) { indexSetActiveSlide(" + counter + "); };");

}

}

function pointMatrixToTransformation(mPoints)

{

mPointsOld = (new matrixSVG()).fromElements(0, WIDTH, WIDTH, 0, 0, HEIGHT, 1, 1, 1);

return mPointsOld.mult(mPoints.inv());

}

function rectToMatrix(rect)

{

rectWidth = rect.getBBox().width;

rectHeight = rect.getBBox().height;

rectX = rect.getBBox().x;

rectY = rect.getBBox().y;

rectXcorr = 0;

rectYcorr = 0;

scaleX = WIDTH / rectWidth;

scaleY = HEIGHT / rectHeight;

if (scaleX > scaleY)

{

scaleX = scaleY;

rectXcorr -= (WIDTH / scaleX - rectWidth) / 2;