function showIframe(element, url) {
    document.getElementById(element).innerHTML = '<iframe src="'+url+'&type=iframe" width=400 height=300>';
}

function GetLoader() {
		return '<div class="AJAXload"><img src="res/ajax-loader.gif" alt="Bitte warten..."/ class="AJAXload" align="center"></div>';
}

function GetLoaded() {
		return '<div class="AJAXload"> </div>';
}

function showLoader() {
		document.write(GetLoader());
}

function showLoaded() {
		document.write(GetLoaded());
}

function loadByAjax(element, url) {
    var req = null;

    try {
        req = new XMLHttpRequest();
    }
    catch (ms) {
        try {
            req = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (nonms) {
            try {
                req = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (failed) {
                req = null;
            }
        }
    }

    if (req == null) {
        showIframe(element, url);
    } else {
        req.open("GET", url, true);
        req.onreadystatechange = function() {
            switch(req.readyState) {
                case 4:
                    if (req.status != 200) {
                        showIframe(element, url);
                    } else {
                        document.getElementById(element).innerHTML = req.responseText + GetLoaded();
                    }
                    break;
                default:
                    return false;
                    break;
            }
        };

        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        req.send(null);
    }
}

