var starttimeWidth = 58;
var durationWidth = 50;
var editWidth = 25;
var delWidth = 20;
function menu_hl_chapter(el, hl, chapter_id) {
if(el == null) return;
if(el.className == null) el = document.getElementById(el);
if(el == null || el.className == null) return;
var m = (el.className.indexOf("_mark") > 0 ? "_mark" : "");
el.className = (hl ? "menu_chapter_hl" : "menu_chapter") + m;
// highlight inner tags
var ch_el = document.getElementById("menu_chapter_" + chapter_id + "_children");
if(ch_el == null) return;
ch_el.className = (hl ? "menu_chapter_children_hl" : "menu_chapter_children") + m;
}
function menu_hl_tag(el, hl) {
if(el == null) return;
if(el.className == null) el = document.getElementById(el);
if(el == null || el.className == null) return;
var m = (el.className.indexOf("_mark") > 0 ? "_mark" : "");
el.className = (hl ? "menu_tag_hl" : "menu_tag") + m;
}
function menu_mark_chapter(el, mark) {
if(el == null) return;
if(el.className == null) el = document.getElementById(el);
if(el == null || el.className == null) return;
var h = (el.className.indexOf("_hl") > 0 ? "_hl" : "");
el.className = "menu_chapter" + h + (mark ? "_mark" : "");
}
function menu_mark_tag(el, mark) {
if(el == null) return;
if(el.className == null) el = document.getElementById(el);
if(el == null || el.className == null) return;
var h = (el.className.indexOf("_hl") > 0 ? "_hl" : "");
el.className = "menu_tag" + h + (mark ? "_mark" : "");
}
function menu_show_tag(el, show) {
// opens all closed Chapters to show a tag and scroll menu to make this tag visible
if(el == null) return;
if(el.className == null) el = document.getElementById(el);
if(el == null || el.className == null) return;
var ch = null;
var children = null;
var closed = false;
var ch_id = el.getAttribute("chapter_id");
while(ch_id != null && ch_id != "") {
children = document.getElementById("menu_chapter_" + ch_id + "_children");
closed = (children != null && children.style.display == "none");
if(closed) {
menu_chapter_open("menu_chapter_" + ch_id);
ch = document.getElementById("menu_chapter_" + ch_id + "_title");
ch_id = (ch == null ? null : ch.getAttribute("parent_id"));
} else {
ch_id = null;
}
}
//el.scrollIntoView(false);
menu_scroll_into_view(el);
}
function menu_scroll_into_view(el) {
if(el == null) return;
var el_t = el.offsetTop;
var d = el.offsetParent;
while(d != null && d.offsetHeight == d.scrollHeight) {
if(d.tagName.toLowerCase() == "body" || d.tagName.toLowerCase() == "html" || d.tagName.toLowerCase() == "undefined") d = null;
else {
if(d.tagName.toLowerCase() != "tr") el_t += d.offsetTop;
d = d.parentNode;
}
}
if(d == null) return;
var el_b = el_t + el.offsetHeight;
var dv_t = d.scrollTop;
var dv_b = dv_t + d.offsetHeight;
if(el_t < dv_t) {
// scroll up
d.scrollTop = (el_t > 8 ? el_t - 8 : 0);
} else if(el_b > dv_b) {
// scroll down
d.scrollTop = el_b - d.offsetHeight + 8;
}
}
function menu_chapter_open(el) {
if(el == null) return;
if(el.id == null) el = document.getElementById(el);
if(el == null || el.id == null) return;
var children = document.getElementById(el.id + "_children");
if(children == null) return;
var closed = (children.style.display == "none");
children.style.display = (closed ? "block" : "none");
el.src = (closed ? "img/chapter_opened.gif" : "img/chapter_closed.gif");
var timeSpan = document.getElementById(el.id + "_timeSpan");
if(timeSpan == null) return;
timeSpan.style.display = (closed ? "none" : "inline");
}
function menu_create_html(media) {
if(media == null) return;
menu_marked_tag_id = null;
menu_marked_tags = new Array();
// chapters tree
var html = "";
if(media.chapters != null && media.rootChapter != null) {
html += menu_create_menu_tree_html(media, media.chapters, "", media.rootChapter.tagids);
}
/* if(media.chapters != null) {
html += menu_create_chapters_tree_html(media, media.chapters, "");
}
// root chapter tags
if(media.rootChapter != null) {
html += menu_create_tags_list_html(media, media.rootChapter.tagids, "");
}
*/
return html;
}
function menu_create_menu_tree_html(media, chapters, parentid, tagids) {
var chapter = null;
var tag = null;
var html = "";
if(media == null) return "";
var a = new Array();
// fill array a with tags and chapters of the current level
if(chapters != null) {
for(var i = 0, n = chapters.length; i < n; i++) {
chapter = chapters[i];
if(chapter != null && chapter.parentid == parentid) {
a.push(({"type":"chapter", "id":chapter.id, "time":chapter.time}));
}
}
}
if(tagids != null) {
for(var i = 0, n = tagids.length; i < n; i++) {
tag = media.getTagById(tagids[i]);
if(tag != null) {
a.push(({"type":"tag", "id":tag.id, "time":tag.time}));
}
}
}
a.sort(function(a, b) {var a_time = (a == null ? 0 : a.time); var b_time = (b == null ? 0 : b.time); return a_time - b_time; });
for(var i = 0, n = a.length; i < n; i++) {
if(a[i] != null) {
if(a[i].type == "chapter") {
html += menu_create_chapter_html(media, chapters, media.getChapterById(a[i].id), parentid);
} else {
html += menu_create_tag_html(media, media.getTagById(a[i].id), parentid);
}
}
}
return html;
}
function menu_create_chapters_tree_html(media, chapters, parentid) {
var chapter = null;
var html = "";
if(chapters != null) {
for(var i = 0, n = chapters.length; i < n; i++) {
chapter = chapters[i];
if(chapter != null && chapter.parentid == parentid) {
html += menu_create_chapter_html(media, chapters, chapter, parentid);
/* html += '';
*/
}
}
}
return html;
}
function menu_create_chapter_html(media, chapters, chapter, parentid) {
var html = "";
if(media != null && chapter != null && chapter.parentid == parentid) {
/* html += '
