var sTitles = new Object();
function InsertNewOption(newOption, selectElement)
{
    var optsLen = selectElement.options.length;
    selectElement.options[optsLen] = newOption;
    return optsLen;
}
function getTooltipLink(host_url, suchwert)
{
	var link='http://'+host_url+'/index.php?cl=details';
	var exists = false;
	var wert = suchwert;
	while(!exists)
	{
		if(mdRealVariants[wert])
		{
			link = link+'&aid='+mdRealVariants[wert]+'&anid='+mdRealVariants[wert];
			exists = true;
		}
		else
		{
			if(document.getElementById('mdvariantselect_'+wert).value)
			{
				wert = document.getElementById('mdvariantselect_'+wert).value;
			}
			else
			{
				exists = true;
			}
		}
	}
	return link+document.getElementById('md_actcat').value;
}
function showTooltip(nextTo, e, host_url)
{
	var tg=(e.srcElement)?e.srcElement:e.target;
	var tip=(e.srcElement)?e.srcElement.value:e.target.value;
	var tt = document.getElementById('tooltip');
	tt.innerHTML = '<button onclick="hideTooltip();" style="background:none;border:0;cursor:pointer;">X</button>';
	var suchwert = tip;
	var originalwert = tip;
	var img_link = false;
	var exists = false;
	for(var i=0; i<nextTo.options.length; i++)
	{
		exists = false;
		img_link = false;
		suchwert = nextTo.options[i].value;
		originalwert = suchwert;
		while(!exists)
		{
			if(mdRealImgVariants[suchwert])
			{
				img_link = mdRealImgVariants[suchwert];
				exists = true;
			}
			else
			{
				if(document.getElementById('mdvariantselect_'+suchwert).value)
				{
					suchwert = document.getElementById('mdvariantselect_'+suchwert).value;
				}
				else
				{
					exists = true;
				}
			}
		}
		if(img_link != false)
		{
			tt.innerHTML = tt.innerHTML+"<a href=\""+getTooltipLink(host_url, originalwert)+"\" title='"+sTitles[originalwert]+"' onclick='hideTooltip();' style='height:50px;margin:0;padding:0;border:0;display:block;'>"+"<img src='"+img_link+"' style='height:50px;margin:0;padding:0;border:2px solid white;'></a>";
			img_link = false;
		}
	}

	tt.style.left = (getPageLeft(nextTo) + nextTo.offsetWidth + 6) + 'px';
	tt.style.top = (getPageTop(nextTo)- 40) + 'px';
	tt.style.visibility = 'visible';
}
function hideTooltip()
{
	document.getElementById('tooltip').style.visibility = 'hidden';
}
function getPageLeft(el)
{
	var left = 0;
	do 
	left += el.offsetLeft;
	while ((el = el.offsetParent));
	return left;
}
function getPageTop(el)
{
	var top = 0;
	do 
	top += el.offsetTop;
	while ((el = el.offsetParent));
	return top;
}