$(function(){
		var hexhover = new Array(12);
		for(i=0;i<12;i++){
			hexhover[i] = new Image();
			hexhover[i].src = "/wp-content/themes/twentyeleven/images/hex_"+(i+1)+"_hover-trans.png";
		}
		var hexplace = new Array(12);
		for(i=1;i<12;i++){
			hexplace[i] = new Array(4);
			if(i<10){
				j = "0" + i;
			}else{
				j = i;
			}
			hexplace[i][0] =$("#hex"+j).css("left");
			hexplace[i][1] =$("#hex"+j).css("top");
			hexplace[i][2] =  $("#hex"+j).css("left").substr(0,$("#hex"+j).css("left").length-2)-98+"px";
			hexplace[i][3] =  $("#hex"+j).css("top").substr(0,$("#hex"+j).css("top").length-2)-85+"px";
			hexplace[i][4] =  $("#hex"+j).css("left").substr(0,$("#hex"+j).css("left").length-2)-0+45+"px";
			hexplace[i][5] =  $("#hex"+j).css("top").substr(0,$("#hex"+j).css("top").length-2)-0+40+"px";
			hexplace[i][6] =  $("#hex"+j).css("left").substr(0,$("#hex"+j).css("left").length-2)-0;
			hexplace[i][7] =  $("#hex"+j).css("top").substr(0,$("#hex"+j).css("top").length-2)-0;
		}
		var heximg = new Array(12);
			heximg[1] = new Array(0,0,2,3,0,0);
			heximg[2] = new Array(0,5,6,4,3,1);
			heximg[3] = new Array(1,2,4,0,0,0);
			heximg[4] = new Array(2,6,0,0,0,3);
			heximg[5] = new Array(0,0,7,6,2,0);
			heximg[6] = new Array(5,7,9,0,4,2);
			heximg[7] = new Array(0,0,8,9,6,5);
			heximg[8] = new Array(0,0,0,10,9,7);
			heximg[9] = new Array(7,8,10,11,0,6);
			heximg[10] = new Array(8,0,0,0,11,9);
			heximg[11] = new Array(9,10,0,0,0,0);
		var hexpp = new Array(0,50,25,85,65,85,85,50,65,15,25,15); //上から時計回り

        $("area[id^=hexarea]").mouseover(function(){
			clearInterval(t);
			var mid = this.id;
            var midnum = mid.substr(mid.length - 2 , 2);

            mid = "#hex" + midnum;
			var areamid = "hexarea" + midnum;
			for(var i in heximg[midnum-0]){
				if(heximg[midnum-0][i] != midnum-0 && heximg[midnum-0][i]){
					if(heximg[midnum-0][i]<10){
						j = "#hex0" + heximg[midnum-0][i];
						k = "hexarea0" +heximg[midnum-0][i];
					}else{
						j = "#hex"+heximg[midnum-0][i];
						k = "hexarea" + heximg[midnum-0][i];
					}
					$(k).css({coords:"45,40,40"})
					$("img",j).stop(true,false).animate({width:"90px"},500);	
					$(j).stop(true,false).animate({top: hexplace[heximg[midnum-0][i]][7]+hexpp[i*2]+"px", left: hexplace[heximg[midnum-0][i]][6]+hexpp[i*2+1]+"px"},500);

				}
			}
				$("img",mid).attr("src",hexhover[midnum-1].src);
			document.getElementById(areamid).coords = "93,84,220";
			$("img",mid).stop(true,false).animate({width:"387px"},500,function(){
				document.getElementById(areamid).coords = "193,168,185";
			});
			$(mid).stop(true,false).animate({top: hexplace[midnum-0][3], left: hexplace[midnum-0][2]},500);	
        });
		
		$("area[id^=hexarea]").mouseout(function(){
			var mid = this.id;
			var midnum = mid.substr(mid.length - 2 , 2);
			mid = "#hex" + midnum;
			var areamid = "hexarea" + midnum;
			for(i=1;i<12;i++){
				if(i<10){
					j = "#hex0" + i;
				}else{
					j = "#hex"+i;
				}

				$("img",j).stop(true,false).animate({width:"187px"},500);	
				$(j).stop(true,false).animate({top: hexplace[i][1], left: hexplace[i][0]},500);
				document.getElementById(areamid).coords = "93,82,86";
				$("img",j).attr("src","/wp-content/themes/twentyeleven/images/hex_"+i+"-trans.png");
			}
			t = setInterval(moveplace, v);
		});
		var v = 3000;
		var place = new Array(5,5,-5,5,-5,-4,5,-1,7,9,-1,3,-2,-5,4,6,-3,7,-4,1,10,-3,6,-8);
		var t = setInterval(moveplace, v);
		var arraycount = 0;
        function moveplace(){
			for(i=1;i<12;i++){
				if(i<10){
					j = "#hex0" + i;
				}else{
					j = "#hex"+i;
				}
				bestplace1 = (2*(i+arraycount))%24;
				bestplace2 = (2*(i+arraycount)+1)%24;
				$(j).stop(true,false).animate({top:hexplace[i][7]+place[bestplace1]+"px",left:hexplace[i][6]+place[bestplace2]+"px"},2500);
			}
			if(arraycount<=11) arraycount++;
			else arraycount=0;
		}
		
    });