function showInfo(e) {
	document.getElementById('infoWindow').style.display="block";
	<!-- megkeresi az ablak kozepet -->

	var offsetY = 0;
	if(!window.pageYOffset)
	{
		//strict mode
		if(!(document.documentElement.scrollTop == 0))
		{
			offsetY = document.documentElement.scrollTop;
		}
		//quirks mode
		else
		{
			offsetY = document.body.scrollTop;
		}
	}
	//w3c
	else
	{
		offsetY = window.pageYOffset;
	}

	document.getElementById('infoWindow').style.top=offsetY+100+"px";
}

function hideInfo() {
	document.getElementById('infoWindow').style.display="none";
}
function createInfo()
{
	
	<!-- Kartya Info box -->	
	
	dialog="<div id='infoWindow' style='display:none'>";
	dialog+="	<h3>Online Áruházak kedvezménykártya használati útmutató</h3>";
		
	dialog+="	<p>A agymelegitok webáruház minden regisztrált felhasználójának valamint minden vásárlójának kedvezménykártyát biztosít. Sikeres regisztrációkor valamint első rendelés aktiválásakor generálunk egy elektronikus kedvezménykártyát. A kedvezménykártya e-mail címhez kötött, így megrendelés során az e-mailcím beírását követően a rendszer a megadott e-mail címhez kötött kedvezménykártyát érvényesíti.</p>";
		
	dialog+="	<p>A agymelegitok webáruházban forgalmazott termékek vásárása során a kedvezménykártyával rendelkező vásárlóinknak a termék mellett feltüntetett pontértéket jóváírjuk kedvezménykártyáján. A kedvezményponttal rendelkező vásárlóink vásárlás során kedvezménypontjaikat levásárolhatják a termékek mellett feltüntetett értékig pontegyenlegük terhére.</p>";
		
	dialog+="	<h4>A könnyebb tájékozódás érdekében a következő ikonokkal jelezzük a termékhez tartozó pontértékeket:</h4>";
		
	dialog+="<p><img src='/img/ico_point_collect.png'> Vásárlás esetén kedvezménykártyáján jóváirt pontszám.</p>";
	dialog+="<img src='/img/ico_point_shop.png'> Vásárlás esetén kedvezménykártyáján levő egyenlegből levásárolható pontszám.</p>";
	dialog+="<div class='bezar' onclick='hideInfo()'>Bezár</div>"
	dialog+="</div>";
	
	<!-- Kartya PointPriceInfo box -->	
	
	dialog+="<div id='PointPriceInfoWindow' style='display:none'>";
	dialog+="	<h3>Online Áruházak kedvezménykártya használati útmutató</h3>";
		
	dialog+="	<p>A agymelegitok webáruház minden regisztrált felhasználójának valamint minden vásárlójának kedvezménykártyát biztosít. Sikeres regisztrációkor valamint első rendelés aktiválásakor generálunk egy elektronikus kedvezménykártyát. A kedvezménykártya e-mail címhez kötött, így megrendelés során az e-mailcím beírását követően a rendszer a megadott e-mail címhez kötött kedvezménykártyát érvényesíti.</p>";
		
	dialog+="	<p>A agymelegitok webáruházban forgalmazott termékek vásárlása során a kedvezménykártyával rendelkező vásárlóinknak a termék mellett feltüntetett pontértéket jóváírjuk kedvezménykártyáján. A kedvezményponttal rendelkező vásárlóink vásárlás során kedvezménypontjaikat levásárolhatják a termékek mellett feltüntetett értékig pontegyenlegük terhére.</p>";
		
	dialog+="	<h4>Pontbeszámítással jelölt ár</h4>";
		
	dialog+="<p>Amennyiben Ön rendelkezik levásárolható ponttal kedvezménykártyáján akkor a terméket megvásárolhatja oly módon, hogy a termék árából levonjuk a terméknél megadott levásárolható pontszámot. Ha a kedvezménykártyáján kevesebb levásárolható pont van mind amennyi a termék megvásárolásánál felhasználható akkor a kedvezménykártyán található pontok kerülnek levonásra.</p>";
	
	dialog+="	<h4>Az Ön ára</h4>";
		
	dialog+="<p>Mindig arra törekszünk, hogy vásárlóink a legkedvezőbb áron jussanak hozzá termékeinkhez. Az Ön által fizetendő ár a legkisebb ár a listaár, az akciós ár és a pontbeszámítással jelölt ár között.</p>";
	
	dialog+="<div class='bezar' onclick='hidePointPriceInfo()'>Bezár</div>"
	dialog+="</div>";
	
	document.body.innerHTML+=dialog;

	<!-- Megkeres minden kartyapontot es hozarendel egy onclick-et meg egy onmouseout-ot -->
	
	var plusPoints=getInfoElements(document, "*", "pli_point_collect");
	var minusPoints=getInfoElements(document, "*", "pli_point_shop");
	var gift_points=getInfoElements(document, "*", "pli_gift_points");
	var point=getInfoElements(document, "*", "point");
		
	for (i=0; i<plusPoints.length; i++)
		{
			plusPoints[i].onclick=function(e) {showInfo(e)};

		}
	for (j=0; j<minusPoints.length; j++)
		{
			minusPoints[j].onclick=function(e) {showInfo(e)};
		}
	for (j=0; j<gift_points.length; j++)
		{
			gift_points[j].onclick=function(e) {showInfo(e)};
		}
	for (j=0; j<point.length; j++)
		{
			point[j].onclick=function(e) {showInfo(e)};
		}
	
	<!-- Megkeres minden kartyapontot es hozarendel egy onclick-et meg egy onmouseout-ot -->
	
	var call_for_price=getInfoElements(document, "*", "call_for_price");
		
	for (i=0; i<call_for_price.length; i++)
		{
			call_for_price[i].onclick=function(e) {showPointPriceInfo(e)};

		}
}

function showPointPriceInfo(e) {
	document.getElementById('PointPriceInfoWindow').style.display="block";

	<!-- megkeresi az ablak kozepet -->

	var offsetY = 0;
	if(!window.pageYOffset)
	{
		//strict mode
		if(!(document.documentElement.scrollTop == 0))
		{
			offsetY = document.documentElement.scrollTop;
		}
		//quirks mode
		else
		{
			offsetY = document.body.scrollTop;
		}
	}
	//w3c
	else
	{
		offsetY = window.pageYOffset;
	}

	document.getElementById('PointPriceInfoWindow').style.top=offsetY+100+"px";
}

function hidePointPriceInfo() {
	document.getElementById('PointPriceInfoWindow').style.display="none";
}

<!-- tulajdonkeppen egy getElementsbyClassName -->

function getInfoElements(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}


function init()
{
	//createPointPriceInfo();
	createInfo();
}
window.onload = init;