var n = 0;

(function() {	
    var imgClickTags = [];
    var imgClickTagsOffsetTop = [];
    var actualPos;
    var popupElems = [];
    var documentHeight = Math.max(
        Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
        Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
        Math.max(document.body.clientHeight, document.documentElement.clientHeight)
		);
		var popupHeight = 0;
	
    var divElements = document.getElementsByTagName("div");
    var imgTextElements = [];
	
    for (n = 0; n < divElements.length; n++) {
        if (divElements[n].className.indexOf("imgtext") > -1) {
            var elem = divElements[n].getElementsByTagName("img");
            imgClickTags.push(elem[0]);
            imgClickTagsOffsetTop.push(getTopPos(divElements[n]));
        }
    }

    for (n = 0; n < imgClickTags.length; n++) {
		actualPos = imgClickTagsOffsetTop[n];

		//imgClickTags[n].onclick = imgClickHandler(imgClickTags[n], actualPos);
		imgClickTags[n].onclick = (function(pos) {
			return function() {
				var popupElems = document.getElementsByTagName("div");
        for(var m = 0; m < popupElems.length; m++) {
            if (popupElems[m].className.indexOf("popup") > -1) {
                popupElems[m].style.display = "none";
            }
        }
				
				imgTextElements = this.parentNode.getElementsByTagName("div");
					
				for(var i = 0; i < imgTextElements.length; i++) {
					if (imgTextElements[i].className.indexOf("popup") > -1) {
						imgTextElements[i].style.display = "block";
						imgTextElements[i].style.top = pos;
					}
				}			
			};
		})(actualPos);
    }



    imgClickTags = [];
    imgClickTagsOffsetTop = [];
    imgTextElements = [];

    for (n = 0; n < divElements.length; n++) {
        if (divElements[n].className.indexOf("assortment") > -1) {
            var elems = divElements[n].getElementsByTagName("img");
            for (var m = 0; m < elems.length; m++) {
                if (elems[m].className.indexOf("productimg") > -1) {
                    imgClickTags.push(elems[m]);
                    imgClickTagsOffsetTop.push(getTopPos(elems[m]));
                }
            }
        }
    }

    for (n = 0; n < imgClickTags.length; n++) {
        actualPos = imgClickTagsOffsetTop[n];

        //imgClickTags[n].onclick = imgClickHandler(imgClickTags[n], actualPos);
        imgClickTags[n].onclick = (function(pos) {
                return function() {
                    popupElems = document.getElementsByTagName("div");
                    for(var m = 0; m < popupElems.length; m++) {
                        if (popupElems[m].className.indexOf("popup") > -1) {
                            popupElems[m].style.display = "none";
                        }
                    }
                    
                    imgTextElement = this.nextSibling;
                    while (imgTextElement) {
                        if (imgTextElement.className.indexOf("popup") > -1) {
                        		var divs = imgTextElement.getElementsByTagName("div");
                        		var arrow = null;
                        		for (var i = 0; i < divs.length; i++) {
                        			if (divs[i].className == "arrow") {
                        				arrow = divs[i];
                        				break;
                        			}
                        		}                        	
                        	
                            imgTextElement.style.display = "block";
                            popupHeight = imgTextElement.getElementsByTagName("div")[0].offsetHeight;
								            if (parseInt(documentHeight) - parseInt(pos) < parseInt(popupHeight)) {
																imgTextElement.style.top = (parseInt(documentHeight) - parseInt(popupHeight)) + "px";
																var diff = parseInt(pos) - imgTextElement.offsetTop;
																
																if (!arrow.originalOffset) {
																		arrow.originalOffset = arrow.offsetTop;
																}
																
																if (arrow != null) {
																		arrow.style.top = (arrow.originalOffset + diff) + "px";
																}
														} else {
								              	imgTextElement.style.top = pos;
														}
             
                            break;
                        }
                        imgTextElement = imgTextElement.nextSibling;
                    }
                };
        })(actualPos);
    }



    var newsLinks = [];
    var aTags = [];

    for (n = 0; n < divElements.length; n++) {
        if (divElements[n].className.indexOf("news") > -1) {
            aTags = divElements[n].getElementsByTagName("a");
            for (var i = 0; i < aTags.length; i++) {
                newsLinks.push(aTags[i]);
                break;
            }
        }
    }

    for (n = 0; n < newsLinks.length; n++) {
        newsLinks[n].onclick = function() {
            this.setAttribute("target", "article");
            document.getElementById("article").getElementsByTagName("iframe")[0].setAttribute("src", this.getAttribute("href"));
            document.getElementById("article").style.display = "block";
            window.scrollTo(0, 0);
            return false;
        }
    }
	
	var gallerycategories = document.getElementById("gallerycategories");
	if (gallerycategories) {
		var links = gallerycategories.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++) {
			links[i].target = "article";
			links[i].onclick = function() {
				document.getElementById("article").style.display = "block";
			}
		}
	}
})();

function imgClickHandler(elem, pos) {
	imgTextElements = elem.getElementsByTagName("div");
			
	for(var i = 0; i < imgTextElements.length; i++) {
		if (imgTextElements[i].className.indexOf("popup") > -1) {
			imgTextElements[i].style.display = "block";
			imgTextElements[i].style.top = pos;
			return false;
			break;
		}
	}
}


function getTopPos(element)
{
	var topPosOffset = 0;
	
	while(element != null) 
	{
		topPosOffset += element.offsetTop;
		element = element.offsetParent;
	}
	
	topPosOffset = topPosOffset-220+"px";
	return topPosOffset;
}
  
function closeWindow()
{
	var divElements = document.getElementsByTagName("div");
	var imgTags = [];

    for (n = 0; n < divElements.length; n++) {
        if (divElements[n].className.indexOf("mineralstoffe-container") > -1 || divElements[n].className.indexOf("popup") > -1) {
			divElements[n].style.display = "none";
        }
    }
}

function toggleVisibility(element) {
    alert("Suche");
    alert(element)
    if (element.style.visibility == "hidden") {
        element.style.visibility == "visible";
    } else {
        element.style.visibility == "hidden";
    }
}

function toggleTable(div)
{
	//for IE, not implementing white-space DOM nodes
	var table = div.nextSibling;
	//for all other browser engines
	if(table.className != "minalance-container")
	{
			table = table.nextSibling;
	}
	
	if(table.style.display == "block")
	{
		table.style.display = "none";
	}
	else
	{
		table.style.display = "block";
	}
	
	return false;
}

function toggleDisplay(div)
{
	//for IE, not implementing white-space DOM nodes
	var table = div.nextSibling;
	//for all other browser engines
	if(table.className != "mineralstoffe-container")
	{
			table = table.nextSibling;
	}
	
	if(table.style.display == "block")
	{
		table.style.display = "none";
	}
	else
	{
		table.style.display = "block";
		window.scrollTo(0, 0);
	}	
	
	return false;
}


function removeTable(minalance)
{
        minalance.setAttribute("style", "display: none;");
}