//これはエムアンドアール用のスクリプトです
//jquery-1.2.6.min.jsをフレームワークに使っています

$(function(){
	//法人のお客様へのページのh2背景をランダムに切り替え 2はお問い合わせページ用
	var ch2imgnumber = Math.floor(Math.random() * 4);
	var ch2imgpath  = "url(../common/img/h2-bg-clients-" + ch2imgnumber + ".jpg)";
	var ch2imgpath2 = "url(common/img/h2-bg-clients-" + ch2imgnumber + ".jpg)";
	$("body.clients h2.random").css("backgroundImage",ch2imgpath);
	$("body.clients h2.random2").css("backgroundImage",ch2imgpath2);

	//お仕事をお探しの方へのページのh2背景をランダムに切り替え
	var sh2imgnumber = Math.floor(Math.random() * 7);
	var sh2imgpath = "url(../common/img/h2-bg-staffs-" + sh2imgnumber + ".jpg)";
	$("body.staffs h2.random").css("backgroundImage",sh2imgpath);

	//画像ロールオーバーを発動させる要素
	$("#sidebar ul.navi img").rollover();
	$("#staffnavi img").rollover();
	$("img.rollover").rollover();

	//javascript ONとOFF でcssを調整する必要あるため、bodyタグにon-jsのクラスを加える
	$("body").addClass("on-js");

	//ヘッダーのお問い合わせボタンのアニメーション
	$("#header a.contact").hover(
		function(){$(this).animate({paddingLeft:"26px"},200);},
		function(){$(this).animate({paddingLeft:"6px"},200);}
	);

	//トップページのナビゲーションのアニメーション
	$("#top-navi li.staffs a").hover(
		function(){$(this).animate({paddingTop:"28px"},200);},
		function(){$(this).animate({paddingTop:"10px"},200);}
	);
	$("#top-navi li.clients a").hover(
		function(){$(this).animate({paddingTop:"29px"},200);},
		function(){$(this).animate({paddingTop:"10px"},200);}
	);
	$("#top-navi li.company a").hover(
		function(){$(this).animate({paddingTop:"27px"},200);},
		function(){$(this).animate({paddingTop:"10px"},200);}
	);

	//第二階層のナビゲーション
	$("#globalnavi a").css({ position:"absolute"});//IE6用 pngを表示させるスクリプトがposition:relativeにしてしまうので

	$("#globalnavi li.staffs a").hover(
		function(){$(this).animate({paddingTop:"21px"},200);},
		function(){$(this).animate({paddingTop:"6px"},200);}
	);
	$("#globalnavi li.clients a").hover(
		function(){$(this).animate({paddingTop:"21px"},200);},
		function(){$(this).animate({paddingTop:"6px"},200);}
	);
	$("#globalnavi li.company a").hover(
		function(){$(this).animate({paddingTop:"21px"},200);},
		function(){$(this).animate({paddingTop:"6px"},200);}
	);

});