// JavaScript Document

$(function() {

    $(" #hatsuti li img ").css({cursor: "pointer"});
		
    $("#btn-osa img").click(function(){
        $("#fuk").fadeOut(0);
        $("#spk").fadeOut(0);
        $("#oka").fadeOut(0);
        $("#osa").fadeIn(500);
				document.btnosa.src="../img/tokyo/index/osaka-on.gif";
				document.btnfuk.src="../img/tokyo/index/fukuoka-off.gif";
				document.btnspk.src="../img/tokyo/index/hokkaido-off.gif";
				document.btnoka.src="../img/tokyo/index/okinawa-off.gif";
    });
    $("#btn-fuk img").click(function(){
        $("#osa").fadeOut(0);
        $("#spk").fadeOut(0);
        $("#oka").fadeOut(0);
        $("#fuk").fadeIn(500);
				document.btnosa.src="../img/tokyo/index/osaka-off.gif";
				document.btnfuk.src="../img/tokyo/index/fukuoka-on.gif";
				document.btnspk.src="../img/tokyo/index/hokkaido-off.gif";
				document.btnoka.src="../img/tokyo/index/okinawa-off.gif";
    });
		$("#btn-spk img").click(function(){
        $("#osa").fadeOut(0);
        $("#fuk").fadeOut(0);
        $("#oka").fadeOut(0);
        $("#spk").fadeIn(500);
				document.btnosa.src="../img/tokyo/index/osaka-off.gif";
				document.btnfuk.src="../img/tokyo/index/fukuoka-off.gif";
				document.btnspk.src="../img/tokyo/index/hokkaido-on.gif";
				document.btnoka.src="../img/tokyo/index/okinawa-off.gif";
    });
		$("#btn-oka img").click(function(){
        $("#osa").fadeOut(0);
        $("#fuk").fadeOut(0);
        $("#spk").fadeOut(0);
        $("#oka").fadeIn(500);
				document.btnosa.src="../img/tokyo/index/osaka-off.gif";
				document.btnfuk.src="../img/tokyo/index/fukuoka-off.gif";
				document.btnspk.src="../img/tokyo/index/hokkaido-off.gif";
				document.btnoka.src="../img/tokyo/index/okinawa-on.gif";
    });

});