$(document).ready(function() {
var cur = "1";
showx("0");
    $("#scrap01").click(function() {
        showx("1");
        cur = "1";

    });
    $("#scrap02").click(function() {
        showx("2");
        cur = "1";

    });
    $("#scrap03").click(function() {
        showx("3");
        cur = "2";
    });
    $("#scrap04").click(function() {
        showx("4");
        cur = "3";
    });
    $("#scrap05").click(function() {
        showx("5");
        cur = "4";
    });
    $("#scrap06").click(function() {
        showx("6");
        cur = "5";
    });
    $("#scrap07").click(function() {
        showx("7");
        cur = "6";
    });
    $("#scrap08").click(function() {
        showx("8");
        cur = "7";
    });
    $("#scrap09").click(function() {
        showx("9");
        cur = "8";
    });
   

    $("#leftclick").click(function() {


        if (parseInt(cur) <= 0) {
            cur = 0;
        } else {
            cur = parseInt(cur) - 1;
            cur = cur + "";
        }
        showx(cur);


    });
    $("#rightclick").click(function() {
    showx(cur);
        if (parseInt(cur) >= 8) {
            cur = 8;
        } else {
            cur = parseInt(cur) + 1;
            cur = cur + "";
        }
        

    });


});






function showx(indexx) {

    switch (indexx) {
        case "0":
            $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").show();
            break;
        case "1":
            $("#divx02").show();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide();
            break;
        case "2": $("#divx02").hide();
            $("#divx03").show();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "3": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").show();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "4": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").show();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "5": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").show();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "6": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").show();
            $("#divx08").hide();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "7": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").show();
            $("#divx09").hide();
            $("#divx10").hide();
            $("#divx01").hide(); break;
        case "8": $("#divx02").hide();
            $("#divx03").hide();
            $("#divx04").hide();
            $("#divx05").hide();
            $("#divx06").hide();
            $("#divx07").hide();
            $("#divx08").hide();
            $("#divx09").show();
            $("#divx10").hide();
            $("#divx01").hide(); break;
      
    }


}