//	In setVars you can setup as many different tooltips as you want.
//	w = width, loc = object the tooltip is positioned relative to,
//	top = top offset, left = left offset, m = margin between the tooltip and its locator element.
//	Identifying the object is done with name tag (prevents browsers own tooltip from showing).
//	Tooltip div must have an id tip+object name and appear in html code before the object.
//	The delay for tooltips to appear is set in setTimeout function in milliseconds.

function tooltipperEvents() {
	var icons = document.getElementsByTagName("img");
	var tables = document.getElementsByTagName("table");
	var alinks = document.getElementsByTagName("a");
	for (var i=0; i < tables.length; i++) {
		if (tables[i].parentNode.className.match("L") && !tables[i].className.match("nextpage")) {
			var imgs = tables[i].getElementsByTagName("img");
			imgs[0].onmouseover = function() { tooltip(this,1) };
			imgs[0].onmouseout = hidetip;
		}
		if (tables[i].parentNode.className.match("M") || tables[i].parentNode.className.match("S")) {
			var imgs = tables[i].getElementsByTagName("img");
			imgs[0].onmouseover = function() { tooltip(this,4) };
			imgs[0].onmouseout = hidetip;
		}
	}
	for (var i=0; i < alinks.length; i++) {
		if (alinks[i].getAttribute("name") == "textimageset") {
			var spans = alinks[i].getElementsByTagName("span");
			spans[0].onmouseover = function() { tooltip(this,5) };
			spans[0].onmouseout = hidetip;
		}
	}
	for (var i=0; i < icons.length; i++) {
		if (icons[i].getAttribute("name") == "royaltyfree" || icons[i].getAttribute("name") == "erikoishinta" || icons[i].getAttribute("name") == "rm" || icons[i].getAttribute("name") == "yes") {
			icons[i].onmouseover = function() { tooltip(this,2) };
			icons[i].onmouseout = hidetip;
		}
		if (icons[i].getAttribute("name") == "addtobasket") {
			icons[i].onmouseover = function() { tooltip(this,3) };
			icons[i].onmouseout = hidetip;
		}
		if (icons[i].getAttribute("name") == "addtolightbox") {
			icons[i].onmouseover = function() { tooltip(this,3) };
			icons[i].onmouseout = hidetip;
		}
	}
}

function setVars(obj,x) {
	if (x == 1) { var w = 200, loc = obj.parentNode.parentNode, top = -1, left = 160, m = 20; }
	if (x == 2) { var w = 100, loc = obj, top = -26, left = 0, m = -6; }
	if (x == 3) { var w = 100, loc = obj, top = 26, left = 6, m = -13; }
	if (x == 4) { var w = 200, loc = obj.parentNode.parentNode, top = -1, left = 125, m = 20; }
	if (x == 5) { var w = 130, loc = obj, top = 0, left = 125, m = 30; }
	return [w,loc,top,left,m];
}

function tooltip(obj,x) {
	vars = null;
	vars = setVars(obj,x);
	obj.setAttribute("title","");
	var tipid = "tip" + obj.getAttribute("name");
	tip = document.getElementById(tipid);
	tip.style.width = vars[0] + 'px';
	var coors = findPos(vars[1]);
	var pwidth = vars[1].offsetWidth;
	if (document.getElementById("rightcontent")) var sider = 650
		else var sider = document.body.offsetWidth;
	tip.style.top = coors[1] + vars[2] + 'px';
	if ((coors[0] + pwidth + vars[0] + 40) > sider) {
		tip.style.left = coors[0] - vars[0] - vars[4] + 'px'; }
	else {
	tip.style.left = coors[0] + vars[3] + 'px';
	}
	timer = setTimeout("tip.style.display = ''",700);
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function hidetip() {
	clearTimeout(timer);
	var tipid = "tip" + this.getAttribute("name");
	tip = document.getElementById(tipid);
	tip.style.display = 'none';
}