var j = new jQuery.noConflict();

j(document).ready(function () {

    j("#r1").css("opacity", "0.2");
    j("#r3").css("opacity", "0.2");
    j("#r4").css("opacity", "0.2");
    j("#r5").css("opacity", "0.2");

    var im = 2;
    var say = 2;
    var degis = 0;

    function rotate(yon) {
        if (say > 5) {
            say = 5;
        }
        else if (say < 1) {
            say = 1;
        }

        switch (yon) {
            case "yukari":
                {
                    if (say < 6) {
                        j("#cell").animate({
                            marginTop: "-=173"
                        }, 500, function () {
                            //                            j("#r" + im).css("opacity", "0.3");
                            //                            im = im + 1;
                            //                            j("#r" + im).css("opacity", "1");

                            j("#r" + im).fadeTo("slow", "0.2");
                            im = im + 1;
                            j("#r" + im).fadeTo("slow", "1");
                        }).delay(100);
                    }
                    break;
                }
            case "asagi":
                {
                    if (say > 0) {
                        j("#cell").animate({
                            marginTop: "+=173"
                        }, 500, function () {
                            j("#r" + im).fadeTo("slow", "0.2");
                            im = im - 1;
                            j("#r" + im).fadeTo("slow", "1");
                        }).delay(100);
                    }
                    break;
                }
        }
    }

    j("#yukari").click(function () {
        if (say < 5)
            rotate("yukari");

        say++;
    });
    j("#asagi").click(function () {
        if (say > 1)
            rotate("asagi");

        say--;
    });


    if (degis == 0) {
        degis = 1;
        j("#d_refis").click(function () {
            j("#refir").fadeOut(function () {
                j("#refis").fadeIn();
                
            });
        });
        degis = 0;
    }

    if (degis == 0) {
        degis = 1;
        j("#d_refir").click(function () {
            j("#refis").fadeOut(function () {
                j("#refir").fadeIn();
            });
        });
        degis = 0;
    }

});