var photoDivArray;

$(document).ready(function() {
    $("div.foto").hover(
        function() {
            $(this).find("img.member").css("display", "none");
        }
        ,
        function() {
            $(this).find("img.member").css("display", "block");
        }
    );

    $("div.fotowall div.foto").tooltip({
        track: true,
        left: -230,
        top: -140,
        bodyHandler: function() {
            var tooltip = $(this).find("div.fotowall_quote").clone();
            return tooltip;
        }
    });

    $("div.fotowallsmall div.foto").tooltip({
    track: true,
        top: -140,
        bodyHandler: function() {
            var tooltip = $(this).find("div.fotowall_quote").clone();
            return tooltip;
        }
    });

    photoDivArray = $("div.fotowall div.foto");
    
    
    if( photoDivArray.length > 0)
        setTimeout("GetRandomPhoto()", 3000);
});



function SwapPhoto(msg) {
    var i = Math.floor(Math.random() * photoDivArray.length)

    var div = photoDivArray[i];
    var img = $(div).find("img.member");
    var imgbw = $(div).find("img.memberbw");

    if ($(div).hasClass("grote")) {
        $(img).attr("src", "contentfiles/member/" + msg.d.MemberID + "-groot.jpg");
        $(imgbw).attr("src", "contentfiles/member/" + msg.d.MemberID + "-groot-bw.jpg");
    } else {
        $(img).attr("src", "contentfiles/member/" + msg.d.MemberID + "-klein.jpg");
        $(imgbw).attr("src", "contentfiles/member/" + msg.d.MemberID + "-klein-bw.jpg");
    }

    var quote = $(div).find("#" + $(img).attr("rel"))
    $(quote).html('<div class="fotowall_quote"><p class="quote"><span class="byline">' + msg.d.Quote + '</span><div class="quote_name">' + msg.d.Naam + '</div><div class="quote_extra">' + msg.d.Functie + ' </div></p></div>');
    
    setTimeout("GetRandomPhoto()",3000);
}

function GetRandomPhoto() {
    $.ajax({
        type: "POST",
        url: "Services/Fotowall.asmx/GetRandomFoto",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: SwapPhoto
    });
}