$(document).ready(function(){ 

	$(".col_swatch").click(
		function(){
			var idClicked = $(this).attr("id");	
			var details = idClicked.split('-');
			var style_number = details['1'];
			var colour_code = details['2'];
			var target_div = "#img_"+style_number
			
			$.ajax({
				   type: "POST",
				   url: "/ajax/colour_swatch.php",
				   data: "style_number="+style_number+"&colour_code="+colour_code,
				   success: function(msg){
								$(target_div).replaceWith(msg);
								$(target_div).hide();
								$(target_div).fadeIn("slow");
							}
				});
		}
	);
	
	$(".col_swatch").mouseover(
		function(){
			var idClicked = $(this).attr("id");	
			var details = idClicked.split('-');
			var style_number = details['1'];
			var colour_code = details['2'];
			var target_div = "#col-"+style_number+"-"+colour_code;
			
			$(target_div).css("cursor","pointer");
		}
	);
	
});