var currentpageid = 0;
var currentpagemode = "left";

function aclick(obj) {
    loadpage($(obj).attr("link"));
    //alert($(obj).attr("link"));   
}

function buttonclick(idx) {
    loadpage(idx);
    //alert(idx);   
}


function modalWin(cidx) {
   if (window.showModalDialog) {
        window.showModalDialog("ContainerEditor.aspx?id=" + cidx.toString(), "name", "dialogWidth:650px;dialogHeight:550px");
   } else {
        window.open('ContainerEditor.aspx?id=' + cidx.toString() + '&table=' + ctype.toString(), 'name', 'height=550,width=650,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no ,modal=yes');
   }
   refreshcontainer(cidx);
}



function insert_container(obj) {

    $.ajax({
        type: "POST",
        url: "process/JsonService.asmx/InsertContainer",
        data: "{'id':'" + currentpageid + "','ctype':'" + $(obj).attr("param") + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            switch (currentpagemode) {
                case "left": if ($(obj).attr("param") == "left") {
                        show_left_colum_container("<div id=\"container" + response.d + "\">");
                    } else {
                        show_center_colum_container("<div id=\"container" + response.d + "\">");
                    }
                    break;
                case "center":
                    show_full_colum_container("<div id=\"container" + response.d + "\">");
                    break;
                default:
            }
            refreshcontainer(response.d);
        }
    });
}


function deletecontainer(id) {

    $.ajax({
        type: "POST",
        url: "process/JsonService.asmx/DeleteContainer",
        data: "{'id':'" + id.toString() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
           $("#container" + id.toString()).parent().parent().parent().remove();
        }
    });
}




function loadpage(id) {
    $.ajax({
        type: "POST",
        url: "process/JsonService.asmx/GetPage",
        data: "{'id':'" + id + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            var data = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
          
            show_page(data.pagecontent);
            $.each(data.leftcolumn, function(i, item) {
             
               show_left_colum_container(item);
            });
            $.each(data.centercolumn, function(i, item) {
              
               show_center_colum_container(item);
            });
            $.each(data.fullcolumn, function(i, item) {
              
               show_full_colum_container(item);
            });
            currentpageid = data.pid;
            currentpagemode = data.ptype;
        },
        error: function(error, response){
          alert(error + ":" + response);
        }
    });
}

function togglepagemode() {
    $.ajax({
        type: "POST",
        url: "process/JsonService.asmx/TogglePpageMode",
        data: "{'id': '" + currentpageid + "' }",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
           var data = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
           show_page(data.pagecontent);
           $.each(data.leftcolumn, function(i, item) {
            show_left_colum_container(item);
           });
           $.each(data.centercolumn, function(i, item) {
            show_center_colum_container(item);
           });
           $.each(data.fullcolumn, function(i, item) {
            show_full_colum_container(item);
           });
           currentpageid = data.pid;
           currentpagemode = data.ptype;
        }
    });
}

function refreshcontainer(id) {
    $.ajax({
        type: "POST",
        url: "process/JsonService.asmx/RefreshContainer",
        data: "{'id': '" + id + "' }",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
           show_container(id, response.d);
        }
    });
}

function show_page(data) {
    $("#pageload").html(data);
}

function show_container(id,data) {
    $("#container" + id).html(data);
}


function show_left_colum_container(data) {
    $("#leftcolum").append("<div><div class=\"lctop\"></div><div class=\"lccenter\"><div class=\"inc\">" + data + "</div></div></div>");
}

function show_center_colum_container(data) {
    $("#centercontent").append("<div><div class=\"cctop\"></div><div class=\"cccenter\"><div class=\"inc\">" + data + "</div></div></div>");
}

function show_full_colum_container(data) {
    $("#fullpage").append("<div><div class=\"ftop\"></div><div class=\"fcenter\"><div class=\"inc\">" + data + "</div></div></div>");
}