$(function() {
    var selectedFolder;
    $("td .folderCell").click(function() {
        $("#desc_table").hide();
        selectedFolder = $(this).attr("id");
        $.post("/handlers/ajax_portfolio.ashx", { folder_id: selectedFolder },
            function(data) {
                Check(data);
                var str = data.toLocaleString();
                if (str.charAt(0) == "1") {
                    data = str.substr(1, data.length);
                    $("#left").hide(); $("#right").hide();
                }
                $("#ImagesPanel").html(data);
            });
    });

    function Check(data) {
        if (data) {
            $("#emptyPortfolio").hide();
            $("#left").show(); $("#right").show();
        }
        else {
            $("#left").hide(); $("#right").hide();
            $("#emptyPortfolio").show();
        }
    }

    $("#Loader").ajaxStart(function() { $(this).show(); $("#ImagesPanel").hide(); $("#left").hide(); $("#right").hide(); });
    $("#Loader").ajaxComplete(function() { $(this).hide(); $("#ImagesPanel").show(); });

    $("#left").click(function() {
        $.post("/handlers/ajax_portfolio.ashx", { leftfile: "1" },
            function(data) {
                Check(data);
                $("#ImagesPanel").html(data);
            });
    });

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

        $.post("/handlers/ajax_portfolio.ashx", { rightfile: "1" },
            function(data) {
                Check(data);
                $("#ImagesPanel").html(data);
            });
    });
    //$("img .portfolioFile").click(function() { alert('ok'); });
});