$(document).ready(function() {

	//グローバルナビゲーション
	$("#gnavi li").hover(
	function () {
		$(this).css("background-position", "0 -50px");
		$(this).find("ul").fadeIn(500);
	},
	function () {
		$(this).css("background-position", "0 0");
		$(this).find("ul").fadeOut(250);
	}
	);

	////////////////////////////////////////////////////////////
	// 背景画像切り替え
	////////////////////////////////////////////////////////////
	var timerID;

	//切り替え時間 4秒
	var interval = 4500;
	//フェードアウト時間 0.5秒
	var fade_time = 500;
	//画像パス
	var img_arr = [
		"images/main1.jpg",
		"images/main2.jpg",
		"images/main3.jpg",
		"images/main4.jpg"
		]; 
	//URL
	var url_arr = [
		"",
		"http://www.nissan-nics.co.jp/service/office/index.html",
		"http://www.nissan-nics.co.jp/service/facility/index.html",
		"http://www.nissan-nics.co.jp/service/welfare/index.html"
		];


	var img_count = img_arr.length;

	var i=1;
	$(".t0").css("border-color", "#c64e6e");

	//画像切り替え
	function ImgChange() {
		setPointer(i-1);

		$("#img").attr("src",img_arr[i] );
		$(".t"+i ).css("border-color", "#c64e6e");
		$(".t"+(i-1) ).css("border-color", "#CCCCCC");
		if( i == 0 ){
			$(".t"+(img_count-1) ).css("border-color", "#CCCCCC");
		}

		$('#img').fadeIn( fade_time, function() {
			$("#img").css("display","none" );

			$("#main_image").css("background-image","url("+img_arr[i-1]+")");
			if( (i-1) < 0){
				$("#main_image").css("background-image","url("+img_arr[img_count-1]+")");
			}
		});

		i++;
		if( i >= img_count ){
			i=0;
		}
	
	}

	// タイマーを起動  
	function StartTimer(){
		timerID = setInterval(ImgChange, interval);   
	}
	// タイマーをリセット   
	function ResetTimer() {
		clearInterval(timerID);
        }

	StartTimer();

	//メイン画像クリック
	$("#mimg").click(function () {
		var no = i-1;
		if( no<0 ){
			no=img_count-1;
		}

		if( url_arr[no] != null){
			window.location=url_arr[no];
		}

	});

	function setPointer(no){
		if(url_arr[no]==null){
			$("#mimg").css("cursor", "default");
		}else{
			$("#mimg").css("cursor", "pointer");
		}
	}




	//サムネイルクリック
	$("#thumbnail li").click(function () {
		for(var l=0; l<img_count; l++){
			$(".t"+l).css("border-color", "#CCCCCC");
		}
		//クリックされたliが何番目か？
		i = $("#thumbnail li").index(this); 
		setPointer(i);

		$("#main_image").css("background-image","url("+i+")");
		ImgChange();
		ResetTimer();
		StartTimer();
		
	});

	//カーソルの変更
	$("#thumbnail li").hover(
	function () {
		$(this).css("cursor", "pointer");
	},
	function () {
		$(this).css("cursor", "default");
	}
	);

	////////////////////////////////////////////////////////////



	//記事のマウスオーバー、アウトのアクション
	$("#service_menu dl, #solution_menu dl").hover(
	function () {
		$(this).css("cursor", "pointer");
		$(this).css("color","#666666");
	},
	function () {
		$(this).css("cursor", "default");
		$(this).css("color","#333333");
	}
	);
	//記事をクリックのアクション
	$("#service_menu dl, #solution_menu dl").click(function () {
		window.location = $(this).attr("url");
	});




});