$(document).ready(function() {
    var divName = getQueryVariable("div");
    var cur = "1";
    showx("1");

    if (divName == 'img') {
        var cur = "11";
        showx("11");
    }
    if (divName == 'gallery') {
        var cur = "13";
        showx("13");
    }

    if (divName == 'photo') {
        var cur = "3";
        showx("03");
    }

    $("#WDLink01").click(function() {
        showx("1");
        cur = "1";
    });
    $("#WDLink02").click(function() {
        showx("2");
        cur = "2";
    });
    $("#WDLink03").click(function() {
        showx("3");
        cur = "3";
    });
    $("#WDLink04").click(function() {
        showx("4");
        cur = "4";
    });
    $("#WDLink05").click(function() {
        showx("5");
        cur = "5";
    });
    $("#WDLink06").click(function() {
        showx("6");
        cur = "6";
    });
    $("#WDLink07").click(function() {
        showx("7");
        cur = "7";
    });
    $("#WDLink08").click(function() {
        showx("8");
        cur = "8";
    });
    $("#WDLink09").click(function() {
        showx("9");
        cur = "9";
    });
    $("#WDLink10").click(function() {
        showx("10");
        cur = "10";
    });
    $("#WDLink11").click(function() {
        showx("11");
        cur = "11";
    });
    $("#WDLink12").click(function() {
        showx("12");
        cur = "12";
    });
    $("#WDLink13").click(function() {
        showx("13");
        cur = "13";
    });
    $("#WDLink14").click(function() {
        showx("14");
        cur = "14";
    });

    $("#LeftArrow").click(function() {
        if (parseInt(cur) <= 1) {
            cur = 1;
        } else {
            cur = parseInt(cur) - 1;
            cur = cur + "";
        }
        showx(cur);
    });

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

    $("#Previous").click(function() {
        if (parseInt(cur) <= 1) {
            cur = 1;
        } else {
            cur = parseInt(cur) - 1;
            cur = cur + "";
        }
        showx(cur);
    });

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

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
}

function showx(indexx) {

    for (var i = 1; i < 15; i++) {

       var id = i;
        
       if (i.toString().length == 1)
            id = "0" + i;

       if (indexx == i) {
           $("#WDDiv" + id).show();
           $("#WDTitle" + id).show();
       } else {
           $("#WDDiv" + id).hide();
           $("#WDTitle" + id).hide();
       }
    }
}