// automatische MouseOvers, this = DOM object $(this) = jQuery object
function initMouseOvers() {

    $("A.MOImg IMG").each(function (i) {
        var img = this;

        var extensionIndex = img.src.lastIndexOf('.');
        var path = img.src.substr(0, extensionIndex);
        var extension = img.src.substring(extensionIndex, img.src.length);

        // preload MOimgs
        var MO = new Image();
        MO.src = path + '_O' + extension; // Arie style: _O

        //alert($(this).parent().attr('href'));
        var anchor = $(this).parent();
        anchor.mouseover(function() {
            img.src = MO.src;
            }
        );

        anchor.mouseout(function() {
            img.src = path + extension;
            }
        );
    });
}

/** slideShow met prev - next controls **/
function slideShow() {
    var $active = $('#slideshow DIV.active');
    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
    var $next =  $active.next().length ? $active.next() : $('#slideshow DIV:first');
    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 500, function() {
            $active.removeClass('active last-active');
        });
}

function nextSlide() {
    var $active = $('#slideshow DIV.active');
    var $next =  $active.next().length ? $active.next() : $('#slideshow DIV:first');
    $next.addClass('active');
    $active.removeClass('active');
}

function prevSlide() {
    var $active = $('#slideshow DIV.active');
    var $prev = $active.prev().length ? $active.prev() : $('#slideshow DIV:last');;
    $prev.addClass('active');
    $active.removeClass('active');
}