OpineoSlider._instance = null;
OpineoSlider._cls_activator = 'op:activator';
OpineoSlider._cls_slide = 'op:slide';
OpineoSlider._fps = 50;
OpineoSlider._frameStep = 20;
OpineoSlider._delay = 800;
OpineoSlider._HTMLtemplate = null;
OpineoSlider.data = null;
OpineoSlider.appendTo = null;
OpineoSlider.offsetTop = false;
OpineoSlider._makeHTMLTemplate = function() {
	return "<div> za moment bedziemy</div>";
};
OpineoSlider.get = function() {
	if (OpineoSlider.__fetched) return;
	OpineoSlider.__fetched = true;
	if (OpineoSlider._instance == null) {
		var html = document.createElement('div');
		html.innerHTML = OpineoSlider._HTMLtemplate;
		html = html.firstChild;
		if(OpineoSlider.test){
			html.style.cssText = html.style.cssText.replace("fixed","absolute");
		}
		if (OpineoSlider.offsetTop && OpineoSlider.offsetTop > 0) {
			html.style.top = '' + OpineoSlider.offsetTop + 'px';
		}
		var s = new OpineoSlider(html);
		s.update(OpineoSlider.data);
		if (OpineoSlider.appendTo != null) {
			OpineoSlider.appendTo = document.getElementById(OpineoSlider.appendTo);
			if (OpineoSlider.appendTo != null)
				OpineoSlider.appendTo.appendChild(html);
			else
				document.body.appendChild(html);
		} else {
			document.body.appendChild(html);
		}
	}
	return OpineoSlider._instance;
};
OpineoSlider.__attached = false;
OpineoSlider.__fetched = false;
OpineoSlider.__attach = function () {
	if (!OpineoSlider.__attached) {
		OpineoSlider.__attached = true;
		if (document.addEventListener) {
			document.addEventListener ("DOMContentLoaded", function(){
				document.removeEventListener("DOMContentLoaded", arguments.callee, false);
				OpineoSlider.get();
			}, false);
		} else if (document.attachEvent) {
			document.attachEvent("onreadystatechange", function(){
				if (document.readyState === "complete") {
					document.detachEvent("onreadystatechange", arguments.callee);
					OpineoSlider.get();
				}
			});
			if (document.documentElement.doScroll && window == window.top) (function(){
				if (OpineoSlider.__fetched) return;
				try {
					document.documentElement.doScroll("left");
				} catch (e) {
					setTimeout (arguments.callee, 0);
					return;
				}
				OpineoSlider.get();
			})();
		}
	}
};
OpineoSlider.prototype._state = null;
OpineoSlider.prototype._popout = true;
OpineoSlider.prototype._postponer = null;
OpineoSlider.prototype._animator = null;
OpineoSlider.prototype._activators = [];
OpineoSlider.prototype._slide = null;
OpineoSlider.prototype._div = null;
OpineoSlider.prototype._nextFrame = function() {
	var at = parseInt(this._slide.style.right);
	var nx = at + (this._popout ? 1 : -1 ) * OpineoSlider._frameStep;
	if (nx <= -this._slide.scrollWidth) {
		nx = -this._slide.scrollWidth;
		this._enterState(1);
	}
	if (nx >= 0) {
		nx = 0;
		this._enterState(3);
	}
	this._slide.style.right = nx + 'px';
};
OpineoSlider.prototype._clearTimers = function() {
	if (this._postponer != null) clearTimeout(this._postponer);
	this._postponer = null;
	if (this._animator != null) clearTimeout(this._animator);
	this._animator = null;
};
OpineoSlider.prototype._makePostponer = function() {
	this._clearTimers();
	var self = this;
	this._postponer = setInterval(function(){self._enterState(5);}, OpineoSlider._delay);
};
OpineoSlider.prototype._makeAnimator = function() {
	if (this._slide == null) return;
	this._clearTimers();
	var self = this;
	this._animator = setInterval(function(){self._nextFrame();}, 1000 / OpineoSlider._fps);
};
OpineoSlider.prototype._resizer = function(big) {
	if (big) {
		this._div.style.width = '233px';
		this._div.style.height = '450px';
	} else {
		this._div.style.width = '41px';
		this._div.style.height = '175px';
	}
};
OpineoSlider.prototype._mout = function() {
	switch (this._state) {
		case 2:	this._enterState(5); break;
		case 3: this._enterState(4); break;
	}
};
OpineoSlider.prototype._mover = function() {
	switch (this._state) {
		case 1:
		case 5:
			this._enterState(2);
			break;
		case 4:
			this._enterState(3); break;
	}
};
OpineoSlider.prototype._enterState = function(s) {
	switch (s) {
		case 1:
			this._resizer(false);
			this._clearTimers();
			break;
		case 2:
			this._popout = true;
			this._resizer(true);
			this._makeAnimator();
			break;
		case 3:
			this._clearTimers();
			break;
		case 4:
			this._makePostponer();
			break;
		case 5:
			this._popout = false;
			this._makeAnimator();
			break;
	}
	this._state = s;
};

