/* file KLEIDER/web/src/sitestyle/desktop_help.js */
// -*- coding: utf-8 -*-
// Skript zur Hilfe zur Desktop-Darstellung einer Bildergeschichte
// 2014-10-15 Herbert Schiemann <h.schiemann@herbaer.de>
// 2020-09-27 storydir zum dynamischen Laden der Ansichten-Liste

var id_maintext = "mt_main";

function onMouseoverOll (event) {
    var mm = event.target.getAttribute("id").match (/^.*?_(.*)/);
    var id  = mm[1];
    var key = "outline";
    if (id == "imglinks" || id == "sectlinks") {
        key = "hilite_" + id;
        id  = id_maintext;
    }
    var elt = document.getElementById (id);
    elt.setAttribute ("class", elt.getAttribute ("class") + " " + key);
}

function onMouseoutOll (event) {
    var mm = event.target.getAttribute("id").match (/^.*?_(.*)/);
    var id  = mm[1];
    var re;
    if (id == "imglinks" || id == "sectlinks") {
        id = id_maintext;
        re = /\s+hilite_[a-z]+\b/;
    }
    else
        re = /\s+outline\b/;
    var elt = document.getElementById (id);
    var cls = elt.getAttribute ("class");
    elt.setAttribute ("class", cls.replace (re, ""));
}

onload = function () {
    storydir = prf_img;
    initialize ();
    var i;
    var spans = document.getElementsByTagName ("span");
    for (i = 0; i < spans.length; ++i) {
        if (spans[i].getAttribute ("class") == "oll") {
            spans[i].addEventListener ("mouseover", onMouseoverOll, false);
            spans[i].addEventListener ("mouseout",  onMouseoutOll,  false);
        }
    }
};
/* end of file KLEIDER/web/src/sitestyle/desktop_help.js */