$(document).ready(function() {
    $(".purchaseable").mouseover(function() {
        if (!$(this).hasClass("purchased")) {
            $("img:first", this).attr("src", 
                $("img:first", this).attr("src").replace("start", "end"));
            $(this).addClass("mouseover");
        }
    });

    $(".purchaseable").mouseout(function() {
        if (!$(this).hasClass("purchased")) {
            $("img:first", this).attr("src", 
                $("img:first", this).attr("src").replace("end", "start"));
            $(this).removeClass("mouseover");           
        }
    });

    $(".purchaseable").click(function() {
        var val = $("#purchased_items").val();
        var id = "|" + $(this).attr("id") + "|";

        if (!$(this).hasClass("purchased")) {
            $(this).addClass("purchased");
            if (val == "") {
                $("#purchased_items").val(id);
            } else {
                $("#purchased_items").val(val + id);
            }
        } else {
            $(this).removeClass("purchased");
            $("#purchased_items").val(val.replace(id, ""));
        }
    });

	$(".purchased").hover(
		function() {
			$("#message").html(
				$("#" + $(this).attr("id").replace("end", "message"))
					.html());
			$("#message").fadeIn(500);
		},
		function() {
			$("#message").fadeOut(500);
		}
	);
});