// JavaScript Document



$(document).ready(function(){

	function cam01update(){

	  var imgs = document.getElementById('camera01');

	  imgs.src = "http://www2.kiroro.co.jp/swfimage/news/livecam001-l.jpg?" + new Date().getTime();

	}

	//1分ごとに実行

	setInterval(cam01update,60*1000);

	

	function cam02update(){

	  var imgs = document.getElementById('camera02');

	  imgs.src = "http://www2.kiroro.co.jp/swfimage/news/livecam002-l.jpg?" + new Date().getTime();

	}

	//1分ごとに実行

	setInterval(cam02update,60*1000);

	

	function cam03update(){

	  var imgs = document.getElementById('camera03');

	  imgs.src = "http://www2.kiroro.co.jp/swfimage/news/livecam003-l.jpg?" + new Date().getTime();

	}

	//1分ごとに実行

	setInterval(cam03update,60*1000);

	

	function cam04update(){

	  var imgs = document.getElementById('camera04');

	  imgs.src = "http://www2.kiroro.co.jp/swfimage/news/livecam004-l.jpg?" + new Date().getTime();

	}

	//1分ごとに実行

	setInterval(cam04update,60*1000);

	

	document.getElementById("divcam01").style.display = "block";

	document.getElementById("divcam02").style.display = "none";

	document.getElementById("divcam03").style.display = "none";

	document.getElementById("divcam04").style.display = "none";

	

});



function showhide(id){

	if(document.getElementById){

		if (id === "divcam04") {

			document.getElementById("divcam01").style.display = "none";

			document.getElementById("divcam02").style.display = "none";

			document.getElementById("divcam03").style.display = "none";

			document.getElementById("divcam04").style.display = "block";

		} else if (id === "divcam03") {

			document.getElementById("divcam01").style.display = "none";

			document.getElementById("divcam02").style.display = "none";

			document.getElementById("divcam03").style.display = "block";

			document.getElementById("divcam04").style.display = "none";

		} else if (id === "divcam02") {

			document.getElementById("divcam01").style.display = "none";

			document.getElementById("divcam02").style.display = "block";

			document.getElementById("divcam03").style.display = "none";

			document.getElementById("divcam04").style.display = "none";

		} else {

			document.getElementById("divcam01").style.display = "block";

			document.getElementById("divcam02").style.display = "none";

			document.getElementById("divcam03").style.display = "none";

			document.getElementById("divcam04").style.display = "none";

		}

	}

}





$(function(){

	$('.con_camera ul li img').fadeTo(0,1.0);

	$('.con_camera ul li img').hover(function(){

        $(this).fadeTo(300,0);

    },

    function(){

        $(this).fadeTo(300,1.0);

    });

	$(function(){

	$(".con_camera ul li").click(function(){

		$(".con_camera ul li").removeClass("active");

	})

	$(".con_camera ul .bt_cam01").click(function(){

		$(".con_camera ul .bt_cam01").addClass("active");

	});

	$(".con_camera ul .bt_cam02").click(function(){

		$(".con_camera ul .bt_cam02").addClass("active");

	});

	$(".con_camera ul .bt_cam03").click(function(){

		$(".con_camera ul .bt_cam03").addClass("active");

	});

	$(".con_camera ul .bt_cam04").click(function(){

		$(".con_camera ul .bt_cam04").addClass("active");

	});

});

});