var spaceLeft = 524;
$(document).ready(function() {
    var totalLeft = -((spaceLeft * (Number(document.getElementById("GeneralContent_TotalImg").innerHTML) / 4)) - spaceLeft);
    $("#GenLeft").click(function () {
        var oldLeft = Number($(".GenImg").css("left").replace('px', ''));
        if (oldLeft < 0) { $(".GenImg").animate({ left: "+=" + spaceLeft }, 1500); ClosePanel(2); }
        else { ClosePanel(1); }
    });
    $("#GenRight").click(function () {
        var oldLeft = Number($(".GenImg").css("left").replace('px', ''));
        if (oldLeft > totalLeft) { $(".GenImg").animate({ left: "-=" + spaceLeft }, 1500); ClosePanel(2); }
        else { ClosePanel(0); }
    });
});
function ClosePanel(getData) {
    if (getData == 0) {
        document.getElementById("GenLeft").className = "GenLeft";
        document.getElementById("GenRight").className = "GenDisabled";
    }
    else if (getData == 1) {
        document.getElementById("GenLeft").className = "GenDisabled";
        document.getElementById("GenRight").className = "GenRight";
    }
    else if (getData == 2) {
        document.getElementById("GenLeft").className = "GenLeft";
        document.getElementById("GenRight").className = "GenRight";
    }
}