/*top画像切替
--------------------------------------*/
$j=jQuery.noConflict();
$j(document).ready(function(){
    $j('#changer').before('<ul class="menu">')
		 .cycle({
		 fx: 'fade', //表示の仕方
		 speed:2000,　//次の表示までのスピード
		 pause:1,　//マウスオーバー時、一旦停止するしたいときに1を設定
		//next:   '#changer',　//クリックしたとき次の画像を表示したいとき（今はクリックで該当ページに飛びたいからコメントアウト）
		timeout: 6000
		});
	
/* cate1 */	
$j("#cat1_1").mouseover(function(){　//マウスオーバーで
    $j('#changer').cycle('stop');　//一旦停止
			$j('#changer .item .change1').parent().css("z-index","9999");
			$j('#changer .item .change1').parent().css("display","block");
			$j('#changer .item .change1').parent().css("opacity","1");

	}).mouseout(function(){　//マウスアウトで
	    $j('#changer').cycle();　//スライド復活
});

/* cate2 */	
$j("#cat1_2").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change2').parent().css("z-index","9999");
			$j('#changer .item .change2').parent().css("display","block");
			$j('#changer .item .change2').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});

/* cate3 */	
$j("#cat1_3").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change3').parent().css("z-index","9999");
			$j('#changer .item .change3').parent().css("display","block");
			$j('#changer .item .change3').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});

/* cate4 */	
$j("#cat1_4").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change4').parent().css("z-index","9999");
			$j('#changer .item .change4').parent().css("display","block");
			$j('#changer .item .change4').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});

/* cate5 */	
$j("#cat1_5").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change5').parent().css("z-index","9999");
			$j('#changer .item .change5').parent().css("display","block");
			$j('#changer .item .change5').parent().css("opacity","1");
	}).mouseout(function(){
	    $j('#changer').cycle();
});

/* cate6 */	
$j("#cat1_6").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change6').parent().css("z-index","9999");
			$j('#changer .item .change6').parent().css("display","block");
			$j('#changer .item .change6').parent().css("opacity","1");
	}).mouseout(function(){
	    $j('#changer').cycle();
});

/* cate7 */	
$j("#cat1_7").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change7').parent().css("z-index","9999");
			$j('#changer .item .change7').parent().css("display","block");
			$j('#changer .item .change7').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});

$j("#cat1_8").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change8').parent().css("z-index","9999");
			$j('#changer .item .change8').parent().css("display","block");
			$j('#changer .item .change8').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});
//プロセスキャリブレータ追加
$j("#cat1_9").mouseover(function(){
    $j('#changer').cycle('stop');
			$j('#changer .item .change9').parent().css("z-index","9999");
			$j('#changer .item .change9').parent().css("display","block");
			$j('#changer .item .change9').parent().css("opacity","1");

	}).mouseout(function(){
	    $j('#changer').cycle();
});

});