";
var hasScrollDiv = html.indexOf("rb24703scc") > 0;
if (this.horizontalScroll) {
if (!hasScrollDiv) {
html += "
";
}
}
for (var i = 0; i < arr.length; i++) {
var item = arr[i];
html += this.buildItem(item, i);
this.nItems++;
}
if (this.horizontalScroll) {
if (!hasScrollDiv) {
html += "
";
}
} else if (hasScrollDiv) {
this.horizontalScroll = true;
}
html += "
";
html += "";
this.toElem.innerHTML = html;
if (this.horizontalScroll) {
var scont;
var cont = this.toElem.querySelectorAll(".rb24703scc");
for (var i = cont.length - 1; i >= 0; i--) {
scont = cont[i];
break;
}
scont.classList.remove("rb24703scc");
this.trackIds = [];
var container = scont.closest(".wr_out");
var checkItems = function() {
var from = scont.scrollLeft;
if (hasScrollDiv) {
var wr = container.querySelector('.wr');
if (wr) {
from = wr.scrollLeft;
}
if (scont.style.left) {
from = from - (parseFloat(scont.style.left));
}
}
var to = container.clientWidth + from;
var childs = scont.querySelectorAll("div[rbid]");
var x = 0;
self.newTrackIds = [];
for (var i in childs) {
var child = childs[i];
if (typeof child.hasAttribute === 'function' && child.hasAttribute("rbid")) {
var style = child.currentStyle || window.getComputedStyle(child);
var x2 = x + child.offsetWidth;
if (style) {
x2 = x2 + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
}
if ((from <= x && to >= x) || (from > x && from <= x2 && to >= x2)) {
var id = child.getAttribute("rbid");
if (self.trackIds.indexOf(id) < 0) {
self.trackIds.push(id);
self.newTrackIds.push(id);
}
}
x = x2;
}
}
return self.newTrackIds.length > 0;
}
if (hasScrollDiv && container) {
var margin = 16;
var count_item = arr.length;
var width_item = scont.querySelectorAll('.itemrr')[0].offsetWidth;
var allWidthItem = (count_item * (width_item + margin) + margin);
if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
container.classList.add('isMobile___in');
}
container.querySelector('.wr2').style.width = allWidthItem + 'px';
container.querySelector('.edge2-button-right').addEventListener('click', function(e) {
slide(-1);
});
container.querySelector('.edge2-button-left').addEventListener('click', function(e) {
slide(1);
});
if (container.addEventListener) {
if ('onwheel' in document) {
container.addEventListener('wheel', onWheel);
} else if ('onmousewheel' in document) {
container.addEventListener('mousewheel', onWheel);
} else {
container.addEventListener('MozMousePixelScroll', onWheel);
}
} else {
container.attachEvent('onmousewheel', onWheel);
}
function onWheel(e) {
e = e || window.event;
var delta = e.deltaY || e.detail || e.wheelDelta;
if(delta > 0) {
slide(-1);
} else {
slide(1);
}
e.preventDefault ? e.preventDefault() : (e.returnValue = false);
}
container.addEventListener('mouseleave', function(e) {
event.stopPropagation();
container.removeEventListener('mousemove', fsgMove);
container.querySelector('.wr_block').style.zIndex = '-1';
}, false);
container.addEventListener('mousedown', function(e) {
event.stopPropagation();
firstX = e.pageX;
sgMove(firstX);
}, false);
var sgMovedLast = 0;
container.addEventListener('mouseup', function(e) {
event.stopPropagation();
container.removeEventListener('mousemove', fsgMove);
container.querySelector('.wr_block').style.zIndex = '-1';
container.querySelector('.wr2.slide_con').classList.remove('wr2_transform');
sgMovedLast = 0;
}, false);
function sgMove() {
event.stopPropagation();
container.addEventListener('mousemove', fsgMove, false);
}
container.addEventListener('mouseover', function(e) {
event.stopPropagation();
ssgMoved = parseInt(container.querySelector('.wr2.slide_con').style.left , 10);
sgBW = container.clientWidth;
sgWindow = ((width_item + margin) * count_item) - sgBW;
if(ssgMoved == 0) {
container.classList.add('sld_right');
} else if (ssgMoved != 0 && -ssgMoved < sgWindow){
container.classList.add('sld_right');
container.classList.add('sld_left');
} else {
container.classList.add('sld_left');
}
}, false);
container.addEventListener('mouseout', function(e) {
event.stopPropagation();
sgDelArr();
}, false);
function sgDelArr() {
container.classList.remove('sld_right');
container.classList.remove('sld_left');
return false;
}
function fsgMove(e) {
container.querySelector('.wr2.slide_con').classList.remove('wr2_transform');
container.querySelector('.wr_block').style.zIndex = '300';
sgMoved = firstX - e.pageX;
sgBM = container.querySelector('.wr2.slide_con');
ssgMoved = parseInt(sgBM.style.left, 10);
sgBW = container.clientWidth;
if((sgMoved - sgMovedLast) > 0 ) {
sgNewPos = ssgMoved - 5;
} else if ((sgMoved - sgMovedLast) < 0 ) {
sgNewPos = ssgMoved + 5;
} else {
sgNewPos = ssgMoved;
}
sgWindow = ((width_item + margin) * count_item) - sgBW;
if(sgNewPos > 0)
sgNewPos = 0;
if(sgNewPos < -sgWindow)
sgNewPos = -sgWindow;
sgBM.style.left = sgNewPos + 'px';
sgMovedLast = firstX - e.pageX;
}
function slide(x) {
container.querySelector('.wr2.slide_con').classList.add('wr2_transform');
ssgMoved = parseInt(container.querySelector('.wr2.slide_con').style.left , 10);
sgBW = container.clientWidth;
countNextSlide = Math.floor((sgBW + margin) / (width_item + margin));
if(countNextSlide == 0)
countNextSlide = 1;
sgNewPos = ssgMoved + (x * ((width_item + margin) * countNextSlide));
//sgNewPos = ssgMoved - (width_item + margin);
sgWindow = ((width_item + margin) * count_item) - sgBW;
if(sgNewPos > 0)
sgNewPos = 0;
if(sgNewPos < -sgWindow)
sgNewPos = -sgWindow;
container.querySelector('.wr2.slide_con').style.left = sgNewPos + 'px';
if (checkItems()) {
self.trackOnScroll();
}
}
container.addEventListener("touchend", function(evt) {
if (checkItems()) {
self.trackOnScroll();
}
});
} else {
container = scont;
}
scont.addEventListener("scroll", function(evt) {
if (checkItems()) {
self.trackOnScroll();
}
});
checkItems();
}
if (this.ie10Arr == null) {
this.toElem.addEventListener("click", function(e) {
var element = self.findItem(e.target);
if (!element) return;
self.refreshElements(element.parentNode, new Array(element));
});
if (this.refreshBlock) {
var onchange = function() {
if (document.visibilityState != "hidden") {
var container = self.findContainer(self.toElem);
self.refreshElements(container, container.childNodes);
}
};
var hidden = "hidden";
// Standards:
if (hidden in document)
document.addEventListener("visibilitychange", onchange);
else if ((hidden = "mozHidden") in document)
document.addEventListener("mozvisibilitychange", onchange);
else if ((hidden = "webkitHidden") in document)
document.addEventListener("webkitvisibilitychange", onchange);
else if ((hidden = "msHidden") in document)
document.addEventListener("msvisibilitychange", onchange);
// IE 9 and lower:
else if ("onfocusin" in document)
document.onfocusin = document.onfocusout = onchange;
// All others:
else
window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
}
}
}
if (this.checkScroll) {
window.addEventListener("scroll", this);
}
if (this.zeroPixel) {
var img = document.createElement("img");
img.setAttribute("src", this.zeroPixel);
img.setAttribute("width", "1");
img.setAttribute("height", "1");
img.setAttribute("style", "display: none");
document.getElementsByTagName('body')[0].appendChild(img);
}
this.trackOnScroll();
if (self.renderCallback) self.renderCallback();
}
},
refreshElements: function(parent, elements) {
var self = this;
var ids = "";
var childs = parent.childNodes;
for (var i in childs) {
var child = childs[i];
if (typeof child.hasAttribute === 'function' && child.hasAttribute("rbid")) {
if (ids.length>0) ids += ",";
ids += child.getAttribute("rbid");
}
}
self.sendRequest('https://rb.infox.sg/json?id=24703&n=' + elements.length + '&exclude=' + ids, function(req) {
var myArr = JSON.parse(req.responseText);
var ei = 0
for (var i in myArr) {
var element = null;
while (ei < elements.length) {
element = elements[ei++];
if (typeof element.hasAttribute === 'function' && element.hasAttribute("rbid")) {
break;
}
}
var item = self.buildItem(myArr[i], element ? element.getAttribute("rbpos") : "0");
if (element) {
element.insertAdjacentHTML('afterend', item);
element.parentNode.removeChild(element);
} else {
parent.append(item);
}
}
if (myArr.length > 0) {
self.trackOnScroll();
if (self.renderCallback) self.renderCallback();
}
});
},
buildItem: function(item, i) {
var str = "