var closeElement = null;

var closeOnClick = function(element) {
    var divs = element.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
        if (divs[i].className == "displayWindowWrapper") {
            divs[i].style.display = "none";
            break;
        }
    }
}

var closeWindow = function(element) {
    closeElement = element;
    element.style.display = "none";
}

var openWrapper = function(openWindow, id) {
    var container = document.getElementById("assortmentContainer");
    var divs = container.getElementsByTagName("div");
    for (var i = 0; i < divs.length; i++) {
        if (divs[i].className.indexOf("displayWindowWrapper") > -1) {
            var display = (divs[i].id == id);

            if (display) {
                display = !(closeElement == divs[i]);
                closeElement = null;
            }
            
            if (display) {
                var element = document.getElementById(id);
                var parent = openWindow.parentNode;
                element.style.left = parent.offsetLeft + parent.offsetWidth + "px";
                element.style.top = parent.offsetTop + "px";
                element.style.display = "block";
            } else {
                divs[i].style.display = "none";
            }
        }
    }
}