var interval = 1;
var XMLHTTP = null;
var XmlHttpLiefPos = null;
var picsPreload = new Array();

function initSwitchPane(cPosition, count) {
    if( document.images ) { //check that changing images is supported
	    picsPreload[0] = new Image(); picsPreload.src = "images/arrow_left.jpg";
	    picsPreload[1] = new Image(); picsPreload.src = "images/arrow_right.jpg";
	}

    createTable(cPosition, count);

    if(window.XMLHttpRequest) {
        XMLHTTP = new XMLHttpRequest();
        XmlHttpLiefPos = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        try {
            XMLHTTP = new ActiveXObject("Msxml2.XMLHTTP");
            XmlHttpLiefPos = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(ex) {
            try {
                XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
                XmlHttpLiefPos = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(ex) {
            }
        }
    }
}

function back(currentID, count) {
    var position = 1;

    if((currentID - interval) >= 1) {
        position = currentID - interval;

        createTable(position, count);
        // true is default value
        /*
        XmlHttpLiefPos.open("GET", "setlieferantensession.aspx?lieferantenPosition="+position, true);
        XmlHttpLiefPos.onreadystatechange = onReadyLiefSession;
        XmlHttpLiefPos.send(null);
        */
        XMLHTTP.open("GET", "lieferantenmenu.aspx?lieferantenPosition="+position, true);
        XMLHTTP.onreadystatechange = onReadyNachricht;
        XMLHTTP.send(null);
    }
}

function forward(currentID, count) {
    currentID = currentID*1;
    var position = 0;

    if((currentID + interval) >= count) {
        position = count;
    }
    else {
        position = currentID + interval;
    }
    createTable(position, count);
    // true is default value
    /*
    XmlHttpLiefPos.open("GET", "setlieferantensession.aspx?lieferantenPosition="+position, true);
    XmlHttpLiefPos.onreadystatechange = onReadyLiefSession;
    XmlHttpLiefPos.send(null);
    */
    XMLHTTP.open("GET", "lieferantenmenu.aspx?lieferantenPosition="+position, true);
    XMLHTTP.onreadystatechange = onReadyNachricht;
    XMLHTTP.send(null);
}

function onReadyNachricht() {
    if(XMLHTTP.readyState == 4) {
        var d = document.getElementById("lieferantMenu");
        d.innerHTML = XMLHTTP.responseText;
    }
}

function onReadyLiefSession() {
    if(XmlHttpLiefPos.readyState == 4) {
        XMLHTTP.open("GET", "lieferantenmenu.aspx", true);
        XMLHTTP.onreadystatechange = onReadyNachricht;
        XMLHTTP.send(null);
    }
}

function createTable(cPosition, count) {
    var d = document.getElementById("meinoutput");
    d.innerHTML = "<table class=\"grauertext\">" +
        "<tr>" +
        "<td><img src=\"images/arrow_left.jpg\" onclick=\"back('" + cPosition + "', '" + count + "');\">" +
        "</td>" +
        "<td>" + cPosition + " von " + count +
        "</td>" +
        "<td><img src=\"images/arrow_right.jpg\" onclick=\"forward('" + cPosition + "', '" + count + "');\">" +
        "</td>" +
        "</tr>" +
        "</table>";
}