window.onload = function(e) {
  klickbareScreens();
  popupVorbereiten();
}

function klickbareScreens() {
    if (document.getElementById) {
        var anker = '';
        var i = 0;
        var clickableImagesHref = new Array();
        var clickableImagesImgs = new Array();
        var divs = getElementsByClass('referenz', document, '*');
        if(divs[0]) {
            // divs Schleife:
            do {
                var j = 0;
                // divs[i].childNodes Schleife:
                do {
                    var k = 0;
                    // divs[i].childNodes[j].childNodes Schleife:
                    do {
                        if(typeof(divs[i].childNodes[j].childNodes[k]) == 'object') {
                            if(divs[i].childNodes[j].childNodes[k].tagName) {
                                if(divs[i].childNodes[j].childNodes[k].tagName == 'IMG') {
                                    var neuestesImg = clickableImagesImgs.push(divs[i].childNodes[j].childNodes[k]);
                                }
                                if(divs[i].childNodes[j].childNodes[k].tagName == 'A') {
                                    var neuestesHref = clickableImagesHref.push(divs[i].childNodes[j].childNodes[k].href);
                                }
                            }
                        }
                        k++;
                    } while (k <= divs[i].childNodes[j].childNodes.length-1)
                    j++;
                } while (j <= divs[i].childNodes.length-1)
                i++;
            } while (i <= divs.length-1);
            var i = 0;
            do {
                var functionname = i + 'func';
                attachOnclickToImages(clickableImagesImgs[i], clickableImagesHref[i], functionname);
                i++;
            } while (i <= clickableImagesImgs.length-1); 
        }
    }
}

function attachOnclickToImages(imgObject, href, functionname) {
    imgObject.onmouseover = function(functionname2) {this.style.cursor = 'pointer'};
    imgObject.onclick = function(functionname) {window.location = href};
    imgObject.title = 'Details zu diesem Projekt';
}

// getElementsByClass By Dustin Diaz ( http://www.dustindiaz.com/getelementsbyclass/ )

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if ( node == null )
        node = document;
    if ( tag == null )
        tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    var i = 0;
    var j = 0;
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;
}