";
optionsListHolder.appendChild(optionsList);
optionsDiv.appendChild(optionsListHolder);
selects[q]._optionsDiv = optionsDiv;
selects[q]._options = optionsList;
optionsDiv.style.width = stWidth + "px";
optionsDiv._parent = selectArea;
optionsDiv.className = "optionsDivInvisible";
optionsDiv.id = "optionsDiv" + q;
if (selects[q].className.length) {
optionsDiv.className += ' drop-' + selects[q].className;
}
populateSelectOptions(selects[q]);
optionsDiv.innerHTML += "
";
document.body.appendChild(optionsDiv);
selects[q].replaced = true;
// too many options
if (selects[q].options.length > maxVisibleOptions) {
optionsDiv.className += ' optionsDivScroll';
}
//hide the select field
if (selects[q].className.indexOf('default') != -1) {
selectArea.style.display = 'none';
} else {
selects[q].className += " outtaHere";
}
}
}
all_selects = true;
}
//collecting select options
function populateSelectOptions(me) {
me._options.innerHTML = "";
for (var w = 0; w < me.options.length; w++) {
var optionHolder = document.createElement('li');
var optionLink = document.createElement('a');
var optionTxt;
if (me.options[w].title.indexOf('image') != -1) {
optionTxt = document.createElement('img');
optionSpan = document.createElement('span');
optionTxt.src = me.options[w].title;
optionSpan = document.createTextNode(me.options[w].text);
} else {
optionTxt = document.createTextNode(me.options[w].text);
}
// hidden default option
if (me.options[w].className.indexOf('default') != -1) {
optionHolder.style.display = 'none'
}
optionLink.href = "javascript:showOptions(" + me._number + "); selectMe('" + me.id + "'," + w + "," + me._number + ");";
if (me.options[w].title.indexOf('image') != -1) {
optionLink.appendChild(optionTxt);
optionLink.appendChild(optionSpan);
} else {
optionLink.appendChild(optionTxt);
}
optionHolder.appendChild(optionLink);
me._options.appendChild(optionHolder);
//check for pre-selected items
if (me.options[w].selected) {
selectMe(me.id, w, me._number, true);
}
}
if (me.disabled) {
me._disabled.style.display = "block";
} else {
me._disabled.style.display = "none";
}
}
//selecting me
function selectMe(selectFieldId, linkNo, selectNo, quiet) {
selectField = selects[selectNo];
for (var k = 0; k < selectField.options.length; k++) {
if (k == linkNo) {
selectField.options[k].selected = true;
}
else {
selectField.options[k].selected = false;
}
}
//show selected option
textVar = document.getElementById("mySelectText" + selectNo);
var newText;
var optionSpan;
if (selectField.options[linkNo].title.indexOf('image') != -1) {
newText = document.createElement('img');
newText.src = selectField.options[linkNo].title;
optionSpan = document.createElement('span');
optionSpan = document.createTextNode(selectField.options[linkNo].text);
} else {
newText = document.createTextNode(selectField.options[linkNo].text);
}
if (selectField.options[linkNo].title.indexOf('image') != -1) {
if (textVar.childNodes.length > 1) textVar.removeChild(textVar.childNodes[0]);
textVar.replaceChild(newText, textVar.childNodes[0]);
textVar.appendChild(optionSpan);
} else {
if (textVar.childNodes.length > 1) textVar.removeChild(textVar.childNodes[0]);
textVar.replaceChild(newText, textVar.childNodes[0]);
}
if (!quiet && all_selects) {
if (typeof selectField.onchange === 'function') {
selectField.onchange();
}
if (window.$ && window.$.fn) {
$(selectField).trigger('change');
}
}
}
//showing options
function showOptions(g) {
_elem = document.getElementById("optionsDiv" + g);
var divArea = document.getElementById("sarea" + g);
if (active_select && active_select != _elem) {
active_select.className = active_select.className.replace('optionsDivVisible', ' optionsDivInvisible');
active_select.style.height = "auto";
}
if (_elem.className.indexOf("optionsDivInvisible") != -1) {
_elem.style.left = "-9999px";
_elem.style.width = divArea.offsetWidth + 'px';
_elem.style.top = findPosY(divArea) + divArea.offsetHeight + 'px';
_elem.className = _elem.className.replace('optionsDivInvisible', '');
_elem.className += " optionsDivVisible";
/*if (_elem.offsetHeight > 200)
{
_elem.style.height = "200px";
}*/
_elem.style.left = findPosX(divArea) + 'px';
active_select = _elem;
if (_elem._parent.className.indexOf('selectAreaActive') < 0) {
_elem._parent.className += ' selectAreaActive';
}
if (document.documentElement) {
document.documentElement.onclick = hideSelectOptions;
} else {
window.onclick = hideSelectOptions;
}
}
else if (_elem.className.indexOf("optionsDivVisible") != -1) {
hideActiveSelectDrop();
}
// for mouseout
/*_elem.timer = false;
_elem.onmouseover = function() {
if (this.timer) clearTimeout(this.timer);
}
_elem.onmouseout = function() {
var _this = this;
this.timer = setTimeout(function(){
_this.style.height = "auto";
_this.className = _this.className.replace('optionsDivVisible','');
if (_elem.className.indexOf('optionsDivInvisible') == -1)
_this.className += " optionsDivInvisible";
},200);
}*/
}
function hideActiveSelectDrop() {
if (active_select) {
active_select.style.height = "auto";
active_select.className = active_select.className.replace('optionsDivVisible', '');
active_select.className = active_select.className.replace('optionsDivInvisible', '');
active_select._parent.className = active_select._parent.className.replace('selectAreaActive', '')
active_select.className += " optionsDivInvisible";
active_select = false;
}
}
function hideSelectOptions(e) {
if (active_select) {
if (!e) e = window.event;
var _target = (e.target || e.srcElement);
if (!isElementBefore(_target, 'selectArea') && !isElementBefore(_target, 'optionsDiv')) {
hideActiveSelectDrop();
if (document.documentElement) {
document.documentElement.onclick = function () { };
}
else {
window.onclick = null;
}
}
}
}
function isElementBefore(_el, _class) {
var _parent = _el;
do {
_parent = _parent.parentNode;
}
while (_parent && _parent.className != null && _parent.className.indexOf(_class) == -1)
return _parent.className && _parent.className.indexOf(_class) != -1;
}
function findPosY(obj) {
if (obj.getBoundingClientRect) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0;
return Math.round(obj.getBoundingClientRect().top + scrollTop - clientTop);
} else {
var posTop = 0;
while (obj.offsetParent) { posTop += obj.offsetTop; obj = obj.offsetParent; }
return posTop;
}
}
function findPosX(obj) {
if (obj.getBoundingClientRect) {
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
var clientLeft = document.documentElement.clientLeft || document.body.clientLeft || 0;
return Math.round(obj.getBoundingClientRect().left + scrollLeft - clientLeft);
} else {
var posLeft = 0;
while (obj.offsetParent) { posLeft += obj.offsetLeft; obj = obj.offsetParent; }
return posLeft;
}
}
// init tabs when page ready
function initTabs() {
if (typeof ContentTabs !== 'undefined') {
ContentTabs.init();
}
}
// content tabs module
ContentTabs = {
options: {
classOnParent: false,
hiddenClass: 'tab-hidden',
visibleClass: 'tab-active',
activeClass: 'active',
tabsets: 'ul.tabset',
tablinks: 'a.tab',
event: 'click'
},
init: function () {
this.createStyleSheet();
this.getTabsets();
return this;
},
createStyleSheet: function () {
this.tabStyleSheet = document.createElement('style');
this.tabStyleSheet.setAttribute('type', 'text/css');
this.tabStyleRule = '.' + this.options.hiddenClass;
this.tabStyleRule += '{position:absolute !important;left:-9999px !important;top:-9999px !important;display:block !important}';
document.getElementsByTagName('head')[0].appendChild(this.tabStyleSheet);
if (this.tabStyleSheet.styleSheet) {
this.tabStyleSheet.styleSheet.cssText = this.tabStyleRule;
} else {
this.tabStyleSheet.appendChild(document.createTextNode(this.tabStyleRule));
}
},
getTabsets: function () {
this.tabsets = this.queryElements(this.options.tabsets);
for (var i = 0; i < this.tabsets.length; i++) {
this.initTabset(this.tabsets[i]);
}
},
initTabset: function (tabset) {
var tabLinks = this.queryElements(this.options.tablinks, tabset), instance = this;
for (var i = 0; i < tabLinks.length; i++) {
tabLinks[i]['on' + this.options.event] = function () {
instance.switchTab(this, tabLinks);
return false;
}
if (this.hasClass(this.options.classOnParent ? tabLinks[i].parentNode : tabLinks[i], this.options.activeClass)) {
this.switchTab(tabLinks[i], tabLinks);
}
}
},
switchTab: function (link, set) {
for (var i = 0; i < set.length; i++) {
var curLink = set[i];
var curTab = document.getElementById(curLink.href.substr(curLink.href.indexOf('#') + 1));
if (curLink === link) {
this.addClass(this.options.classOnParent ? curLink.parentNode : curLink, this.options.activeClass);
this.addClass(curTab, this.options.visibleClass);
this.removeClass(curTab, this.options.hiddenClass);
} else {
this.removeClass(this.options.classOnParent ? curLink.parentNode : curLink, this.options.activeClass);
this.removeClass(curTab, this.options.visibleClass);
this.addClass(curTab, this.options.hiddenClass);
}
}
},
queryElements: function (selector, holder) {
var box = holder || document;
if (box.querySelectorAll) {
return box.querySelectorAll(selector);
} else {
var res = [], selectorData = selector.split('.');
var tagName = selectorData[0];
var set = box.getElementsByTagName(tagName);
if (selectorData.length > 1) {
for (var i = 0; i < set.length; i++) {
if (this.hasClass(set[i], selectorData[1])) res.push(set[i]);
}
return res;
} else {
return set;
}
}
},
hasClass: function (obj, cname) {
return (obj.className ? obj.className.match(new RegExp('(\\s|^)' + cname + '(\\s|$)')) : false);
},
addClass: function (obj, cname) {
if (!this.hasClass(obj, cname)) obj.className += " " + cname;
},
removeClass: function (obj, cname) {
if (this.hasClass(obj, cname)) obj.className = obj.className.replace(new RegExp('(\\s|^)' + cname + '(\\s|$)'), ' ');
}
};
//artist filtering
function artist_filter(obj) {
if ($('.check-form .row').size() > 0) {
var all = false;
if ($(obj).siblings('input').attr('id') == "all") {
if ($(obj).hasClass('checkboxAreaChecked')) {
all = true;
}
}
else {
$('.check-form .row #all').prop('checked', false);
$('.check-form .row #all').siblings("div").attr("class", "checkboxArea");
$('.check-form .row #all').siblings("label").attr("class", "");
}
if (all) {
var inputs = $('.check-form .row:not(.all-genres) input');
inputs.prop("checked", false);
inputs.siblings("div").attr("class", "checkboxArea");
inputs.siblings("label").attr("class", "");
$('.artists').hide();
$('.artists.all').show();
}
else {
$('.artists').hide();
$('.check-form .row .checkboxAreaChecked').each(function () {
$('.artists.' + $(this).siblings('input').attr('id')).show();
});
}
}
}