/* begin scroller script */
var Scroller = { content: 'scroller', container: 'scroller-view', pause: 4000, lineHeight: 15, step: 1, rate: 150, spacing: 0 };
// this function and iframe usage is to accommodate Firefox high CPU bug
Scroller.load = function() {
var content = document.getElementById(Scroller.content);
var container = document.getElementById(Scroller.container);
if (!container || !content) return;
var iframe = document.createElement('iframe');
iframe.scrolling = 'no';
iframe.frameBorder = 0;
iframe.style.width = '100%';
iframe.style.height = Scroller.lineHeight + 'px';
iframe.allowTransparency = true;
container.appendChild(iframe);
var doc = iframe.contentDocument || iframe.contentWindow.document;
doc.open();
doc.write(''
+ 'Scroller Frame'
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ content.innerHTML + '
');
doc.close();
};
Scroller.init = function() {
var content = document.getElementById(Scroller.content);
var container = document.getElementById(Scroller.container);
if (!content || !container) return;
var ul = container.appendChild(content).getElementsByTagName('ul')[0];
if (!ul) return;
var height = ul.offsetHeight + Scroller.spacing;
var clone = ul.cloneNode(true);
clone.style.top = height + 'px';
Scroller.pos = 0;
Scroller.height = height;
Scroller.content = ul.parentNode;
ul.parentNode.insertBefore(clone, ul.nextSibling);
setTimeout(Scroller.scroll, Scroller.pause);
};
Scroller.scroll = function() {
var pos = Scroller.pos - Scroller.step;
if (pos <= -Scroller.height) pos = 0;
Scroller.content.style.top = pos + 'px';
Scroller.pos = pos;
setTimeout(Scroller.scroll, (pos % Scroller.lineHeight) ? Scroller.rate : Scroller.pause);
};
/* end scroller script */
function setFilm(e) {
for (var el = e.srcElement || e.target; el && el.tagName != 'LI'; el = el.parentNode);
if (el && el != el.parentNode.activeItem) {
delClass(el.parentNode.activeItem, 'active');
addClass(el, 'active');
el.parentNode.activeItem = el;
}
}
function setTab(e) {
for (var el = e.srcElement || e.target; el && el.tagName != 'H4'; el = el.parentNode);
if (el && el.parentNode != setTab.activeItem) {
delClass(setTab.activeItem, 'active');
addClass(el.parentNode, 'active');
setTab.activeItem = el.parentNode;
}
}
setTab.activeItem = null;
function setSkin(skin) {
if (skin) {
setCookie('skin', skin);
} else {
skin = getCookie('skin');
}
if (skin && setSkin.skin != skin) {
delClass(document.body, setSkin.skin);
setSkin.skin = skin;
addClass(document.body, skin);
}
}
setSkin.skin = null;
// this code is temporary
function toggleIntro() {
if (getCookie('block_intro')) $('intro').style.display = 'none';
}
function init() {
addEvent(window, 'load', Scroller.load)
var opts = $('page-options');
if (opts) {
for (var skins = opts.getElementsByTagName('A'), i = skins.length; i--;) {
if (hasClass(document.body, skins[i].id)) {
setSkin(skins[i].id);
break;
}
}
addEvent(opts, 'click', function(e) {
for (var el = e.srcElement || e.target; el && el.tagName != 'A'; el = el.parentNode);
if (el) {
setSkin(el.id);
e.returnValue = false;
if (e.preventDefault) e.preventDefault();
}
});
// this form has to go now that inputs are anchors
if (opts.tagName == 'FORM') opts.action = '';
}
// handler for "don't show me this again" intro button
addEvent($('close-btn'), 'click', function(e) {
setCookie('block_intro', '1');
var intro = $('intro');
intro.parentNode.removeChild(intro);
});
addEvent($('clear-btn'), 'click', function() {
delCookie('webshotsHistory_topic');
var hist = $('history');
if (hist) {
var p = document.createElement('p');
p.innerHTML = '(no history yet)';
hist.parentNode.replaceChild(p, hist);
}
});
addEvent($('open-btn'), 'click', function(e) {
var frm = (e.srcElement || e.target).form;
setClass(frm, 'drop', !hasClass(frm, 'drop'));
});
addEvent($('search-menu'), 'mouseover', function() {
addClass($('search-form'), 'drop');
});
addEvent($('search-menu'), 'mouseout', function() {
delClass($('search-form'), 'drop');
});
addEvent($('clear-recent'), 'click', function() {
delCookie('webshotsHistory_search');
// remove history heading, history list, and clear history button
var menu = $('search-menu');
for (var nodes = ['div', 'ul', 'div'], i = nodes.length; i--;) {
menu.removeChild(menu.getElementsByTagName(nodes[i])[0]);
}
});
addEvent($('advanced-search'), 'click', function(e) {
var query = $('query').value;
if (query) (e.srcElement || e.target).href += '?query=' + encodeURIComponent(query);
});
addEvent($('member-search'), 'click', function(e) {
var query = $('query').value;
if (query) (e.srcElement || e.target).href = 'http://community.webshots.com/scripts/misc.fcgi?action=userSearch&username=' + encodeURIComponent(query);
});
var el = $('channels');
if (el) {
for (var items = el.getElementsByTagName('li'), i = items.length, li; i--;) {
li = items[i];
if (hasClass(li, 'active')) {
li.parentNode.activeItem = li;
}
}
addEvent(el, 'mouseover', setFilm);
}
el = $('footer');
if (el) {
var ul = el.getElementsByTagName('ul')[0];
setTab.activeItem = ul.getElementsByTagName('li')[0];
addEvent(ul, 'click', setTab);
}
//addEvent(document, 'mouseover', showUserPhoto);
}