$(document).ready(function(){

	$("#spots ul li").click(function() {
		
		switch($(this).attr("id")) {
			case "spot_snabbtalt":
				location.href = "products.php?section=fors&maincategory=6";
				break;
			case "spot_begagnat":
				location.href = "products.php?section=fors&maincategory=27";
				break;
			case "spot_slapvagnar":
				location.href = "uthyrning.php?section=46";
				break;
			default:
				break;
		}
		
	});

	var orebro = {'top' : 185, 'left' : 56};
	var stockholm = {'top' : 180, 'left' : 100};
	var vastervik = {'top' : 230, 'left' : 71};
	var karlstad = {'top' : 177, 'left' : 32};
	var karlskoga = {'top' : 181, 'left' : 45};
	var vaxjo = {'top' : 257, 'left' : 42};
	var hagfors = {'top' : 155, 'left' : 33};
	var vasteras = {'top' : 175, 'left' : 78};
	var uppsala = {'top' : 165, 'left' : 88};
	var eskilstuna = {'top' : 180, 'left' : 78};

	$("#map_arrow").css("top", orebro.top).css("left", orebro.left);
	
	$("#map_locations ul li a").hover(function() {
		
		switch($(this).parent().attr("id")) {
			case "orebro":
				$("#map_arrow").css({top: orebro.top, left: orebro.left});
				break;
			case "stockholm":
				$("#map_arrow").css({top: stockholm.top, left: stockholm.left});
				break;
			case "vastervik":
				$("#map_arrow").css({top: vastervik.top, left: vastervik.left});
				break;
			case "karlstad":
				$("#map_arrow").css({top: karlstad.top, left: karlstad.left});
				break;
			case "vaxjo":
				$("#map_arrow").css({top: vaxjo.top, left: vaxjo.left});
				break;
			case "hagfors":
				$("#map_arrow").css({top: hagfors.top, left: hagfors.left});
				break;
			case "vasteras":
				$("#map_arrow").css({top: vasteras.top, left: vasteras.left});
				break;
			case "uppsala":
				$("#map_arrow").css({top: uppsala.top, left: uppsala.left});
				break;
			case "eskilstuna":
				$("#map_arrow").css({top: eskilstuna.top, left: eskilstuna.left});
				break;
			case "karlskoga":
				$("#map_arrow").css({top: karlskoga.top, left: karlskoga.left});
				break;
		}
	
	}, function() {
	});	
	
});