window.onload = function() {
    getDesignerList(1);
}

function getDesignerList(page) {
 document.getElementById("divDesigner").innerHTML = '<center><img src="'+rootPath+'webTemplate/images/ajax/loading1.gif"></center>'
   
    WCFContent.JSON_getTrDesignerList(mc, init, smc, page, getDesignerListOnComplete);
} 

function getDesignerListOnComplete(StringResult) {

    var temp = "";
    var result ="";
    eval("result = " + StringResult)
    total = result.data[0].total;
    pageNo = result.data[0].pageNo;
    rowNum = result.data[0].rowNum;
    temp=temp + "<div class=\"design\">";
    if (result.data.length < 1){
        temp=temp + "<div class=\"noDesigner\">";
        temp=temp + "no designer";
        temp=temp + "</div>";        
   }
   else{
    for (var i = 1; i < result.data.length  ; i++) {
        temp=temp + "<div class=\"designItemSpace\">&nbsp;</div>";
        temp=temp + "<div class=\"designItem\">";
        temp=temp + "<a href=\"" + rootPath + "designer/" + converStrToParam(MyURLDecode(result.data[i].title)) + "/" + mc + "/" + smc + "/" + result.data[i].articleRef + "\"><img src=\"" + rootPath + "images/article/" + result.data[i].entityCode + "/" + result.data[i].moduleCode + "/" + result.data[i].subModuleCode + "/" + result.data[i].articleRef + "/T\" width=\"160\" height=\"120\"></a><br>";
        temp=temp + "<div class=\"designer\">";
        temp=temp + "<a href=\"" + rootPath + "designer/" + converStrToParam(MyURLDecode(result.data[i].title)) + "/" + mc + "/" + smc + "/" + result.data[i].articleRef + "\">" + MyURLDecode(result.data[i].title) + "</a>";
        temp=temp + "</div>";
        temp=temp + "</div>";
        if(i%4 == 0 ){
            temp=temp + "</div>";
            temp=temp + "<div class=\"design\">";
        }
    }
    temp=temp + "</div>";
    document.getElementById("divDesigner").innerHTML = temp;
    

        var tempPaging="";
    if (result.data[0].total != 0){
    var prev = (pageNo * 1) - 1;
    var next = (pageNo * 1) + 1;
        if (pageNo == 1){
            prev = total;
        }
        else if (pageNo == total){
            next = 1;
        } 
        if (total == 1){
            next = 1;
            prev = 1;
        } 
        tempPaging += "<div class=\"indexDesignerLeft\">"
        tempPaging += "<span class=\"mediumTitleRed\">INDEX</span> <span class=\"mediumTitleBlack\">DESIGNER</span>"
        tempPaging += "</div>"
        tempPaging += "<div class=\"indexDesignerRight\">"
        tempPaging += "<a href=\"javascript:getDesignerList("+ prev +")\"><img src=\"" + rootPath + "webTemplate/images/button_prevnext.gif\" width=\"14\" height=\"14\" alt=\"\" border=\"0\" id=\"prev\" onmouseover=\"MM_swapImage('prev','','" + rootPath + "webTemplate/images/button_prevnext_o.gif',1)\" onmouseout=\"MM_swapImgRestore()\"></a>";
        tempPaging += "&nbsp;&nbsp;";
        tempPaging += "<a href=\"javascript:getDesignerList("+ next +")\"><img src=\"" + rootPath + "webTemplate/images/button_prevnext.gif\" width=\"14\" height=\"14\" alt=\"\" border=\"0\" id=\"next\" onmouseover=\"MM_swapImage('next','','" + rootPath + "webTemplate/images/button_prevnext_o.gif',1)\" onmouseout=\"MM_swapImgRestore()\"></a>";
        tempPaging += "</div>"
        
        document.getElementById("designerPaging").innerHTML = tempPaging;
    }
  }
}