$(function() {
    //initialize like buttons
    //$(".likeButtonContainer").html('<img src="/images/likebutton_loader.gif" style="margin-left:50px" />').load('/Ajax/AjaxLikeButtonClicked.aspx?userid=' + $(this).attr('userid') + "&articleid=" + $(this).attr('articleid') + "&action=view");
    $.each($(".likeButtonContainer"), function(ind, el) {
        var userid = $(this).attr('userid');
        var articleid = $(this).attr('articleid');
        $(this).html('<img src="/images/likebutton_loader.gif" style="margin-left:50px" />').load('/Ajax/AjaxLikeButtonClicked.aspx?articleid=' + articleid + "&action=view");
    });

    $(".likeButton").live("click",
        function() {
            var userid = $(this).parent().attr('userid');
            var articleid = $(this).parent().attr('articleid');
            $(this).parent().html('<img src="/images/likebutton_loader.gif" style="margin-left:50px" />').load('/Ajax/AjaxLikeButtonClicked.aspx?articleid=' + articleid + "&action=like");
        });

    $(".unlikeLink").live("click",
        function() {
            var userid = $(this).parent().attr('userid');
            var articleid = $(this).parent().attr('articleid');
            $(this).parent().html('<img src="/images/likebutton_loader.gif" style="margin-left:50px" />').load('/Ajax/AjaxLikeButtonClicked.aspx?articleid=' + articleid + "&action=unlike");
        });


    $(".likeButtonPopupLink").live('mouseover mouseout',
    function(event) {
        if (event.type == 'mouseover') {
            $("#likeButtonPopupPanel").clearQueue();
            $("#likeButtonPopupPanel").delay(300).fadeIn("fast");
            $("#likeButtonPopupPanel").css('opacity', 1);
            $("#likeButtonPopupPanel").css('left', $(this).position().left + 35);
            $("#likeButtonPopupPanel").css('top', $(this).position().top + 20);
            $("#likeButtonPopupPanel").attr("articleID", $(this).attr("id"));
            //load users list with AJAX
            $("#likeButtonPopupContent").html('<img class="loader" src="images/loader_big.gif" />').load("Ajax/AjaxLikeButtonPopup.aspx?article=" + $(this).attr("id"));
        }
        else {
            $("#likeButtonPopupPanel").clearQueue();
            $("#likeButtonPopupPanel").delay(2000).fadeOut(1000);
        }
    });


    $("#likeButtonPopupPanel").hover(
    function() {
        $("#likeButtonPopupPanel").clearQueue();
        $("#likeButtonPopupPanel").css('opacity', 1);
    },
    function() {
        $("#likeButtonPopupPanel").delay(1000).fadeOut(500);
    });


    $("#hidePopup").live('click',
    function() {
        $("#likeButtonPopupPanel").css('display', 'none');
    });
});