var isHover = false;
$(document).ready(function(){
    var btn = $("#downloadButton");
    var btnImg = btn.find("img");

    btn.hover(
        function(){ isHover = true; slideDown(btnImg); },
        function(){ isHover = false; }
    );
    
    $("#changeLogList > li").each(function(){
        var expandLink = $("<a>", 
        {
            className: "expandLink",
            title: "Expand",
            href: "#",
            click: function(){
                $this = $(this);
                if (!$this.data("list"))
                    $this.data("list", $this.parent().children("ul"));

                if ($this.data("list").is(":visible")){
                    $this.data("list").slideUp("medium");
                    $this.removeClass("collapse");
                    $this.attr("title", "Expand");
                }
                else{
                    $this.data("list").slideDown("medium");
                    $this.addClass("collapse");
                    $this.attr("title", "Collapse");
                }
                return false;
            }
        });
        $(this).prepend(expandLink);
    });
    $("#changeLogList > li:first-child a.expandLink").addClass("collapse").attr("title", "Collapse"); 
});

function slideDown(obj)
{
    obj.animate(
        { top : "15px"},
        800,
        function(){
            obj.animate({ top: "0" }, "medium", function(){
                if (isHover)
                    slideDown(obj);
                else
                    obj.stop();
            });
        }
    );
}