$(function () {
    $('#dvpwarning').hide().css(
    {
        background: "#FFF url(../images/aria/hookers/hookers_logo_popup.jpg) no-repeat 0 0",
        width: "480px",
        margin: "auto",
        padding: "60px 15px 15px",
        border: "1px solid #89959B"
    });

    $('#dvpwarning h3').css(
    {
        color: "#000",
        fontSize: "14px",
        fontWeight: "bold",
        marginBottom: "10px"
    });

    $('#dvpwarning h4').css(
    {
        color: "#000",
        fontSize: "12px",
        fontWeight: "bold"
    });

    $('#dvpwarning p').css(
    {
        color: "#000",
        fontSize: "12px",
        marginTop: "15px"
    });

    $('#dvpwarning p span').css(
    {
        color: "#C00",
        fontWeight: "bold"
    });

    $('#dvptarget').css(
    {
        background: "#FFF url(../images/aria/hookers/button_melding.png) no-repeat 0 0",
        width: "480px",
        height: "45px",
        display: "block",
        textIndent: "-9999px",
        marginTop: "15px"
    });

    $('a[rel*="dvpwarning"]').overlay(
        {
            target: "#dvpwarning",
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            },
            onBeforeLoad: function () {
                var target = this.getTrigger().attr("href");
                this.getOverlay().find("#dvptarget").attr("href", target);

                $('#dvpwarning .close').css(
                {
                    background: 'url(../images/aria/hookers/cross.png) no-repeat 0 0',
                    position: 'absolute',
                    right: '0px',
                    top: '0px',
                    cursor: 'pointer',
                    height: '16px',
                    width: '16px'
                });
            }
        });

    $('.dvpbutton').css({
        width: '211px',
        display: 'block',
        height: '27px',
        marginLeft: 'auto',
        marginRight: 'auto',
        paddingTop: '15px'
    });

    $('.dvpbutton a').css({
        background: 'url("/images/aria/hookers/dvp_button.png") no-repeat 0 0',
        position: 'relative',
        display: 'block',
        height: '100%',
        width: '100%',
        outline: 'none',
        textDecoration: 'none',
        color: '#fff',
        paddingLeft: '27px',
        paddingTop: '5px'
    });

    if ($('#alpha_list').size() > 0) {
        $('#alpha_list').hide().css(
        {
            width: "450px",
            height: "400px",
            overflow: "auto",
            padding: "15px",
            border: "1px solid #89959B",
            background: "#EDEDED"
        }).appendTo('body');

        $("<span>Alfabetisch</span>").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
            clear: 'right',
            color: '#FFFFFF',
            display: 'block',
            font: '15px  Arial,sans-serif',
            padding: '4px 15px 5px',
            margin: '0 0 0 5px',
            position: 'absolute',
            left: $('#newthreadlink_top').outerWidth(),
            cursor: "pointer"
        }).overlay({ target: "#alpha_list",
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            }
        }).insertAfter("#newthreadlink_top");

        $("<span class='alphabutton_bottom'>Alfabetisch</span>").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
            left: $('#newthreadlink_bottom').outerWidth()
        }).overlay({ target: "#alpha_list",
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            }
        }).insertAfter("#newthreadlink_bottom");
    }

    if ($('#newreviewlink_top').size() > 0) {
        $("#newreviewlink_top").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
            clear: 'right',
            color: '#FFFFFF',
            display: 'block',
            font: '15px  Arial,sans-serif',
            padding: '4px 15px 5px',
            margin: '5px 0 0 5px',
            position: 'absolute',
            cursor: "pointer",
            left: $('#newreplylink_top').outerWidth(),
            textDecoration: 'none'
        });

        $("#newreviewlink_bottom").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
			clear: 'right',
			color: '#FFFFFF',
			display: 'block',
            font: '15px  Arial,sans-serif',
            padding: '4px 15px 5px',
            margin: '2px 0 0 5px',
            position: 'absolute',
            cursor: "pointer",
			textDecoration: 'none',
			top: "-2px",
            left: $('#newreplylink_bottom').outerWidth()
        });
    }

    if ($('.totalscore_form').size() > 0) {
        $('.totalscore_form').hide().appendTo('body');

        $("<span>Totaal Score</span>").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
            clear: 'right',
            color: '#FFFFFF',
            display: 'block',
            font: '15px  Arial,sans-serif',
            padding: '4px 15px 5px',
            margin: '5px 0 0 10px',
            position: 'absolute',
            left: ($('#newreplylink_top').outerWidth() + $('#newreviewlink_top').outerWidth()),
            cursor: "pointer"
        }).overlay({ target: ".totalscore_form",
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            }
        }).insertAfter("#newreviewlink_top");

        $("<span class='totalscore_bottom'>Totaal Score</span>").css(
        {
            background: 'url("/images/buttons/newbtn_middle.png") repeat-x scroll left top #417394',
			clear: 'right',
            color: '#FFFFFF',
            display: 'block',
            font: '15px  Arial,sans-serif',
            padding: '4px 15px 5px',
            margin: '2px 0 0 10px',
            position: 'absolute',
            cursor: "pointer",
			top: "-2px",
            left: ($('#newreplylink_bottom').outerWidth() + $('#newreviewlink_bottom').outerWidth())
        }).overlay({ target: ".totalscore_form",
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            }
        }).insertAfter("#newreviewlink_bottom");
    }

    $('.userscore_form').each(function () {
        $(this).appendTo('body');
    });

    $('.userscore > span').each(function () {
        relto = "#" + $(this).attr("rel");
        $(this).overlay({ target: relto,
            mask: {
                color: '#CCC',
                loadSpeed: 100,
                opacity: 0
            }
        });
    });
});                                   // einde jquery