//gnavi効果

var ulNum = ["gnavi1", "gnavi2", "gnavi3", "gnavi4", "gnavi5", "gnavi6", "gnavi7"];

$(document).ready(function(){
	$("#gnavi > li").append('<div class="ud"></div>');		
	$("#gnavi div.ud").css('opacity','0.8');	
	$("ul#gnavi ul li a").prepend("<img src='http://web.j-line.co.jp/share/img/im_gnavi_effect.png' class='effect' />");
	$.each(ulNum,function(i){
		$("#" + this,"body:not(.home) #gnavi").hover(function(){
			$("#" + ulNum[i] + " li").stop().css('cursor','pointer');
				$("#" + ulNum[i] + " .li1").animate({left:'115'},500,'easeOutExpo');
				$("#" + ulNum[i] + " .li2").animate({left:'230px'},500,'easeOutExpo');
				$("#" + ulNum[i] + " .li3").animate({left:'345px'},500,'easeOutExpo');
				$("#" + ulNum[i] + " .li4").animate({left:'460px'},500,'easeOutExpo');
				$("#" + ulNum[i] + " .li5").animate({left:'575px'},500,'easeOutExpo');				
				$("#" + ulNum[i] + " .li6").animate({left:'690px'},500,'easeOutExpo');	
				$("#" + ulNum[i] + " div.ud").show();
		},function(){
			$("#" + ulNum[i] + " li").stop();
			$("#" + ulNum[i] + " li").animate({left:'0px'},200);
			$("#" + ulNum[i] + " div.ud").hide();	
		});
	});
});




//ロールオーバー時のエフェクト画像処理
$(document).ready(function(){
	$("ul#gnavi ul li a").prepend("<img src='http://web.j-line.co.jp/share/img/im_gnavi_effect.png' class='effect' />");

	var liNum = [".li1", ".li2", ".li3", ".li4", ".li5", ".li6"];
	
	$.each(liNum, function(i){
												 
		$("ul#gnavi ul "+ liNum[i] +" a").hover(function(){											 
    		$("ul#gnavi ul "+ liNum[i] +" img.effect").attr("src","http://web.j-line.co.jp/share/img/im_gnavi_effect_off.gif");
		},function(){
			$("ul#gnavi ul "+ liNum[i] +" img.effect").attr("src","http://web.j-line.co.jp/share/img/im_gnavi_effect.gif");
		});		
	
	});
	
});