$(function(){
    story = new Array();
    story[1] = new Array(2,2);
    story[2] = new Array(11,3);
    story[3] = new Array(14,4);
    story[4] = new Array(5,7);
    story[5] = new Array('sindan/30main.php',6);
    story[6] = new Array('sindan/isogi.php',7);
    story[7] = new Array('sindan/teikinri.php',8);
    story[8] = new Array('sindan/kariire.php',9);
    story[9] = new Array('sindan/sinsa.php',10);
    story[10] = new Array('sindan/sinpan.php','sindan/ginkou.php');
    story[11] = new Array(12,3);
    story[12] = new Array(13,'sindan/ginkou.php');
    story[13] = new Array('sindan/30main.php','sindan/ginkou.php');
    story[14] = new Array(9,4);

    var reg = new RegExp("^sindan\/.*?\.php$");

    $(".start_button")
        .click(function () {
            $("#main_img").fadeOut("normal",function(){$("#main_img").css("background-image", "url('./images_a/2.jpg')")}).fadeIn("normal")
            $(this).css("display", "none");
            $(".left_button").css("display", "block");
            $(".right_button").css("display", "block");
        });

    $(".left_button")
        .click(function () {
            var myCss1 = $("#main_img").css("background-image").split("/").reverse();
            var myCss2 = myCss1[0].split(".");
            if (String(story[myCss2[0]][0]).match(reg)) {
                location.href = story[myCss2[0]][0];
            } else {
                $("#main_img").fadeOut("normal",function(){$("#main_img").css("background-image", "url('./images_a/" +story[myCss2[0]][0] + ".jpg')")}).fadeIn("normal")
            }
        });

    $(".right_button")
        .click(function () {
            var myCss1 = $("#main_img").css("background-image").split("/").reverse();
            var myCss2 = myCss1[0].split(".");
            if (String(story[myCss2[0]][1]).match(reg)) {
                location.href = story[myCss2[0]][1];
            } else {
                $("#main_img").fadeOut("normal",function(){$("#main_img").css("background-image", "url('./images_a/" +story[myCss2[0]][1] + ".jpg')")}).fadeIn("normal")
            }
        });


});