var myOnImages = new Array();
var myOffImages = new Array();

myOnImages[0] = new Image(84,32);
myOnImages[0].src = "images/menu_circus_on.jpg";
myOnImages[1] = new Image(97,32);
myOnImages[1].src = "images/menu_kermis_on.jpg";
myOnImages[2] = new Image(78,32);
myOnImages[2].src = "images/menu_show_on.jpg";
myOnImages[3] = new Image(111,32);
myOnImages[3].src = "images/menu_braderie_on.jpg";
myOnImages[4] = new Image(115,35);
myOnImages[4].src = "images/menu_terrassen_on.jpg";
myOnImages[5] = new Image(146,33);
myOnImages[5].src = "images/menu_kids_corner_on.jpg";

myOffImages[0] = new Image(84,32);
myOffImages[0].src = "images/menu_circus_off.jpg";
myOffImages[1] = new Image(97,32);
myOffImages[1].src = "images/menu_kermis_off.jpg";
myOffImages[2] = new Image(78,32);
myOffImages[2].src = "images/menu_show_off.jpg";
myOffImages[3] = new Image(111,32);
myOffImages[3].src = "images/menu_braderie_off.jpg";
myOffImages[4] = new Image(115,35);
myOffImages[4].src = "images/menu_terrassen_off.jpg";
myOffImages[5] = new Image(146,33);
myOffImages[5].src = "images/menu_kids_corner_off.jpg";

function turnOn(anImage, aNumber) {
    document[anImage].src = myOnImages[aNumber].src;
    return true;
}

function turnOff(anImage, aNumber) {
    document[anImage].src = myOffImages[aNumber].src;
    return true;
}

jQuery(document).ready(function() {

    // De parameter 'speed' (milli seconden) geeft de fade in/out tijd aan.
    // De parameter 'timeout' geeft de tijd (milli seconden) tussen twee foto's aan.
    $('ul#slideshow').innerfade({ speed: 1500, timeout: 3000, type: 'sequence' });
    $('div#main').show();
});