$(document).ready(function() {
    $(".largeSwatches").hide();
	$(".colourSwatches").hover(
        function() {
        },
        function() {
            colourSwatch_onMouseOut(this);
        }
    );
	$(".coloursHover").hover(
        function() {
            colourSwatch_onMouseOver(this);
        },
        function() {
        }
    );
});

function colourSwatch_onMouseOver(which) {
    $(".largeSwatches").hide();
	var thisTempId = which.id.substring(4);
    var thisTempPos = $("#swaZ"+thisTempId).position();
    $("#swaZX"+thisTempId).css('top',thisTempPos.top+"px").css('left',(thisTempPos.left) + "px");
    $("#swaZX"+thisTempId).show();
}

function colourSwatch_onMouseOut(which) {
    $(".largeSwatches").hide();
}