// author       :     Henk-Johan Ketelaar
// date         :     25-05-2010
// description  :     change the advert banner on the sepcified interval

var xmlhttp = null;

function initAdvertBanner(advertnumber) {

    if (advertnumber > 4) {
        advertnumber = 1;
    }

    var objTest = document.getElementById("advertisment_banner");

    if (objTest) {
        var url = "includes/adbanner.aspx";

        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        }
        else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        url = url + "?bannernr=" + advertnumber;
        xmlhttp.open("GET", url, false);
        xmlhttp.send(null);
        document.getElementById("advertisment_banner").innerHTML = xmlhttp.responseText;

        advertnumber= parseInt(advertnumber) + 1;

        setTimeout('initAdvertBanner(\''+advertnumber+'\')', 4000);
    }
}

// author       :     Henk-Johan Ketelaar
// date         :     01-12-2010
// description  :     change the advert banner on the specified interfal or when a user moves over the button

var xmlhttp2 = null;
function changeBanner(banner_id) {

    var objTest = document.getElementById("big_addbanner");

    if (objTest) {
        var url2 = "includes/bigAdbanner.aspx";

        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp2 = new XMLHttpRequest();
        }
        else {
            // code for IE6, IE5
            xmlhttp2 = new ActiveXObject("Microsoft.XMLHTTP");
        }

        url2 = url2 + "?bannernr=" + banner_id;
        xmlhttp2.open("GET", url2, false);
        xmlhttp2.send(null);
        document.getElementById("big_addbanner").innerHTML = xmlhttp2.responseText;

        // change selected item backgroundcolor + text color
        document.getElementById("banner_1").style.backgroundColor = '#eeeeee';
        document.getElementById("banner_2").style.backgroundColor = '#eeeeee';
        document.getElementById("banner_3").style.backgroundColor = '#eeeeee';
        document.getElementById("banner_4").style.backgroundColor = '#eeeeee';

        document.getElementById("banner_1").style.color = '#000000';
        document.getElementById("banner_2").style.color = '#000000';
        document.getElementById("banner_3").style.color = '#000000';
        document.getElementById("banner_4").style.color = '#000000';

        document.getElementById("banner_" + banner_id + "").style.backgroundColor = '#888888';
        document.getElementById("banner_" + banner_id + "").style.color = '#ffffff';
    }
}

// timer is appart from the rest of the code so that it is always fired from 1 till 4
// this function must only be called in the body of the page
function autoChangeBanner(banner_number) {

    if (banner_number > 4) {
        banner_number = 1;
    }

    changeBanner(banner_number)

    banner_number = parseInt(banner_number) + 1;

    setTimeout('autoChangeBanner(\'' + banner_number + '\')', 5000);
}