$(document).ready(function() {

    var isMouseOverColor = false;

    $("div#imgList img").mouseover(function(e) {

        $("div#colorpicker img").attr("src", $(this).attr("src"));
        $("div#colorpicker p").text($(this).attr("alt"));

        if (!isMouseOverColor) {
            $("div#colorpicker").css("top", (e.pageY - 188).toString() + "px");
            isMouseOverColor = true;
        }
        $("div#colorpicker").css("left", (e.pageX - 60).toString() + "px");
        $("div#colorpicker").show();

    });

    $("div#imgList img").mouseout(function(e) {

        $("div#colorpicker").hide();

    });

})