OpineoSlider.prototype.update = function(data) {
	var divs = this._slide.getElementsByTagName('div');
	divs[1].getElementsByTagName('a')[2].href = data.url;
	for (i in divs[4].childNodes) if (divs[4].childNodes[i].nodeType == 1){
		if (divs[4].childNodes[i].className == 'op:logo') { divs[4].childNodes[i].src = data.logo; divs[4].childNodes[i].alt = data.name; };
	}
	for (i in divs[5].childNodes){ 
		if (divs[5].childNodes[i].nodeType == 1){
			if (divs[5].childNodes[i].className == 'op:qlink' && data.q){
				divs[5].childNodes[i].href = data.url;
				divs[5].childNodes[i].childNodes[0].style.display = 'inline';
			}
			if (divs[5].childNodes[i].className == 'op:ssklink' && data.ssk){
				divs[5].childNodes[i].href = data.url;
				divs[5].childNodes[i].childNodes[0].style.display = 'inline';
			}
		}
	}
	divs[3].getElementsByTagName('b')[0].innerHTML = data.positive;
	divs[6].getElementsByTagName('b')[0].innerHTML = data.mark;
	divs[8].style.width = '' + parseInt(parseFloat(data.mark) * 0.1 * 115) + 'px';
	var td = divs[3].getElementsByTagName('td');
	var tr = divs[3].getElementsByTagName('tr');
	td[2].innerHTML = '<strong>' + data.num + '</strong> ' + data.word;
	for (var i in data.marks) if ((typeof i == 'number' || typeof i == 'string') && !isNaN(parseInt(i))) {
		tr[3+parseInt(i)].style.display = 'table-row';
		td[3 + i * 2].innerHTML = data.marks[i].txt;
		if(data.marks[i].txt.length > 50)
			td[3 + i * 2].style.font = '10px Tahoma,sans-serif';
		td[4 + i * 2].getElementsByTagName('div')[1].style.width = '' + parseInt(parseFloat(data.marks[i].n) * 0.1 * 60) + 'px';
		td[4 + i * 2].getElementsByTagName('b')[0].innerHTML = data.marks[i].n;
	}
};
function OpineoSlider(div) {
	this._state = 1;
	this._div = div;
	var activator = div.childNodes;
	for (a in div.childNodes) {
		var cls = div.childNodes[a].className;
		if (cls) {
			cls = cls.split(' ');
			for (c in cls) {
				if (cls[c] == OpineoSlider._cls_activator) { this._activators[this._activators.length] = div.childNodes[a]; }
				if (cls[c] == OpineoSlider._cls_slide) { this._slide = div.childNodes[a]; }
			}
		}
	}
	var self = this;
	for (a in this._activators) {
		this._activators[a].onmouseover = function(){self._mover();};
		this._activators[a].onmouseout = function(){self._mout();};
	}
}OpineoSlider.test = false;
OpineoSlider.data = {"num":"159","mark":"9.6","name":"Helios-Szk\u0142o","word":"opinii","logo":"https:\/\/www.opineo.pl\/upload\/logos\/small\/helios-porcelana-1309443741-0-316036001309443741-1045-gif.jpg","ssk":true,"q":false,"positive":"99%","marks":[{"txt":"Szybko\u015b\u0107 realizacji zam\u00f3wienia","n":"9.6"},{"txt":"Poziom obs\u0142ugi klienta","n":"9.4"},{"txt":"Jako\u015b\u0107 zapakowania przesy\u0142ki","n":"9.7"},{"txt":"Poleci\u0142(a)bym ten sklep znajomym","n":"9.6"}],"url":"http:\/\/www.opineo.pl\/opinie\/helios-szklo-pl"};
OpineoSlider._HTMLtemplate = "<div style='position:absolute; top:110px; right:0;overflow:hidden;width:41px;height:100px;height:175px; float:none;' id='opineo_slider'>\
	<div style='position:absolute;top:12px;right:0;width:41px;float:none;' class='op:activator'>\
		<a target='_blank' href='' style='display:block;height:159px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat 0 0'><u style='display:none'>SprawdŸ opinie na Opineo.pl</u></a>\
	</div>\
	<div class='op:activator op:slide' style='top:0;right:-235px;position:absolute;margin:0;border:none;padding:12px 0 13px 13px;background:url(http://www.opineo.pl/gfx/wg/shadow2.png) no-repeat; float:none;'>\
		<div style='margin:0;padding:0; float:none;'>\
			<div style='height:455px;width:220px;background:#fff;position:relative; float:none;'>\
				<div style='padding:6px 10px 10px 10px;background:#fff;border:1px solid #DBE3E9; float:none;'>\
					<div style='background:#fff;height:383px; float:none;'>\
						<div style='height:64px; text-align:center; float:none;'>\
							<img src='http://www.opineo.pl/gfx/layout/no_logo.jpg' alt='Logo sklepu' style='padding:0px;margin:2px 0' class='op:logo'/>\
						</div>\
						<div style='height:64px; border-top:1px solid #DBE3E9; padding:4px 0px 0px 0px; text-align:center; float:none;'>\
							<a href='http://opineo.pl/' target='_blank' class='op:qlink'><img style='margin: 0px 5px 18px 0px; display:none; border:none;' src='http://www.opineo.pl/gfx/wg/znak_q.png' alt='' class='op:q'/></a>\
							<a href='http://opineo.pl/' target='_blank' class='op:ssklink'><img style='margin: 0px 0px 24px 3px; display:none; border:none;' src='http://www.opineo.pl/gfx/wg/ssk.png' alt='' class='op:ssk'/></a>\
						</div>\
						<table cellspacing='0' cellpadding='0' style='width:100%'>\
							<tr><td colspan='2' style='background:#1290C5;color:#fff;font:14px Tahoma,sans-serif;height:35px;line-height:35px;text-align:center; background:url(http://www.opineo.pl/gfx/wg/bg_green.png) repeat-x 0px 0px; border:none !important;'><b>23 333</b><span style='font-size:11px;'> klientów poleca ten sklep</span></td></tr>\
							<tr><td colspan='2' style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;text-align:center; height:38px; line-height:38px; border:none !important;'>							\
							<div style='height:38px;width:100%;position:relative;'>\
							<b style='display:block;float:left;width:55px;height:38px;line-height:38px;text-align:right;margin:0 4px 0 0;font-size:19px;color:#0A5E81;font-family:Arial,sans-serif'>-</b>\
							<div style='position:relative;float:left;width:115px;height:22px;margin:8px 0 0 0;padding:0;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -22px'>\
							<div style='position:absolute;top:0;left:0;height:22px;width:0px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px 0;float:none;'></div></div>\
							</div>							\
							</td></tr>\
							<tr><td colspan='2' style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;padding:0px 0px 2px 0px; text-align:center; height:15px; line-height:15px;border-bottom: 1px solid #c7d9ed;border:none !important;'><b>23 333</b> opinie</td></tr>\
							<tr style='display:none;'><td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;padding:12px 0 0 12px; border:none !important;'></td>\
								<td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;width:75px;padding-top:14px;vertical-align:top;position:relative; border:none !important;'>\
									<div style='position:relative;float:left;width:60px;height:10px;margin:0 0 0 4px;padding:0;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -56px'>\
									<div style='position:absolute;top:0;left:0;height:10px;width:0px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -46px'><b style='display:none'>-</b></div></div>\
								</td></tr>\
							<tr style='display:none;'><td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;padding:12px 0 0 12px; border:none !important;'></td>\
								<td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;width:75px;padding-top:14px;vertical-align:top;position:relative; border:none !important;'>\
									<div style='position:relative;float:left;width:60px;height:10px;margin:0 0 0 4px;padding:0;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -56px'>\
									<div style='position:absolute;top:0;left:0;height:10px;width:0px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -46px'><b style='display:none'>-</b></div></div>\
								</td></tr>\
							<tr style='display:none;'><td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;padding:12px 0 0 12px; border:none !important;'></td>\
								<td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;width:75px;padding-top:14px;vertical-align:top;position:relative; border:none !important;'>\
									<div style='position:relative;float:left;width:60px;height:10px;margin:0 0 0 4px;padding:0;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -56px'>\
									<div style='position:absolute;top:0;left:0;height:10px;width:0px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -46px'><b style='display:none'>-</b></div></div>\
								</td></tr>\
							<tr style='display:none;'><td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;padding:12px 0 12px 12px; border:none !important;'></td>\
								<td style='background:#E3EDF8;font:11px Tahoma,sans-serif;color:#535353;width:75px;padding-top:14px;vertical-align:top;position:relative; border:none !important;'>\
									<div style='position:relative;float:left;width:60px;height:10px;margin:0 0 0 4px;padding:0;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -56px'>\
									<div style='position:absolute;top:0;left:0;height:10px;width:0px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat -41px -46px'><b style='display:none'>-</b></div></div>\
								</td></tr>\
						</table>\
					</div>\
				</div>\
				<a target='_blank' href='http://opineo.pl/' style='display:block;height:40px;background:url(http://www.opineo.pl/gfx/wg/wg2_spr.png) no-repeat 0 -160px'><u style='display:none'>SprawdŸ opinie na Opineo.pl</u></a>\
			</div>\
		</div>\
	</div>\
</div>";
OpineoSlider.__attach();