$(document).ready(function(){
	
	$(".hotspot a").click(function() {
		return false;
	});

	$("#precision").hover(
		function() { 
			$("#precision a").css("background", "url(img/hotspot-on.png) 0 0 no-repeat");
			$('#default').load('glide-define-precision-tip.php #spotContent');
		},
		function() {
			$("#precision a").css("background", "url(img/hotspot-off.png) 0 0 no-repeat");
			$('#default').load('glide-define-liquid-eyeliner.php #default');
		}
	);
	$("#formula").hover(
		function() { 
			$("#formula a").css("background", "url(img/hotspot-on.png) 0 0 no-repeat");
			$('#default').load('glide-define-hydrating-formula.php #spotContent');
		},
		function() {
			$("#formula a").css("background", "url(img/hotspot-off.png) 0 0 no-repeat");
			$('#default').load('glide-define-liquid-eyeliner.php #default');
		}
	);
	$("#body").hover(
		function() { 
			$("#body a").css("background", "url(img/hotspot-on.png) 0 0 no-repeat");
			$('#default').load('glide-define-small-body.php #spotContent');
		},
		function() {
			$("#body a").css("background", "url(img/hotspot-off.png) 0 0 no-repeat");
			$('#default').load('glide-define-liquid-eyeliner.php #default');
		}
	);
	$("#compact").hover(
		function() { 
			$("#compact a").css("background", "url(img/hotspot-on.png) 0 0 no-repeat");
			$('#default').load('glide-define-compact-size.php #spotContent');
		},
		function() {
			$("#compact a").css("background", "url(img/hotspot-off.png) 0 0 no-repeat");
			$('#default').load('glide-define-liquid-eyeliner.php #default');
		}
	);
});