// JavaScript Document
/*------------ready start-------------------------*/
$(document).ready(function(){

var $gnavi=$("ul li[class^='navi_']");

//画像を透明にしておく
$gnavi.find("img").css({"opacity":0}).parent().css({"cursor":"pointer"});
$("ul.subnavi li[class^=navi_]").find("img").css({"opacity":0});

//数字のナビの位置
$("ul.subnavi li.title").each(
function(idx){
	//alert($(this).attr("class")+"idx : "+idx);
		var p=$(this).position();
		var set=$(this).outerWidth()+p.left;
		var target="ul.number"+idx;
		$(target).css({"left":set,"top":p.top});
	}
);

//--------hover start--------------
$gnavi.hover(
//over
function(){
	$(this).find("img").animate({"opacity":1},180);
	},
//out
function(){
	$(this).find("img").animate({"opacity":0},180);
	}
);
//--------hover end-----------------
});
/*------------ready end-------------------------*/