');
_frameOverlay.css({
top:0,
left:0,
zIndex:1,
opacity:0,
background:'#000',
position:'absolute',
width:'100%',
height:'100%'
});
_fader.empty().append(_frame).append(_frameOverlay);
}
}
// lightbox positioning function
function positionLightbox() {
if(_lightbox) {
var _windowHeight = jQuery(window).height();
var _windowWidth = jQuery(window).width();
var _lightboxWidth = _lightbox.outerWidth();
var _lightboxHeight = _lightbox.outerHeight();
var _pageHeight = _page.height();
if (_windowWidth < _minWidth) _fader.css('width',_minWidth);
else _fader.css('width','100%');
if (_windowHeight < _pageHeight) _fader.css('height',_pageHeight);
else _fader.css('height',_windowHeight);
_lightbox.css({
position:'absolute',
zIndex:(_zIndex+1)
});
// vertical position
if (_windowHeight > _lightboxHeight) {
if (jQuery.browser.msie && jQuery.browser.version < 7) {
_lightbox.css({
position:'absolute',
top: parseInt(jQuery(window).scrollTop()) + (_windowHeight - _lightboxHeight) / 2
});
} else {
_lightbox.css({
position:'fixed',
top: (_windowHeight - _lightboxHeight) / 2
});
}
} else {
var _faderHeight = _fader.height();
if(_faderHeight < _lightboxHeight) _fader.css('height',_lightboxHeight);
if (!_scroll) {
if (_faderHeight - _lightboxHeight > parseInt(jQuery(window).scrollTop())) {
_faderHeight = parseInt(jQuery(window).scrollTop())
_scroll = _faderHeight;
} else {
_scroll = _faderHeight - _lightboxHeight;
}
}
_lightbox.css({
position:'absolute',
top: _scroll
});
}
// horizontal position
if (_fader.width() > _lightbox.outerWidth()) _lightbox.css({left:(_fader.width() - _lightbox.outerWidth()) / 2});
else _lightbox.css({left: 0});
}
}
// show/hide lightbox
function toggleState(_state) {
if(!_lightbox) return;
if(_state) {
_fader.fadeIn(_fadeSpeed,function(){
_lightbox.fadeIn(_fadeSpeed);
});
_scroll = false;
positionLightbox();
} else {
_lightbox.fadeOut(_fadeSpeed,function(){
_lightbox.find('iframe').attr('src', _lightbox.find('iframe').attr('src'));
_fader.fadeOut(_fadeSpeed);
_scroll = false;
});
}
}
// popup actions
function initPopupActions(_obj) {
if(!_obj.get(0).jsInit) {
_obj.get(0).jsInit = true;
// close link
_obj.find(_closeLink).click(function(){
_lightbox = _obj;
toggleState(false);
return false;
});
}
}
// lightbox openers
_openers.each(function(){
var _opener = jQuery(this);
var _target = _opener.attr('href');
// popup load type - ajax or static
if(_opener.hasClass(_ajaxClass)) {
_opener.click(function(){
// ajax load
if(jQuery('div[rel*="'+_target+'"]').length == 0) {
jQuery.ajax({
url: _target,
type: "POST",
dataType: "html",
success: function(msg){
// append loaded popup
_lightbox = jQuery(msg);
_lightbox.find('img').load(positionLightbox)
_lightbox.attr('rel',_target).hide().css({
position:'absolute',
zIndex:(_zIndex+1),
top: -9999,
left: -9999
});
jQuery('body').append(_lightbox);
// init js for lightbox
initPopupActions(_lightbox);
// show lightbox
toggleState(true);
},
error: function(msg){
alert('AJAX error!');
return false;
}
});
} else {
_lightbox = jQuery('div[rel*="'+_target+'"]');
toggleState(true);
}
return false;
});
} else {
if(jQuery(_target).length) {
// init actions for popup
var _popup = jQuery(_target);
initPopupActions(_popup);
// open popup
_opener.click(function(){
if(_lightbox) {
_lightbox.fadeOut(_fadeSpeed,function(){
_lightbox = _popup.hide();
toggleState(true);
})
} else {
_lightbox = _popup.hide();
toggleState(true);
}
return false;
});
}
}
});
// event handlers
jQuery(window).resize(positionLightbox);
jQuery(window).scroll(positionLightbox);
jQuery(document).keydown(function (e) {
if (!e) evt = window.event;
if (e.keyCode == 27) {
toggleState(false);
}
})
_fader.click(function(){
if(!_fader.is(':animated')) toggleState(false);
return false;
})
}
// custom forms script
var maxVisibleOptions = 20;
var all_selects = false;
var active_select = null;
var selectText = "please select";
function initCustomForms() {
getElements();
separateElements();
//replaceRadios();
replaceCheckboxes();
//replaceSelects();
// hide drop when scrolling or resizing window
if (window.addEventListener) {
window.addEventListener("scroll", hideActiveSelectDrop, false);
window.addEventListener("resize", hideActiveSelectDrop, false);
}
else if (window.attachEvent) {
window.attachEvent("onscroll", hideActiveSelectDrop);
window.attachEvent("onresize", hideActiveSelectDrop);
}
}
function refreshCustomForms() {
// remove prevously created elements
if(window.inputs) {
for(var i = 0; i < checkboxes.length; i++) {
if(checkboxes[i].checked) {checkboxes[i]._ca.className = "checkboxAreaChecked";}
else {checkboxes[i]._ca.className = "checkboxArea";}
}
for(var i = 0; i < radios.length; i++) {
if(radios[i].checked) {radios[i]._ra.className = "radioAreaChecked";}
else {radios[i]._ra.className = "radioArea";}
}
for(var i = 0; i < selects.length; i++) {
var newText = document.createElement('div');
if (selects[i].options[selects[i].selectedIndex].title.indexOf('image') != -1) {
newText.innerHTML = '
';
newText.innerHTML += ''+selects[i].options[selects[i].selectedIndex].text+'';
} else {
newText.innerHTML = selects[i].options[selects[i].selectedIndex].text;
}
document.getElementById("mySelectText"+i).innerHTML = newText.innerHTML;
}
}
}
// getting all the required elements
function getElements() {
// remove prevously created elements
if(window.inputs) {
for(var i = 0; i < inputs.length; i++) {
inputs[i].className = inputs[i].className.replace('outtaHere','');
if(inputs[i]._ca) inputs[i]._ca.parentNode.removeChild(inputs[i]._ca);
else if(inputs[i]._ra) inputs[i]._ra.parentNode.removeChild(inputs[i]._ra);
}
for(i = 0; i < selects.length; i++) {
selects[i].replaced = null;
selects[i].className = selects[i].className.replace('outtaHere','');
selects[i]._optionsDiv._parent.parentNode.removeChild(selects[i]._optionsDiv._parent);
selects[i]._optionsDiv.parentNode.removeChild(selects[i]._optionsDiv);
}
}
// reset state
inputs = new Array();
selects = new Array();
labels = new Array();
radios = new Array();
radioLabels = new Array();
checkboxes = new Array();
checkboxLabels = new Array();
for (var nf = 0; nf < document.getElementsByTagName("form").length; nf++) {
if(document.forms[nf].className.indexOf("default") < 0) {
for(var nfi = 0; nfi < document.forms[nf].getElementsByTagName("input").length; nfi++) {inputs.push(document.forms[nf].getElementsByTagName("input")[nfi]);}
for(var nfl = 0; nfl < document.forms[nf].getElementsByTagName("label").length; nfl++) {labels.push(document.forms[nf].getElementsByTagName("label")[nfl]);}
for(var nfs = 0; nfs < document.forms[nf].getElementsByTagName("select").length; nfs++) {selects.push(document.forms[nf].getElementsByTagName("select")[nfs]);}
}
}
}
// separating all the elements in their respective arrays
function separateElements() {
var r = 0; var c = 0; var t = 0; var rl = 0; var cl = 0; var tl = 0; var b = 0;
for (var q = 0; q < inputs.length; q++) {
if(inputs[q].type == "radio") {
radios[r] = inputs[q]; ++r;
for(var w = 0; w < labels.length; w++) {
if((inputs[q].id) && labels[w].htmlFor == inputs[q].id)
{
radioLabels[rl] = labels[w];
++rl;
}
}
}
if(inputs[q].type == "checkbox") {
checkboxes[c] = inputs[q]; ++c;
for(var w = 0; w < labels.length; w++) {
if((inputs[q].id) && (labels[w].htmlFor == inputs[q].id))
{
checkboxLabels[cl] = labels[w];
++cl;
}
}
}
}
}
//replacing radio buttons
function replaceRadios() {
for (var q = 0; q < radios.length; q++) {
radios[q].className += " outtaHere";
var radioArea = document.createElement("div");
if(radios[q].checked) {
radioArea.className = "radioAreaChecked";
}
else
{
radioArea.className = "radioArea";
}
radioArea.id = "myRadio" + q;
radios[q].parentNode.insertBefore(radioArea, radios[q]);
radios[q]._ra = radioArea;
radioArea.onclick = new Function('rechangeRadios('+q+')');
if (radioLabels[q]) {
if(radios[q].checked) {
radioLabels[q].className += "radioAreaCheckedLabel";
}
radioLabels[q].onclick = new Function('rechangeRadios('+q+')');
}
}
return true;
}
//checking radios
function checkRadios(who) {
var what = radios[who]._ra;
for(var q = 0; q < radios.length; q++) {
if((radios[q]._ra.className == "radioAreaChecked") && (radios[q]._ra.nextSibling.name == radios[who].name))
{
radios[q]._ra.className = "radioArea";
}
}
what.className = "radioAreaChecked";
}
//changing radios
function changeRadios(who) {
if(radios[who].checked) {
for(var q = 0; q < radios.length; q++) {
if(radios[q].name == radios[who].name) {
radios[q].checked = false;
}
radios[who].checked = true;
checkRadios(who);
}
}
}
//rechanging radios
function rechangeRadios(who) {
if(!radios[who].checked) {
for(var q = 0; q < radios.length; q++) {
if(radios[q].name == radios[who].name) {
radios[q].checked = false;
}
if(radioLabels[q]) {
radioLabels[q].className = radioLabels[q].className.replace("radioAreaCheckedLabel","");
}
}
radios[who].checked = true;
if(radioLabels[who] && radioLabels[who].className.indexOf("radioAreaCheckedLabel") < 0) {
radioLabels[who].className += " radioAreaCheckedLabel";
}
checkRadios(who);
if(window.jQuery && window.jQuery.fn) {
jQuery(radios[who]).trigger('change');
}
}
}
//replacing checkboxes
function replaceCheckboxes() {
for (var q = 0; q < checkboxes.length; q++) {
checkboxes[q].className += " outtaHere";
var checkboxArea = document.createElement("div");
if(checkboxes[q].checked) {
checkboxArea.className = "checkboxAreaChecked";
if(checkboxLabels[q]) {
checkboxLabels[q].className += " checkboxAreaCheckedLabel"
}
}
else {
checkboxArea.className = "checkboxArea";
}
checkboxArea.id = "myCheckbox" + q;
checkboxes[q].parentNode.insertBefore(checkboxArea, checkboxes[q]);
checkboxes[q]._ca = checkboxArea;
checkboxArea.onclick = new Function('rechangeCheckboxes('+q+')');
if (checkboxLabels[q]) {
checkboxLabels[q].onclick = new Function('changeCheckboxes('+q+')');
}
checkboxes[q].onkeydown = checkEvent;
}
return true;
}
//checking checkboxes
function checkCheckboxes(who, action) {
var what = checkboxes[who]._ca;
if(action == true) {
what.className = "checkboxAreaChecked";
what.checked = true;
}
if(action == false) {
what.className = "checkboxArea";
what.checked = false;
}
if(checkboxLabels[who]) {
if(checkboxes[who].checked) {
if(checkboxLabels[who].className.indexOf("checkboxAreaCheckedLabel") < 0) {
checkboxLabels[who].className += " checkboxAreaCheckedLabel";
}
} else {
checkboxLabels[who].className = checkboxLabels[who].className.replace("checkboxAreaCheckedLabel", "");
}
}
}
//changing checkboxes
function changeCheckboxes(who) {
setTimeout(function(){
if(checkboxes[who].checked) {
checkCheckboxes(who, true);
} else {
checkCheckboxes(who, false);
}
},10);
}
// rechanging checkboxes
function rechangeCheckboxes(who) {
var tester = false;
if(checkboxes[who].checked == true) {
tester = false;
}
else {
tester = true;
}
checkboxes[who].checked = tester;
checkCheckboxes(who, tester);
if(window.jQuery && window.jQuery.fn) {
jQuery(checkboxes[who]).trigger('change');
}
}
// check event
function checkEvent(e) {
if (!e) var e = window.event;
if(e.keyCode == 32) {for (var q = 0; q < checkboxes.length; q++) {if(this == checkboxes[q]) {changeCheckboxes(q);}}} //check if space is pressed
}
// replace selects
function replaceSelects() {
for(var q = 0; q < selects.length; q++) {
if (!selects[q].replaced && selects[q].offsetWidth) {
selects[q]._number = q;
//create and build div structure
var selectArea = document.createElement("div");
var left = document.createElement("span");
left.className = "left";
selectArea.appendChild(left);
var disabled = document.createElement("span");
disabled.className = "disabled";
selectArea.appendChild(disabled);
selects[q]._disabled = disabled;
var center = document.createElement("span");
var button = document.createElement("a");
var text = document.createTextNode(selectText);
center.id = "mySelectText"+q;
var stWidth = selects[q].offsetWidth;
selectArea.style.width = stWidth + "px";
if (selects[q].parentNode.className.indexOf("type2") != -1){
button.href = "javascript:showOptions("+q+",true)";
} else {
button.href = "javascript:showOptions("+q+",false)";
}
button.className = "selectButton";
selectArea.className = "selectArea";
selectArea.className += " " + selects[q].className;
selectArea.id = "sarea"+q;
center.className = "center";
center.appendChild(text);
selectArea.appendChild(center);
selectArea.appendChild(button);
//insert select div
selects[q].parentNode.insertBefore(selectArea, selects[q]);
//build & place options div
var optionsDiv = document.createElement("div");
var optionsList = document.createElement("ul");
var optionsListHolder = document.createElement("div");
optionsListHolder.className = "select-center";
optionsListHolder.innerHTML = "";
optionsDiv.innerHTML += " _this.scrollContent.scrollHeight) iNewY = _this.scrollContent.scrollHeight;
_this.scrollContent.scrollTop = iNewY;
_this.scrollslider.style.top = 1 / _this.scrollFactor * Math.abs(_this.scrollContent.scrollTop) + _this.scrollButtonHeight + "px";
}
}
_this.scrollContent.onmouseup = function(e) {
_this.scrollContent.onmousemove = null;
}
this.scrollContent.addEventListener("touchstart", touchHandler, true);
this.scrollContent.addEventListener("touchmove", touchHandler, true);
this.scrollContent.addEventListener("touchend", touchHandler, true);
}
}
function VSA_createScrollBar(){
if (this.scrollbar != null) {
this.element.removeChild(this.scrollbar);
this.scrollbar = null;
}
if (this.scrollContent.scrollHeight <= this.scrollContent.offsetHeight)
this.enableScrollbar = false;
else if (this.element.offsetHeight > 2*this.scrollButtonHeight)
this.enableScrollbar = true;
else
this.enableScrollbar = false;
if (this.scrollContent.scrollHeight - Math.abs(this.scrollContent.scrollTop) < this.element.offsetHeight)
this.scrollContent.style.top = 0;
if (this.enableScrollbar){
this.scrollbar = document.createElement("DIV");
this.element.appendChild(this.scrollbar);
this.scrollbar.style.position = "absolute";
this.scrollbar.style.top = "0px";
this.scrollbar.style.height = this.element.offsetHeight+"px";
this.scrollbar.style.width = this.scrollbarWidth + "px";
this.scrollbar.className = 'vscroll-bar';
if(this.scrollbarWidth != this.scrollbar.offsetWidth)
{
this.scrollbarWidth = this.scrollbar.offsetHeight;
}
this.scrollbarWidth = this.scrollbar.offsetWidth;
if(this.scrollbarPosition == 'left')
{
this.scrollContent.style.left = this.scrollbarWidth + 5 + "px";
this.scrollContent.style.width = this.element.offsetWidth - this.scrollbarWidth - 5 + "px";
}
else if(this.scrollbarPosition == 'right')
{
this.scrollbar.style.left = this.element.offsetWidth - this.scrollbarWidth + "px";
this.scrollContent.style.width = this.element.offsetWidth - this.scrollbarWidth - 5 + "px";
}
//create scroll up button
this.scrollup = document.createElement("DIV");
this.scrollup.index = this.index;
this.scrollup.onmousedown = VSA_handleBtnUpMouseDown;
this.scrollup.onmouseup = VSA_handleBtnUpMouseUp;
this.scrollup.onmouseout = VSA_handleBtnUpMouseOut;
if(VSA_touchFlag) {
this.scrollup.addEventListener("touchstart", touchHandler, true);
this.scrollup.addEventListener("touchend", touchHandler, true);
}
this.scrollup.style.position = "absolute";
this.scrollup.style.top = "0px";
this.scrollup.style.left = "0px";
this.scrollup.style.height = this.scrollButtonHeight + "px";
this.scrollup.style.width = this.scrollbarWidth + "px";
this.scrollup.innerHTML = '
';
this.scrollbar.appendChild(this.scrollup);
this.scrollup.className = 'vscroll-up';
if(this.scrollButtonHeight != this.scrollup.offsetHeight)
{
this.scrollButtonHeight = this.scrollup.offsetHeight;
}
//create scroll down button
this.scrolldown = document.createElement("DIV");
this.scrolldown.index = this.index;
this.scrolldown.onmousedown = VSA_handleBtnDownMouseDown;
this.scrolldown.onmouseup = VSA_handleBtnDownMouseUp;
this.scrolldown.onmouseout = VSA_handleBtnDownMouseOut;
if(VSA_touchFlag) {
this.scrolldown.addEventListener("touchstart", touchHandler, true);
this.scrolldown.addEventListener("touchend", touchHandler, true);
}
this.scrolldown.style.position = "absolute";
this.scrolldown.style.left = "0px";
this.scrolldown.style.top = this.scrollbar.offsetHeight - this.scrollButtonHeight + "px";
this.scrolldown.style.width = this.scrollbarWidth + "px";
this.scrolldown.innerHTML = '
';
this.scrollbar.appendChild(this.scrolldown);
this.scrolldown.className = 'vscroll-down';
//create scroll
this.scroll = document.createElement("DIV");
this.scroll.index = this.index;
this.scroll.style.position = "absolute";
this.scroll.style.zIndex = 0;
this.scroll.style.textAlign = "center";
this.scroll.style.top = this.scrollButtonHeight + "px";
this.scroll.style.left = "0px";
this.scroll.style.width = this.scrollbarWidth + "px";
var h = this.scrollbar.offsetHeight - 2*this.scrollButtonHeight;
this.scroll.style.height = ((h > 0) ? h : 0) + "px";
this.scroll.innerHTML = '';
this.scroll.onclick = VSA_handleScrollbarClick;
this.scrollbar.appendChild(this.scroll);
this.scroll.style.overflow = "hidden";
this.scroll.className = "vscroll-line";
//create slider
this.scrollslider = document.createElement("DIV");
this.scrollslider.index = this.index;
this.scrollslider.style.position = "absolute";
this.scrollslider.style.zIndex = 1000;
this.scrollslider.style.textAlign = "center";
this.scrollslider.innerHTML = ' 0) {
sa.scrollUp();
} else {
sa.scrollDown();
}
if (event.preventDefault) {
event.preventDefault();
}
event.returnValue = false;
}
}
}
function VSA_handleSelectStart()
{
event.returnValue = false;
}
function VSA_handleScrollbarClick(evt)
{
var sa = VSA_scrollAreas[this.index];
var offsetY = (document.all ? event.offsetY : evt.layerY);
if (offsetY < (sa.scrollButtonHeight + sa.scrollslider.offsetHeight/2))
sa.scrollslider.style.top = sa.scrollButtonHeight + "px";
else if (offsetY > (sa.scrollbar.offsetHeight - sa.scrollButtonHeight - sa.scrollslider.offsetHeight))
sa.scrollslider.style.top = sa.scrollbar.offsetHeight - sa.scrollButtonHeight - sa.scrollslider.offsetHeight + "px";
else
{
sa.scrollslider.style.top = offsetY + sa.scrollButtonHeight - sa.scrollslider.offsetHeight/2 + "px";
}
sa.scrollIt();
}
function VSA_handleOnScroll()
{
//event.srcElement.doScroll("pageUp");
}
//--- common functions ----
function VSA_getElements(attrValue, tagName, ownerNode, attrName) //get Elements By Attribute Name
{
if (!tagName) tagName = "*";
if (!ownerNode) ownerNode = document;
if (!attrName) attrName = "name";
var result = [];
var nl = ownerNode.getElementsByTagName(tagName);
for (var i=0; i
";
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.jQuery && window.jQuery.fn) {
jQuery(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.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;
}
}
// initScroll
var VSA_scrollAreas = new Array();
var VSA_default_imagesPath = "/thepit2/wp-content/themes/thepit/images";
var VSA_default_btnUpImage = "button-up.png";
var VSA_default_btnDownImage = "button-down.png";
var VSA_default_scrollStep = 5;
var VSA_default_wheelSensitivity = 10;
var VSA_default_scrollbarPosition = 'right';//'left','right','inline';
var VSA_default_scrollButtonHeight = 11;
var VSA_default_scrollbarWidth = 19;
var VSA_resizeTimer = 2000;
var VSA_touchFlag = isTouchDevice(); // true/false - move scroll with scrollable body
function VSA_initScrollbars() {
if(!document.body.children) return;
var scrollElements = VSA_getElements("vscrollable", "DIV", document, "class");
for (var i=0; i
';
this.scrollbar.appendChild(this.scrollslider);
this.subscrollslider = document.getElementById("vscrollslider"+this.index);
this.subscrollslider.style.height = Math.round((this.scrollContent.offsetHeight/this.scrollContent.scrollHeight)*(this.scrollbar.offsetHeight - 2*this.scrollButtonHeight)) + "px";
this.scrollslider.className = "vscroll-slider";
this.scrollHeight = this.scrollbar.offsetHeight - 2*this.scrollButtonHeight - this.scrollslider.offsetHeight;
this.scrollFactor = (this.scrollContent.scrollHeight - this.scrollContent.offsetHeight)/this.scrollHeight;
this.topPosition = getRealTop(this.scrollbar) + this.scrollButtonHeight;
/* this.scrollbarHeight = this.scrollbar.offsetHeight - 2*this.scrollButtonHeight - this.scrollslider.offsetHeight; */
this.scrollslider.style.top = /* 1 / this.scrollFactor * Math.abs(this.scrollContent.offsetTop) +*/ this.scrollButtonHeight + "px";
this.scrollslider.style.left = "0px";
this.scrollslider.style.width = "100%";
this.scrollslider.onmousedown = VSA_handleSliderMouseDown;
if(VSA_touchFlag) {
this.scrollslider.addEventListener("touchstart", touchHandler, true);
}
if (document.all)
this.scrollslider.onmouseup = VSA_handleSliderMouseUp;
}
else
this.scrollContent.style.width = this.element.offsetWidth + "px";
}
function VSA_handleBtnUpMouseDown()
{
var sa = VSA_scrollAreas[this.index];
sa.scrolling = true;
sa.scrollUp();
}
function VSA_handleBtnUpMouseUp()
{
VSA_scrollAreas[this.index].scrolling = false;
}
function VSA_handleBtnUpMouseOut()
{
VSA_scrollAreas[this.index].scrolling = false;
}
function VSA_handleBtnDownMouseDown()
{
var sa = VSA_scrollAreas[this.index];
sa.scrolling = true;
sa.scrollDown();
}
function VSA_handleBtnDownMouseUp()
{
VSA_scrollAreas[this.index].scrolling = false;
}
function VSA_handleBtnDownMouseOut()
{
VSA_scrollAreas[this.index].scrolling = false;
}
function VSA_scrollIt()
{
this.scrollContent.scrollTop = this.scrollFactor * ((this.scrollslider.offsetTop + this.scrollslider.offsetHeight/2) - this.scrollButtonHeight - this.scrollslider.offsetHeight/2);
}
function VSA_scrollUp()
{
if (this.scrollingLimit > 0)
{
this.scrollingLimit--;
if (this.scrollingLimit == 0) this.scrolling = false;
}
if (!this.scrolling) return;
if ( this.scrollContent.scrollTop - this.scrollStep > 0)
{
this.scrollContent.scrollTop -= this.scrollStep;
this.scrollslider.style.top = 1 / this.scrollFactor * Math.abs(this.scrollContent.scrollTop) + this.scrollButtonHeight + "px";
}
else
{
this.scrollContent.scrollTop = "0";
this.scrollslider.style.top = this.scrollButtonHeight + "px";
return;
}
setTimeout("VSA_Ext_scrollUp(" + this.index + ")", 30);
}
function VSA_Ext_scrollUp(index)
{
VSA_scrollAreas[index].scrollUp();
}
function VSA_scrollDown()
{
if (this.scrollingLimit > 0)
{
this.scrollingLimit--;
if (this.scrollingLimit == 0) this.scrolling = false;
}
if (!this.scrolling) return;
this.scrollContent.scrollTop += this.scrollStep;
this.scrollslider.style.top = 1 / this.scrollFactor * Math.abs(this.scrollContent.scrollTop) + this.scrollButtonHeight + "px";
if (this.scrollContent.scrollTop >= (this.scrollContent.scrollHeight - this.scrollContent.offsetHeight))
{
this.scrollContent.scrollTop = (this.scrollContent.scrollHeight - this.scrollContent.offsetHeight);
this.scrollslider.style.top = this.scrollbar.offsetHeight - this.scrollButtonHeight - this.scrollslider.offsetHeight + "px";
return;
}
setTimeout("VSA_Ext_scrollDown(" + this.index + ")", 30);
}
function VSA_Ext_scrollDown(index)
{
VSA_scrollAreas[index].scrollDown();
}
function VSA_handleMouseMove(evt)
{
var sa = VSA_scrollAreas[((document.all && !window.opera) ? this.index : document.documentElement.scrollAreaIndex)];
var posy = 0;
if (!evt) var evt = window.event;
if (evt.pageY)
posy = evt.pageY;
else if (evt.clientY)
posy = evt.clientY;
if (document.all && !window.opera)
{
if(!document.addEventListener) {
posy += document.documentElement.scrollTop;
}
}
var iNewY = posy - sa.iOffsetY - getRealTop(sa.scrollbar) - sa.scrollButtonHeight;
iNewY += sa.scrollButtonHeight;
if (iNewY < sa.scrollButtonHeight)
iNewY = sa.scrollButtonHeight;
if (iNewY > (sa.scrollbar.offsetHeight - sa.scrollButtonHeight) - sa.scrollslider.offsetHeight)
iNewY = (sa.scrollbar.offsetHeight - sa.scrollButtonHeight) - sa.scrollslider.offsetHeight;
sa.scrollslider.style.top = iNewY + "px";
sa.scrollIt();
}
function VSA_handleSliderMouseDown(evt)
{
if (!(document.uniqueID && document.compatMode && !window.XMLHttpRequest))
{
document.onselectstart = function() { return false; }
document.onmousedown = function() { return false; }
}
var sa = VSA_scrollAreas[this.index];
if (document.all && !window.opera)
{
sa.scrollslider.setCapture()
sa.iOffsetY = event.offsetY;
sa.scrollslider.onmousemove = VSA_handleMouseMove;
if(VSA_touchFlag) {
sa.scrollslider.addEventListener("touchmove", touchHandler, true);
}
}
else
{
if(window.opera)
{
sa.iOffsetY = event.offsetY;
}
else
{
sa.iOffsetY = evt.layerY;
}
document.documentElement.scrollAreaIndex = sa.index;
document.documentElement.addEventListener("mousemove", VSA_handleMouseMove, true);
document.documentElement.addEventListener("mouseup", VSA_handleSliderMouseUp, true);
if(VSA_touchFlag) {
document.documentElement.addEventListener("touchmove", touchHandler, true);
document.documentElement.addEventListener("touchend", touchHandler, true);
}
}
return false;
}
function VSA_handleSliderMouseUp()
{
if (!(document.uniqueID && document.compatMode && !window.XMLHttpRequest))
{
document.onmousedown = null;
document.onselectstart = null;
}
if (document.all && !window.opera)
{
var sa = VSA_scrollAreas[this.index];
sa.scrollslider.onmousemove = null;
sa.scrollslider.releaseCapture();
sa.scrollIt();
}
else
{
var sa = VSA_scrollAreas[document.documentElement.scrollAreaIndex];
document.documentElement.removeEventListener("mousemove", VSA_handleMouseMove, true);
document.documentElement.removeEventListener("mouseup", VSA_handleSliderMouseUp, true);
if(VSA_touchFlag) {
document.documentElement.removeEventListener("touchmove", touchHandler, true);
document.documentElement.removeEventListener("touchend", touchHandler, true);
}
sa.scrollIt();
}
return false;
}
function VSA_handleResize()
{
if (VSA_resizeTimer)
{
clearTimeout(VSA_resizeTimer);
VSA_resizeTimer = 0;
}
VSA_resizeTimer = setTimeout("VSA_performResizeEvent()", 100);
}
function VSA_performResizeEvent()
{
for (var i=0; i