var linkTimeout = null;
var menuItem = null;

function findPos(obj) {

    objLeft   = obj.offsetLeft;
    objTop    = obj.offsetTop;
    objParent = obj.offsetParent;
          
    while( objParent.tagName.toUpperCase() != "BODY" )
    {
        objLeft  += objParent.offsetLeft;
        objTop   += objParent.offsetTop;
        objParent = objParent.offsetParent;
    }
     
    objHeight = obj.offsetHeight;
    objWidth = obj.offsetWidth;
    var myArray = new Array();
    myArray[0] = objLeft;
    myArray[1] = objTop;
    myArray[2] = objWidth;
    myArray[3] = objHeight;
    return myArray;
}

function attachEvents() {
	var g = document.getElementsByTagName("TD");
	for (var i=0; i<g.length; i++) {
		if (g[i].id == "produktGroup") {
			g[i].onmousemove = linkOver;
			g[i].onmouseover = linkOver;
			g[i].onmouseout = linkOut;
			g[i].onclick = linkClick;
		}
	}
}

function linkOver(e) {
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	
	if (targ.nodeType == 3)
		targ = targ.parentNode;

	worker(targ);
	targ.style.backgroundPosition = "bottom";
}

function linkOut(e) {
	linkTimeout = setInterval("disableAll()", 50);
}

function linkClick(e) {
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) targ = targ.parentNode;
	if (targ.abbr) {
		window.location.href=targ.abbr;
		disableAll();
	}
}

function disableAll() {
	var d = document.getElementsByTagName("DIV");
	for (var i=0; i<d.length; i++) {
		if (d[i].id.indexOf("group")!=-1) {
			d[i].style.display = "none";
		}
	}
	var g = document.getElementsByTagName("TD");
	for (var i=0; i<g.length; i++) {
		if (g[i].className == "mainLinks") {
			g[i].style.backgroundPosition = "top";
			g[i].onmouseover = linkOver;
			g[i].onmouseout = linkOut;
			g[i].onclick = linkClick;
		}
	}
	
	var td = document.getElementById("produktGroup");
	td.style.backgroundImage = "none";
	td.style.backgroundRepeat = "no-repeat";
	td.style.color = "#ffffff";
}

function worker(obj) {
	disableAll();
	clearInterval(linkTimeout);
	if (document.getElementById("group1")) {
		with(document.getElementById("group1")) {
			style.top = (findPos(obj)[1]+24) + "px";
			style.left = (findPos(obj)[0]-1) + "px";
			style.display = "";
		}
		var td = document.getElementById("produktGroup");
		td.style.backgroundImage = "url(images/linkTopBack.jpg)";
		td.style.backgroundPosition = "top left";
		td.style.backgroundRepeat = "no-repeat";
		td.style.color = "#000000";
	}
}

function keepAlive() {
	clearInterval(linkTimeout);
}

function checkLinks(obj) {
	if (menuItem != null) {
		menuItem.style.backgroundPosition = "bottom";
		menuItem.style.color='#ffffff';
		document.getElementById("picture_"+menuItem.id.split("_")[1]).style.display = "none";
	}
	menuItem = obj;
	obj.style.backgroundPosition='top'; 
	obj.style.color='#000000';	
	document.getElementById("picture_"+obj.id.split("_")[1]).style.display = "";
}

function showProduct(id) {
	var ad = document.getElementsByTagName("DIV");
	for (var i=0; i<ad.length; i++) {
		if (ad[i].id.indexOf("description_")!=-1) {
			ad[i].style.display = "none";
		}
		if (ad[i].id.indexOf("proMain_")!=-1) {
			ad[i].style.borderColor = "#bbbdbf";
		}
		if (ad[i].id.indexOf("detailPicture_")!=-1) {
			ad[i].style.display = "none";
		}
	}
	$("description_"+id).style.display = "";
	$("proMain_"+id).style.borderColor = "#000000";
	$("detailPicture_"+id).style.display = "";
}