function getInnerWindowSize() {
    var blendWidth;
    var blendHeight;
        
    if ( window.innerWidth ) {
        blendWidth = ( window.innerWidth - 17 );
        blendHeight = window.innerHeight;
    } else {
        blendWidth = window.document.clientWidth;
        blendHeight = window.document.clientHeight;
    }
            
    return{ blendWidth:blendWidth, blendHeight:blendHeight };
};
        
function lightBoxBackground () {
    var windowSize = getInnerWindowSize();
    var attributeObjekt = { 'id':'blender', 'class':'blend' };
    var attributes = attributeObjekt;
    var blendDiv = document.createElement( "div" );
    document.body.appendChild( blendDiv );
        
    for ( var attr in attributeObjekt ) {
        blendDiv.setAttribute( attr, attributeObjekt[attr] );
    }
            
    document.getElementById( "blender" ).style.width = windowSize.blendWidth + "px";
    document.getElementById( "blender" ).style.height = windowSize.blendHeight + "px";
            
    document.getElementById( "blender" ).onclick = function () {
        document.body.removeChild( document.getElementById( "blender" ) );
    }
    
    return{ blendDiv:blendDiv }
};

/*
*
*    ajax element loader
*
*/
function createXMLHttpRequest () {
                
    var req;
                
    if ( window.XMLHttpRequest ) {
        try {
            req = new XMLHttpRequest();
        } catch ( e ) {
            req = false;
        }
    } else if ( window.ActiveXObject ) {
        try {
            req = new ActiveXObject( "Microsoft.XMLHTTP" );
        } catch ( e ) {
            req = false;
        }
    }
                
    return req;
}

function blendFormElementRequest () {
    var ajaxRequest = new createXMLHttpRequest();
    var loadFormNode = lightBoxBackground();
    
    ajaxRequest.onreadystatechange = function () {
        
        if ( this.readyState == 4 ) {
            
            if ( document.importNode ) {
                var formNode = document.importNode( ajaxRequest.responseXML.documentElement, true );
            } else {
                var formNode = document.cloneNode( ajaxRequest.responseXML.documentElement, true );
            }
            
            loadFormNode.blendDiv.appendChild( formNode );
        }
    }
    
    ajaxRequest.open(
                    "GET",
                    "http://localhost/Parkatikum_Sedna_Soft/Javascript_Uebungen/votebox_tests/testform.html"
                );
    ajaxRequest.send();
}
            
window.onload = function () {
    document.getElementById( "blendLink" ).onclick = lightBoxBackground;
    document.getElementById( "blendLink" ).onclick = blendFormElementRequest;
}