

(function($) {
    var contextPath = location.pathname.substring(0,location.pathname.indexOf("/",1));
    //    var nextPage = '<img src="'+contextPath+'/images/next.gif" />';
    //    //var nextPage = '<img src="./images/next.gif" />';
    //    var previosPage = '<img src="'+contextPath+'/images/fw.gif" />';
    //    var musicIcon='<img style="cursor:pointer" onclick="$.previewSound(#contentId#)" src="'+contextPath+'/images/preview.gif" />';
    //    var youtubeIcon='<img src="'+contextPath+'/images/youtube.gif" />';
    //    var urlSound = "http://download.n-content.com/Nstorage2010/preview?typeid=4&default=music&m=1&cdid=";
    //    var prefixIvr = '<span style="color:red">*4806</span>';

    var nextPage = '<img src="./images/next.gif" />';
    var previosPage = '<img src="./images/fw.gif" />';
    var musicIcon='<img style="cursor:pointer" onclick="$.previewSound(#contentId#)" src="./images/preview.gif" />';
    var youtubeIcon = '<img src="./images/youtube.gif" />';
    var urlSound = "http://download.n-content.com/Nstorage2010/preview?typeid=4&default=music&m=1&cdid=";
    var prefixIvr = '<span style="color:#FFF200">*4806</span>';
    
    
    var waitingMsg  = "<table style=\"width:100%;text-align:center;\" >"+
    "<tr ><td><img alt=\"\" src=\"./images/indicator.gif\" /></td></tr>"+
    "<tr ><td>Please wait...</td></tr>"+
    "</table>";

 
    

     
    var OPERATOR_AIS = 0;
    var OPERATOR_DTAC = 1;
    var OPERATOR_TRUE = 2;
    var OPERATOR_HUTCH = 3;
    
    
    var listImageSize = "";
    
    
    
    $.downloadContentDes =(function(contentDesId,containerId,typeId) {
        //        var param = $.getQueryString();
        //  alert(contentDesId);
        var advertiseId ="";
        try{
            //            if(param.trim()!=''){
            //                param ="&"+param;
            //            }
            var jsonParam = $.getQueryStringToJSON();
        //   advertiseId = jsonParam.frmAdvertiseId;
        }catch(Error){}
        
        advertiseId = jsonParam.frmAdvertiseId;
        
        if(advertiseId == "2117" || advertiseId == "2116" || advertiseId == "2119"){
            var url = './GenerateNContentPage?mode=howtoDownloadPartner&fnc=howToDownload&page=index&ctdid='+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        }else{
   
            var url = './GenerateNContentPage?mode=howToDownload&fnc=howToDownload&page=index&ctdid='+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        //var url = "./GenerateNContentPage?mode=howToDownload&fnc=howToDownload&page=index&ctdid="+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        //        var url = "/GenerateNContentPage?mode=howToDownload&fnc=howToDownload&page=index&ctdid="+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        }
        if(typeId.indexOf("999")>-1){
            url = './GenerateNContentPage?mode=howToDownloadRbt&fnc=howToDownload&page=indexRbt&ctdid='+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        //   url = "./GenerateNContentPage?mode=howToDownloadRbt&fnc=howToDownload&page=indexRbt&ctdid="+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        //            url = "/GenerateNContentPage?mode=howToDownloadRbt&fnc=howToDownload&page=indexRbt&ctdid="+contentDesId+"&container="+containerId+"&tid="+typeId+'&frmAdvertiseId='+advertiseId;
        }
        //        var url = "./GenerateNContentPage?mode=howToDownload&page=index&ctdid="+contentDesId+"&container="+containerId+"&tid="+typeId;
        if(advertiseId == "2117" || advertiseId == "2116" || advertiseId == "2119"){
            var feture="toolbar=0,"
            +'location=0,status=0,menubar=0,scrollbars=0,width=580,height=580,resizable=0';
            window.open(url,"url_",feture);
        }else{
            
            var feture="toolbar=0,"
            +'location=0,status=0,menubar=0,scrollbars=1,width=580,height=750,resizable=0';
            window.open(url,"url_",feture);
        }
    });
    
    
    $.MobileListContent =(function(contentDesId,containerId,typeId) {
        //        var param = $.getQueryString();
        //  alert(contentDesId);
        var advertiseId ="";
        try{
            var jsonParam = $.getQueryStringToJSON();
       
        }catch(Error){}
        
        advertiseId = jsonParam.frmAdvertiseId;

        var url ='./GenerateNContentPage';
        url+='?mode=mobileSupport&fnc=mobileSupport&page=index&ctdid='+contentDesId+'&container='+containerId+'&tid='+typeId+'&frmAdvertiseId='+advertiseId;
                
        //  alert(url);
        var feture="toolbar=0,"
        +'location=0,status=0,menubar=0,scrollbars=0,width=565,height=500,resizable=0';
        
        window.open(url,"_url",feture);
 
    });
    
    $.MobileListContentAndriod =(function(contentDesId,containerId,typeId) {
        //        var param = $.getQueryString();
        //  alert(contentDesId);
        var advertiseId ="";
        try{
            var jsonParam = $.getQueryStringToJSON();
       
        }catch(Error){}
        
        advertiseId = jsonParam.frmAdvertiseId;

        var url ='./GenerateNContentPage';
        url+='?mode=mobileSupportAndroid&fnc=mobileSupportAndroid&page=index&ctdid='+contentDesId+'&container='+containerId+'&tid='+typeId+'&frmAdvertiseId='+advertiseId;
                
        //  alert(url);
        var feture="toolbar=0,"
        +'location=0,status=0,menubar=0,scrollbars=0,width=565,height=500,resizable=0';
        
        window.open(url,"_url",feture);
 
    });
    
    
    $.previewSound =(function(contentId) {
        //   alert(contentId);
        try{
            $.fn.soundPlay({
                playerId: 'embed_player', 
                command: 'stop'
            });
        }catch(Error){}
        // alert(urlSound+contentId);
        $.fn.soundPlay({
            //            url: 'http://download.n-content.com/Nstorage2010/previews/sound_web/1319539823132881.mp3',
            url: urlSound+contentId,
            playerId: 'embed_player',
            command: 'play'
          
        });
    });
    
    $.searchContentPage = (function(idPlace,pageId,container,pageIndex) {
        var datas =({
            mode: "LIST_CONTENT_CONTAINER_PAGE_MAP",
            container: container,
            idPlace: idPlace,
            pageId : pageId,
            pageIndex : pageIndex
        });
        var url ='./GenerateListContent';
        //var url ='/GenerateListContent';
        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            beforeSend:function(){
            },
            success: function (data) {
                var length="";
                try{
                    length=data.drList.length;
                }catch(Error){}
                if(data!=''&&length>0){
                    $.manipulateDisplayContent(data);
                }
            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
    });
    
    /* ============== list content by campaign page by X ================ */
    $.searchContentCampaignPage = (function(idPlace,pageId,container,excludeList,pageIndex) {
        
        //  alert('searchContentCampaignPage');
         
        //  alert('pageIndex'+pageIndex);
        var datas =({
            mode: "LIST_CONTAINER_CAMPAIGN_PAGE_MAP",
            container: container,
            idPlace: idPlace,
            pageId : pageId,
            excludeList :excludeList,
            pageIndex : pageIndex
        });
        
       
       
        var url ='./GenerateListCampaign';
        
        //moreURL='$.searchContentCampaignPage(\''+idPlace+'\','+pageId+','+container+',#pageIndex#)';
        //        var url ='/GenerateListCampaign';
        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            beforeSend:function(){
            },
            success: function (data) {
                var length="";
                try{
                    length=data.drList.length;
                }catch(Error){}
                if(data!=''&&length>0){
                    $.manipulateDisplayContent(data);
                }
            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
    });
    
    /* ============== list content by campaign page by X ================ */

    $.searchContent = (function(idPlace,pageId,container,excludeList,pageIndex){
        var datas =({
            mode: "LIST_CONTENT_CONTAINER_MAP",
            pageId: pageId,
            container: container,
            idPlace: idPlace,
            excludeList :excludeList,
            pageIndex : pageIndex
        });
            
        //    alert('searchContent');
        var url ='./GenerateListContent';
        //var url =contextPath+'/GenerateListContent';
        
        //moreURL='$.searchContent(\''+idPlace+'\','+pageId+','+container+',\''+excludeList+'\',#pageIndex#)';
       
        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            beforeSend:function(){
                
            },
            success: function (data) {
                var length="";
                try{
                    length=data.drList.length;
                }catch(Error){}
                if(data!=''&&length>0){                    
                    $.manipulateDisplayContent(data)
                }
            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
    });
    
    $.manipulateDisplayContent = (function(data) {
        
        //   alert('manipulateDisplayContent');
        var dataSet = data.drList;
                
        var row="";
        var count = 0;
        var MAX_COLUMN = data.drParam.maxCols;
        var widthColumn = 100/MAX_COLUMN;
                
        var displayType = data.drParam.displayType;
        var hasChangePage = data.drParam.hasChangePage;
        var idPlace = data.drParam.idPlace;
        var oddBgColor = data.drParam.oddBgColor;
        var evenBgColor = data.drParam.evenBgColor;
        var hasTableHeader = data.drParam.hasTableHeader;
        var hasYoutube = data.drParam.hasYoutube;
        var container = data.drParam.container;
        
        
        var previewWidth = 0;
        try{
            previewWidth = data.drParam.preview_width;
        }catch(Error){}
        var previewHeight =0;
        try{
            previewHeight = data.drParam.preview_height;
        }catch(Error){}
        
                
        if(oddBgColor==""){
            oddBgColor ="#FFFFFF"
        }
        if(evenBgColor==""){
            evenBgColor ="#FFFFFF"
        }       
        
        var countRow=1;
        var backgroundColor='';
        
        var paramJson =$.getQueryStringToJSON();
        var frmAdvertiseId = paramJson.frmAdvertiseId;
        var advertiseId = "<font color =\"red\">"+frmAdvertiseId+"</font>";
       
        if(displayType == 1){
            for(var i = 0; i < dataSet.length; i++) {
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}
                
                var imagePreview = dataSet[i].img_preview;
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                
                row +=   
                '<td style="width: '+widthColumn+'%">'+
                '<table style="width: 100%;border-spacing: 0px 0px;border-width: 0px;"><tr>'+
                '<td style="text-align: center" >'+imagePreview+'</td>'+
                '</tr>'+
                '<tr>'+
                '<td style="text-align: center"><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsTheme">โหลด</span></td>'+
                '</tr></table>'+
                '</td>';
            
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
        }else if(displayType == 2){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var imagePreview = dataSet[i].img_preview;
                
                //                if(!$.isExistImage(imagePreview)){
                //                    imagePreview ="./images/music-default.gif";
                //                }
                
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                    
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table style="border-width: 0px;"><tr>'+
                '<td style="text-align: left;" rowspan="3">'+imagePreview+'</td>'+
                '<td style="text-align: left;" class="headerDsMusic" >'+dataSet[i].name+'</td>'+
                '</tr>'+
                '<tr>'+
                '<td style="text-align: left;" class="detailDsMusic" >'+dataSet[i].artist+'</td>'+
                '</tr>'+
                '<tr >'+
                '<td style="text-align: left"   >'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                '</tr></table>'+
                        
                '</td>';
            
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
        }
        else if(displayType == 21){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var imagePreview = dataSet[i].img_preview;
                
                //                if(!$.isExistImage(imagePreview)){
                //                    imagePreview ="./images/music-default.gif";
                //                }
                
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                    
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                           
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table style="border-width: 0px;"><tr>'+
                '<td style="text-align: left; height: 10px; vertical-align:middle; " rowspan="3">'+imagePreview+'</td>'+
                '<td style="text-align: left; height: 10px; vertical-align:middle; " class="headerDsMusic3forfun" >'+dataSet[i].name+'</td>'+
                '</tr>'+
                '<tr>'+
                '<td style="text-align: left; height: 10px; vertical-align:middle; " class="detailDsMusic3forfun" >'+dataSet[i].description+'</td>'+
                '</tr>'+
                '<tr >'+
                '<td style="text-align: left; height: 10px; vertical-align:middle; ">'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                '</tr></table>'+
                        
                '</td>';
            
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
        }
        else if(displayType == 3){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
                
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                var columnWidth="10";
                if(hasYoutube==1){
                    columnWidth ="5";
                }
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table style="width: 100%;"  ><tr>'+
                '<td style="text-align: left;width:1%;" >'+tmpSoundAction+'</td>'+
                '<td style="text-align: left;width:50%" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                '<td style="text-align: left;width:45%" class="detailDsMusic" >'+dataSet[i].artist+'</td>'+
                '<td style="text-align: left;width:'+columnWidth+'%" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                if(hasYoutube==1 ){
                    if(dataSet[i].youtube_url!='undefined'&& dataSet[i].youtube_url!=''){
                        row+='<td style="text-align: left;width:'+columnWidth+'%" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                    }else{
                        row+='<td style="text-align: left;width:'+columnWidth+'%" >&nbsp;</td>';
                    }
                }
                row+='</tr></table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;" >';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:50%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:37%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }
        else if(displayType == 31){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
                
               
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                var columnWidth="10";
                if(hasYoutube==1){
                    columnWidth ="5";
                }
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table style="width: 100%;"  ><tr>'+
                '<td style="text-align: left;width:1%;" >'+tmpSoundAction+'</td>'+
                '<td style="text-align: left;width:50%" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                '<td style="text-align: left;width:45%" class="detailDsMusic" >'+dataSet[i].description+'</td>'+
                '<td style="text-align: left;width:'+columnWidth+'%" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                if(hasYoutube==1 ){
                    if(dataSet[i].youtube_url!='undefined'&& dataSet[i].youtube_url!=''){
                        row+='<td style="text-align: left;width:'+columnWidth+'%" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                    }else{
                        row+='<td style="text-align: left;width:'+columnWidth+'%" >&nbsp;</td>';
                    }
                }
                row+='</tr></table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;" >';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:50%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:37%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }
        else if(displayType == 32){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
                
               
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                var columnWidth="10";
                if(hasYoutube==1){
                    columnWidth ="5";
                }
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table class=\"treeforfun1\" style="width: 100%; "  ><tr>'+
                '<td style="text-align: left; vertical-align:top; width:1%" >'+tmpSoundAction+'</td>'+
                '<td style="text-align: left; width:50%" class="detailDsMusic" >&nbsp;&nbsp;'+dataSet[i].name+'</td>'+
                '<td style="text-align: left; width:45%" class="detailDsMusic" >'+dataSet[i].description+'</td>'+
                '<td style="text-align: left; vertical-align:top; width:'+columnWidth+'%" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                if(hasYoutube==1 ){
                    if(dataSet[i].youtube_url!='undefined'&& dataSet[i].youtube_url!=''){
                        row+='<td style="text-align: left;width:'+columnWidth+'%; vertical-align:middle;" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                    }else{
                        row+='<td style="text-align: left;width:'+columnWidth+'%; vertical-align:middle;" >&nbsp;</td>';
                    }
                }
                row+='</tr></table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;" >';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:50%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:37%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }
        else if(displayType == 4){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var imagePreview = dataSet[i].img_preview;
                
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                    
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                row +=   
                '<td style="width: '+widthColumn+'%">'+
                        
                '<table><tr>'+
                '<td style="text-align: center" >'+
                '<table style="width: 100%;border-spacing: 0px 0px;border-width: 0px;"><tr>'+
                '<td style="text-align: center" class="ivrGraphic">'+imagePreview+'</td>' +
                '</tr>'+
                '<tr  >'+
                '<td style="text-align: center;" class="ivrGraphic">'+ivrNumber+''+advertiseId+'</td>'+
                '</tr></table>'+
                '</td>' +
                '</tr>'+
                '</table>'+
                        
                '</td>';
            
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
            
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
              
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
        } else if(displayType == 5){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var imagePreview = dataSet[i].img_preview;
                
                //                if(!$.isExistImage(imagePreview)){
                //                    imagePreview ="./images/music-default.gif";
                //                }
                
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                    
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
               
                row +=   
                '<td style="vertical-align: top; width: '+widthColumn+'%;">'+
                '<table style="width:100%; "><tr>'+
                '<td style="vertical-align: top;text-align: center;width:35%; vertical-align: top;" rowspan="4">'+imagePreview+'<br><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด<br/></span><br/></td>'+
                '<td style="vertical-align: top;text-align: left; width:65%;vertical-align: top;" class="nameGame" >•&nbsp;'+dataSet[i].name+'<br><span class="ivrGame" >รหัส :&nbsp;'+ivrNumber+''+advertiseId+'</span><br><span style="text-align: left" vertical-align: top; class="descriptionGame">'+dataSet[i].artist+'</span></td>'+               
                '</tr>'+
                '</table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
            
        }else if(displayType == 6){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
                
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
                
                var columnWidth="10";
                if(hasYoutube==1){
                    columnWidth ="10";
                }
                row +=   
                '<td style="width: '+widthColumn+'%;">'+
                        
                '<table style="width: 100%;" ><tr>'+
                '<td style="text-align: left;width:1%;" >'+tmpSoundAction+'</td>'+
                '<td style="text-align: left;width:30%" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                '<td class="detailDsMusic" style="vertical-align: top;" >'+dataSet[i].description+'</td>'+
                // '<td style="text-align: left;width:25%" class="detailDsMusic" >'+dataSet[i].artist+'</td>'+
                '<td style="text-align: left;width:'+columnWidth+'%" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                '<td style="text-align: left;width:'+columnWidth+'%" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\'999\')" class="downloadDsMusic">โหลด</span></td>';
                if(hasYoutube==1 ){
                    if(dataSet[i].youtube_url!='undefined'&& dataSet[i].youtube_url!=''){
                        row+='<td style="text-align: left;width:'+columnWidth+'%" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                    }else{
                //                        row+='<td style="text-align: left;width:'+columnWidth+'%" >&nbsp;</td>';
                }
                }
                row+='</tr></table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;" >';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:40%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:30%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:15%" class="headerDsMusic" >Download</th>';
                tmp += '<th '+colspan+' style="text-align: left;width:15%" class="headerDsMusic" >เสียงรอสาย</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }else if(displayType == 66){
            for(var i = 0; i < dataSet.length; i++) {
            
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}

                var imagePreview = dataSet[i].img_preview;
                
                //                if(!$.isExistImage(imagePreview)){
                //                    imagePreview ="./images/music-default.gif";
                //                }
                
                if(imagePreview !=""){
                    imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                }else{
                    imagePreview ="<font color =\"red\">no image</font>";
                }
                    
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                
                backgroundColor='style="background-color: '+oddBgColor+'";';
                if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                }   
                    
                if(count%MAX_COLUMN==0){
                    row +=   '<tr  '+backgroundColor+' >' ;
                    countRow++;
                }
               
                row +=   
                '<td style="vertical-align: top; width: '+widthColumn+'%;">'+
                '<table style="width:100%; "><tr>'+
                '<td style="width:35%;text-align: center; vertical-align: top;" rowspan="4">'+imagePreview+'<br><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span>'+
                '</tr>'+
                '</table>'+
                '<table style="width:100%; "><tr>'+
                '<td style="width:35%;text-align: left; vertical-align: top;" rowspan="4"><span class="nameGame" >&nbsp;&nbsp;&nbsp;•&nbsp;'+dataSet[i].name+'</span><br>&nbsp;&nbsp;&nbsp;<span style="text-align: left" class="ivrGame" >รหัส :&nbsp;'+ivrNumber+''+advertiseId+'</span><br>&nbsp;&nbsp;&nbsp;<span style="text-align: left" vertical-align: top; class="descriptionGame">-----------------------<br/>&nbsp;&nbsp;&nbsp;'+dataSet[i].artist+'</span></td>'+         
                '</tr>'+
                '</table>'+
                '</td>';
            
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
                
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
                
              
            var  tmp = '<table class="tableResult">';
            tmp +=row;
            tmp +='</table>';
            
        }else if(displayType == 7){
                
                
            for(var i = 0; i < dataSet.length; i++) {
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}
                
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                if(i<6){
                    var imagePreview = dataSet[i].img_preview;
                
                    //                    if(!$.isExistImage(imagePreview)){
                    //                        imagePreview ="./images/music-default.gif";
                    //                    }
                    if(imagePreview !=""){
                        imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                    }else{
                        imagePreview ="<font color =\"red\">no image</font>";
                    }
                    
                    MAX_COLUMN = 3;
                    //                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    //                    if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                    //                    }   
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    var colspan = data.drParam.maxCols;
                    row +='<td style="width: 33.333%;" colspan="'+colspan+'">'+
                    '<table style="text-align: left; "><tr>'+
                    '<td  rowspan="3">'+imagePreview+'</td>'+
                    '<td class="headerDsMusic" style="vertical-align: top;" >'+dataSet[i].name+'</td>'+
                    '</tr>'+
                    '<tr>'+
                    '<td class="detailDsMusic" style="vertical-align: top;" >'+dataSet[i].artist+'</td>'+
                    '</tr>'+
                    '<tr >'+
                    '<td style="vertical-align: top;">'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                    '</tr></table>'+
                        
                    '</td>';
                }else{
                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    if(countRow%2==0){
                        backgroundColor='style="background-color: '+evenBgColor+'";';
                    }   
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    
                    MAX_COLUMN = data.drParam.maxCols;
                    var columnWidth="10";
                
                    if(hasYoutube==1){
                        columnWidth ="5";
                    }
                    row +=   
                    '<td colspan="3" style="width: '+widthColumn+'%;">'+
                    '<table style="width: 100%;"><tr>'+
                    '<td style="text-align: left;width:1%;vertical-align: top; " >'+tmpSoundAction+'</td>'+
                    '<td style="text-align: left;width:47%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                    '<td style="text-align: left;width:38%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].artist+'</td>'+
                    '<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                    if(hasYoutube==1 ){
                        if(dataSet[i].youtube_url!='undefined'&&dataSet[i].youtube_url!=''){
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                        }else{
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" >&nbsp;</td>';
                        }
                    }
                    row+='</tr></table>'+
                '</td>';
                }
                
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==3     && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;">';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:56%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:30%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        } else if(displayType == 8){
                
                
            for(var i = 0; i < dataSet.length; i++) {
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
                
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}
                
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                if(i<4){
                    var imagePreview = dataSet[i].img_preview;
                
                    //                    if(!$.isExistImage(imagePreview)){
                    //                        imagePreview ="./images/music-default.gif";
                    //                    }
                    if(imagePreview !=""){
                        imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\"" +imagePreview+"\"   />";
                    }else{
                        imagePreview ="<font color =\"red\">no image</font>";
                    }
                    var oddBgColor1 ='#D6F9FC';
                    MAX_COLUMN = 2;
                    //                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    //                    if(countRow%2==0){
                    backgroundColor='style="background-color: '+oddBgColor1+'";';
                    //                    }   
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                   
                    var colspan = data.drParam.maxCols;
                    row +='<td style="width: 50%;" colspan="'+colspan+'">'+
                    '<table style="text-align: left; background-color: '+oddBgColor1+'";"><tr>'+
                    '<td  rowspan="3">'+imagePreview+'</td>'+
                    '<td class="headerDsMusic3forfun" style="vertical-align: top;" >'+dataSet[i].name+'</td>'+
                    '</tr>'+
                    '<tr>'+
                    '<td class="detailDsMusic3forfun" style="vertical-align: top;" >'+dataSet[i].artist+'</td>'+
                    '</tr>'+
                    '<tr >'+
                    '<td style="vertical-align: top;">'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic3forfun">โหลด</span></td>'+
                    '</tr></table>'+
                        
                    '</td>';    
                }else{          
                    MAX_COLUMN = data.drParam.maxCols;
                    var columnWidth="10";
                
                     
    
                    row +='<table class=\"treeforfun1\"  style="width:98%; "><tr>'+
                    
                    '<td style="text-align: left; height: 15px; width:5%;vertical-align: top; " >'+tmpSoundAction+'</td>'+
                    '<td style="text-align: left; height: 15px;width:50%;vertical-align: top;" class="detailDsMusic3forfun" >'+dataSet[i].name+'</td>'+
                    '<td style="text-align: left; height: 15px;width:38%;vertical-align: top;" class="detailDsMusic3forfun" >'+dataSet[i].artist+'</td>'+
                    '<td style="text-align: left; height: 15px;width:'+columnWidth+'%;vertical-align: top;" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic3forfun">โหลด</span></td>'+
                    '</tr>';
                
                    
                    '</table>';
                                                                            
                }
                
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    
                    row +=  '</tr>';
                }
                 
                
                count++;
            }
            //            if(dataSet.length%MAX_COLUMN!=0){
            //                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
            //                    row+="<td >&nbsp;</td>";
            //                }
            //                row+="</tr>";
            //            }
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;">';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:56%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:30%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }else if(displayType == 100){
                
                
            for(var i = 0; i < dataSet.length; i++) {
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}
                
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                if(i<4){
                    var imagePreview = dataSet[i].img_preview;
                
                    //                    if(!$.isExistImage(imagePreview)){
                    //                        imagePreview ="./images/music-default.gif";
                    //                    }
                    if(imagePreview !=""){
                        imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                    }else{
                        imagePreview ="<font color =\"red\">no image</font>";
                    }
                    
                    MAX_COLUMN = 2;
                    //                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    //                    if(countRow%2==0){
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                    //                    }   
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    var colspan = data.drParam.maxCols;
                    row +='<td style="width: 50%;" colspan="'+colspan+'">'+
                    '<table style="text-align: left;"><tr>'+
                    '<td  rowspan="3">'+imagePreview+'</td>'+
                    '<td class="headerDsMusic" style="vertical-align: top;" >'+dataSet[i].name+'</td>'+
                    '</tr>'+
                    '<tr>'+
                    '<td class="detailDsMusic" style="vertical-align: top;" >'+dataSet[i].artist+'</td>'+
                    '</tr>'+
                    '<tr >'+
                    '<td style="vertical-align: top;">'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                    '</tr></table>'+
                        
                    '</td>';
                }else{
                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    if(countRow%2==0){
                        backgroundColor='style="background-color: '+evenBgColor+'";';
                    }   
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    
                    MAX_COLUMN = data.drParam.maxCols;
                    var columnWidth="10";
                
                    if(hasYoutube==1){
                        columnWidth ="5";
                    }
                    row +=   
                    '<td colspan="2" style="width: '+widthColumn+'%;">'+
                    '<table style="width: 100%;"><tr>'+
                    '<td style="text-align: left;width:1%;vertical-align: top; " >'+tmpSoundAction+'</td>'+
                    '<td style="text-align: left;width:47%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                    '<td style="text-align: left;width:38%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].artist+'</td>'+
                    '<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                    if(hasYoutube==1 ){
                        if(dataSet[i].youtube_url!='undefined'&&dataSet[i].youtube_url!=''){
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                        }else{
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" >&nbsp;</td>';
                        }
                    }
                    row+='</tr></table>'+
                '</td>';
                }
                
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;">';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:56%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:30%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }else if(displayType == 1001){
                
                
            for(var i = 0; i < dataSet.length; i++) {
                var ivrNumber = dataSet[i].services[0].ivr_number;
                var contentDesId =dataSet[i].content_des_id;
            
                var sizeService= dataSet[i].services.length;
                var typeId=new Array();
            
                var tmpSize="";
                if((previewWidth+previewHeight)>0){
                    tmpSize= "width: "+previewWidth+"px; height: "+previewHeight+"px;";
                }else{
                    tmpSize = $.getImageSize(dataSet[i].services[0].ctype);
                }
                
                try{
                    for(var j = 0; j < dataSet[i].services.length; j++) {
                        typeId.push(dataSet[i].services[j].ctype);
                    }
                }catch(Error){}
                
                var tmpSoundAction = musicIcon.replace("#contentId#", contentDesId);
                
                if(i<4){
                    var imagePreview = dataSet[i].img_preview;
                    if(imagePreview !=""){
                        imagePreview = "<img class=\"imageRows\" style=\"cursor:pointer; "+tmpSize+"\" onclick=\"$.downloadContentDes('"+contentDesId+"','"+container+"','"+typeId+"')\"  src=\""+imagePreview+"\"   />";
                    }else{
                        imagePreview ="<font color =\"red\">no image</font>";
                    }
                    
                    MAX_COLUMN = 2;
                    backgroundColor='style="background-color: '+evenBgColor+'";';
                    
                    if(count%MAX_COLUMN==0){
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    var colspan = data.drParam.maxCols;
                    row +='<td style="width: 50%;" colspan="'+colspan+'">'+
                    '<table style="text-align: left;"><tr>'+
                    '<td  rowspan="3">'+imagePreview+'</td>'+
                    '<td class="headerDsMusic" style="vertical-align: top;" >'+dataSet[i].name+'</td>'+
                    '</tr>'+
                    '<tr>'+
                    '<td class="detailDsMusic" style="vertical-align: top;" >'+dataSet[i].description+'</td>'+
                    '</tr>'+
                    '<tr >'+
                    '<td style="vertical-align: top;">'+tmpSoundAction+'<span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>'+
                    '</tr></table>'+
                        
                    '</td>';
                }else{
                    backgroundColor='style="background-color: '+oddBgColor+'";';
                    if(countRow%2==0){
                        backgroundColor='style="background-color: '+evenBgColor+'";';
                    }   
                   
                    if(count%MAX_COLUMN==0){
                        
                        row +=   '<tr  '+backgroundColor+' >' ;
                        countRow++;
                    }
                    
                    
                    MAX_COLUMN = data.drParam.maxCols;
                    var columnWidth="10";
                
                    if(hasYoutube==1){
                        columnWidth ="5";
                    }
                    
                    row +=   
                    '<td colspan="2" style="width: '+widthColumn+'%;">'+
                    '<table style="width: 100%;"><tr>'+
                    '<td style="text-align: left;width:1%;vertical-align: top; " >'+tmpSoundAction+'</td>'+
                    '<td style="text-align: left;width:43%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].name+'</td>'+
                    '<td style="text-align: left;width:42%;vertical-align: top;" class="detailDsMusic" >'+dataSet[i].description+'</td>'+
                    '<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><span onclick="$.downloadContentDes(\''+contentDesId+'\',\''+container+'\',\''+typeId+'\')" class="downloadDsMusic">โหลด</span></td>';
                    if(hasYoutube==1 ){
                        if(dataSet[i].youtube_url!='undefined'&&dataSet[i].youtube_url!=''){
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" ><a href="'+dataSet[i].youtube_url+'">'+youtubeIcon+'</a></td>';
                        }else{
                            row+='<td style="text-align: left;width:'+columnWidth+'%;vertical-align: top;" >&nbsp;</td>';
                        }
                    }
                    row+='</tr></table>'+
                '</td>';
                }
                
                if(count%MAX_COLUMN== MAX_COLUMN-1){
                    row +=  '</tr>';
                }
                count++;
            }
            if(dataSet.length%MAX_COLUMN!=0){
                for (var i = 0; i < MAX_COLUMN - (dataSet.length%MAX_COLUMN); i++) {
                    row+="<td >&nbsp;</td>";
                }
                row+="</tr>";
            }
              
            var  tmp = '<table class="tableResult">';
            if(MAX_COLUMN==1 && hasTableHeader==1){
                tmp +=   '<tr>' ;
                tmp +=  '<td style="width: 100%;">';
                        
                tmp += '<table style="width: 100%;" ><tr>';
                tmp += '<th colspan="2" style="text-align: left;width:56%;" class="headerDsMusic" >Song</th>';
                tmp += '<th style="text-align: left;width:30%" class="headerDsMusic" >Artist / Album</th>';
            
                var colspan='';
                if(hasYoutube==1){
                    colspan='colspan="2" ';
                }
            
                tmp += '<th '+colspan+' style="text-align: left;width:10%" class="headerDsMusic" >Download</th></tr></table>';
            
                tmp +=   '</td>' ;
                tmp +=   '</tr>' ;
            }
            tmp +=row;
            tmp +='</table>';
        }
          
        $('#'+idPlace).html(tmp);
        
        //paging
        if(hasChangePage == 1){
            $.manipulatePage(data);
        }
    })
    
    
    $.manipulatePage = (function(data) {
        
        var PAGE_NUMBER_LIMIT = 5;
        var result="";
        var idPlace = data.drParam.idPlace;
        var container = data.drParam.container;
        var excludeList = data.drParam.excludeList;
        var page = data.drParam.page;
        var pageIndex = data.pageIndex;
        var totalPage = data.totalPage;
                
        var pageId = 0;
        try{
            pageId = data.drParam.pageId;
        }catch(Error){}    
        // alert('page----'+page);
                
        var moreURL='$.searchContent(\''+idPlace+'\','+pageId+','+container+',\''+excludeList+'\',#pageIndex#)';
        
        if(page == 'campaign'){
            moreURL='$.searchContentCampaignPage(\''+idPlace+'\','+pageId+','+container+',\''+excludeList+'\',#pageIndex#)';
        }
        
        
        
        //        if(moreURL == null || moreURL == "" || moreURL =="null"){
        //            moreURL='$.searchContent(\''+idPlace+'\','+pageId+','+container+',\''+excludeList+'\',#pageIndex#)';
        //        }
                
        if (totalPage > 1) {
            //pagging section
            result+='<p class="pagging" style="text-align:right">';
            var firstPageBox = 0;
            var totalPageBox = 0;
            if (pageIndex > PAGE_NUMBER_LIMIT) {
                if (pageIndex % PAGE_NUMBER_LIMIT == 0) {
                    firstPageBox = ( Math.floor((pageIndex - 1) / PAGE_NUMBER_LIMIT) * PAGE_NUMBER_LIMIT) + 1;
                } else {
                    firstPageBox = ( Math.floor(pageIndex / PAGE_NUMBER_LIMIT) * PAGE_NUMBER_LIMIT) + 1;
                }
            } else {
                firstPageBox = 1;
            }
                    
            totalPageBox = firstPageBox + (PAGE_NUMBER_LIMIT - 1);
            if (totalPageBox >= totalPage) {
                totalPageBox = totalPage;
            } 
            if (pageIndex > 1) {
                tmp =moreURL.replace("#pageIndex#", pageIndex-1);
                result+='<a onclick="' + tmp + '" class="anotherPage">'+previosPage+'</a>&nbsp;';
            } else {
                result+=previosPage+'&nbsp;';
            }
                    
            for ( var i = firstPageBox; i <= totalPageBox; i++) {
                if (i == pageIndex) {
                    result+='<span class="currentPage">' + i + '</span>&nbsp;';
                } else {
                    var tmp =moreURL.replace("#pageIndex#", i);
                    result+='<a onclick="' + tmp+ '" class="anotherPage">' + i + '</a>&nbsp;';
                }
            }
            if (pageIndex < totalPage) {
                var tmp =moreURL.replace("#pageIndex#", pageIndex+1);
                result+='<a onclick="' + tmp + '" class="anotherPage" >'+nextPage+'</a>&nbsp;';
            } else {
                result+=nextPage;
            }
            result+='</p>';
        }
        $('#'+idPlace).append(result);
        
       
    });
    
    /*====== manage image size ======*/
    $.getImageSize = (function(typeId){
        var tmpResult="";
        var width=80;
        var height=80;
                    
        if(listImageSize=='' ||listImageSize.length<=0){
            listImageSize=  $.listImageSize();
        }
        try{
            var dataSet = listImageSize;
            $.each(listImageSize, function(i, object) {
                  
                var id = dataSet[i].id;
                if(typeId==id){
                    width = dataSet[i].width;
                    height = dataSet[i].height;
                }
            });
        }catch(Error){}
        tmpResult= "width: "+width+"px; height: "+height+"px;";
          
        return tmpResult;
    });
    
    $.listImageSize = (function(){
        var listImageSize;
        
        var url ="./json/imageSize.json";
        // var url =contextPath+'/json/imageSize.json';
        
        //var url ="./json/imageSize.json";
        //var url ="/json/imageSize.json";
           
        $.ajax({
            cache: false,
            url: url,
            dataType: 'json',
            async: false, 
            beforeSend:function(){
            },
            success: function (data) {
                try{
                    listImageSize = data.contentSizeIMG;
                }catch(Error){}

            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
        return listImageSize;
    });
    
    $.getContentDes =(function(contentDesId,containerId,typeId,frmAdvertiseId,idPlace,idPlaceIvr,idPlaceOTP) {
        
        var datas =({
            mode: "GET_CONTENT",
            container: containerId,
            typeId: typeId,
            contentDesId :contentDesId
        });
            
        var url ='./GenerateListContent';
        //var url ='/GenerateListContent';

        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            beforeSend:function(){
            },
            success: function (data) {
                var length="";
                try{
                    length=data.drList.length;
                }catch(Error){}
                if(data!=''&&length>0){
                    $.manipulateDisplayContentDes(idPlace,idPlaceIvr,data,frmAdvertiseId,idPlaceOTP)
                }
            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
    });
    
    
    $.manipulateDisplayContentDes = (function(idPlace,idPlaceIvr,data,frmAdvertiseId,idPlaceOTP) {
        var dataSet = data.drList;
        var row="";
        //        var container = data.drParam.container;
        for(var i = 0; i < dataSet.length; i++) {
            
            var price = 0;
            try{
                price = dataSet[i].services[0].price;
            }catch(Error){}
            //            var ivrNumber = dataSet[i].services[0].ivr_number;
            
            var contentDesId =dataSet[i].content_des_id;
            var imagePreview = dataSet[i].img_preview;
            var typeId = dataSet[i].services[0].ctype;
            var tmpSize = $.getImageSize(typeId);
            
            //            if(!$.isExistImage(imagePreview)){
            //                imagePreview ="./images/music-default.gif";
            //            }
            
            if(imagePreview !=""){
                // imagePreview = "<img style=\"cursor:pointer; "+tmpSize+"\" src=\""+imagePreview+"\"   />";
                imagePreview = "<img style=\"cursor:pointer; "+tmpSize+"\" src=\""+imagePreview+"\"  />";
               
            }else{
                imagePreview ="<font color =\"red\">no image</font>";
            }
            row +=   '<tr>' ;
            
            
            var sizeService= dataSet[i].services.length;
                  
            row +=   
            '<td >'+
                        
            '<table style="width:100%" class="downloadContent"><tr>'+
            '<td style="width:213px;"><table style="width:75%; margin: 0 auto; vertical-align: middle;"><tr><td style="margin: 0 auto; vertical-align: bottom;">'+imagePreview+'</td></tr></table></td>';
            if(dataSet[i].services[0].ctype == '34' ||dataSet[i].services[0].ctype == '35' ||dataSet[i].services[0].ctype == '43' ||dataSet[i].services[0].ctype == '13'   ){
                var tmpSoundAction = musicIcon;
                tmpSoundAction = tmpSoundAction.replace("#contentId#", contentDesId);
                row += '<td style="vertical-align: middle;">';
                row += '<table></tr>';
                row += '<td class="textRedTypeName" colspan="3" style="line-height: 2.5em;">'+dataSet[i].services[0].ctype_name+'</td>';
                row += '</tr>'+
                '<tr>';
                row += '<td class="headDownloadContent" style="width:45px;">เพลง</td>';
                row += '<td style="width:1px;">:</td>';
                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
                row += '</tr>'+
                '<tr>'+
                '<td class="headDownloadContent" style="width:45px;">ศิลปิน</td>'+
                '<td style="width:1px;">:</td>'+
                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
                '</tr>';
                row+=    '<tr rowspan="2">'+
                '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
                '<td style="width:1px;" >:</td>'+
                '<td class="detailDownloadContent" >'+price+' บาท</td>'+
                '</tr>'+
                '</table>'+
                '</td>';
            }else if(dataSet[i].services[0].ctype == '81' || dataSet[i].services[0].ctype == '73' || dataSet[i].services[0].ctype == '67' || dataSet[i].services[0].ctype == '44' || dataSet[i].services[0].ctype == '46' || dataSet[i].services[0].ctype == '76' || dataSet[i].services[0].ctype == '89' || dataSet[i].services[0].ctype == '87' ){
                row += '<td style="vertical-align: middle;">';
                row += '<table></tr>';
                row += '<td class="textRedTypeName" colspan="3" style="line-height: 2.5em;">'+dataSet[i].services[0].ctype_name+'</td>';
                row += '</tr>'+
                '<tr>';
                row += '<td class="headDownloadContent" style="width:45px;">ชื่อธีม</td>';
                row += '<td style="width:1px;">:</td>';
                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
                row += '</tr>'+
                '<tr>'+
                '<td class="headDownloadContent" style="width:45px;">การ์ตูน</td>'+
                '<td style="width:1px;">:</td>'+
                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
                '</tr>';
                row+=    '<tr rowspan="2">'+
                '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
                '<td style="width:1px;" >:</td>'+
                '<td class="detailDownloadContent" >'+price+' บาท</td>'+
                '</tr>'+
                '</table>'+
                '</td>';
            }else if(dataSet[i].services[0].ctype == '82' || dataSet[i].services[0].ctype == '78' || dataSet[i].services[0].ctype == '84'){
                row += '<td style="vertical-align: middle;">';
                row += '<table></tr>';
                row += '<td class="textRedTypeName" colspan="3" style="line-height: 2.5em;">'+dataSet[i].services[0].ctype_name+'</td>';
                row += '</tr>'+
                '<tr>';
                row += '<td class="headDownloadContent" style="width:55px;">ชื่อเกมส์</td>';
                row += '<td style="width:1px;">:</td>';
                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
                row += '</tr>'+
                '<tr>'+
                '<td class="headDownloadContent" style="width:45px;">ค่าย</td>'+
                '<td style="width:1px;">:</td>'+
                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
                '</tr>';
                row+=    '<tr rowspan="2">'+
                '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
                '<td style="width:1px;" >:</td>'+
                '<td class="detailDownloadContent" >'+price+' บาท</td>'+
                '</tr>'+
                '</table>'+
                '</td>';
                
            }else if(dataSet[i].services[0].ctype == '83' || dataSet[i].services[0].ctype == '57' ){
                 row += '<td style="vertical-align: middle;">';
                row += '<table></tr>';
                row += '<td class="textRedTypeName" colspan="3" style="line-height: 2.5em;">'+dataSet[i].services[0].ctype_name+'</td>';
                row += '</tr>'+
                '<tr>';
                row += '<td class="headDownloadContent" style="width:45px;">ชื่อ</td>';
                row += '<td style="width:1px;">:</td>';
                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
                row += '</tr>'+
                '<tr>'+
                '<td class="headDownloadContent" style="width:45px;">ค่าย</td>'+
                '<td style="width:1px;">:</td>'+
                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
                '</tr>';
                row+=    '<tr rowspan="2">'+
                '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
                '<td style="width:1px;" >:</td>'+
                '<td class="detailDownloadContent" >'+price+' บาท</td>'+
                '</tr>'+
                '</table>'+
                '</td>';
            }  
            //            row+=    '<tr rowspan="2">'+
            //            '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
            //            '<td style="width:1px;" >:</td>'+
            //            '<td class="detailDownloadContent" >'+price+' บาท</td>'+
            //            '</tr>'; 
        

            if(sizeService <=1){
                $('#'+idPlaceIvr).append('1. เลือกกดดาวน์โหลด <br/>');
                $('#'+idPlaceIvr).append('<p>&nbsp;&nbsp;&nbsp;กด&nbsp;'+prefixIvr+dataSet[i].services[0].ivr_number+'<span class="textdownloadDetail_Hilight">'+frmAdvertiseId+'</span>&nbsp;<span class="callOutLogo" ></span></p>');
                $('#'+idPlaceOTP).append('<p><span style="color:#FFF200;">&nbsp;&nbsp;&nbsp;'+dataSet[0].services[0].ctype_name+'</span>&nbsp;ราคา '+price+' บาท&nbsp;<span style="cursor: pointer;" onclick="$.checkKookieOTP('+dataSet[0].services[0].ctid+','+price+')"><span class="iconDownload"></span></span></p>');
            }else{
                for(var j = 0; j < dataSet[i].services.length; j++) {
                    //                    row+=    '<tr>'+
                    //                    '<td style="text-align: left;" class="detailDsMusic" >ราคา : '+dataSet[i].services[j].price+' บาท</td>'+
                    //                    '</tr>';
                    if(j==0){   
                        $('#'+idPlaceIvr).append('<p>1. เลือกกดดาวน์โหลด </p>');
                        $('#'+idPlaceIvr).append('<p>&nbsp;&nbsp;<b><span class="textdownloadDetail_Hilight">'+dataSet[i].services[j].ctype_name+'</span></b>&nbsp;กด&nbsp;'+prefixIvr+dataSet[i].services[j].ivr_number+'<span class="textdownloadDetail_Hilight">'+frmAdvertiseId+'</span>&nbsp;<span class="callOutLogo" ></span></p>');
                        $('#'+idPlaceOTP).append('<p >&nbsp;&nbsp;<span class="textdownloadDetail_Hilight">'+dataSet[i].services[j].ctype_name+'</span>&nbsp;ราคา '+price+' บาท&nbsp;<span style="cursor: pointer;" onclick="$.checkKookieOTP('+dataSet[0].services[0].ctid+','+price+')"><span class="iconDownload"></span></span></p>');
                    }else{
                        $('#'+idPlaceIvr).append('<p>&nbsp;&nbsp;&nbsp;<b><span class="textdownloadDetail_Hilight">'+dataSet[i].services[j].ctype_name+'</span>&nbsp;กด&nbsp;</b>'+prefixIvr+dataSet[i].services[j].ivr_number+'<span class="textdownloadDetail_Hilight">'+frmAdvertiseId+'</span>&nbsp;<span class="callOutLogo" ></span></p>');
                        $('#'+idPlaceOTP).append('<p >&nbsp;&nbsp;<span class="textdownloadDetail_Hilight">'+dataSet[i].services[j].ctype_name+'</span>&nbsp;ราคา '+price+' บาท&nbsp;<span style="cursor: pointer;" onclick="$.checkKookieOTP('+dataSet[0].services[0].ctid+','+price+')"><span class="iconDownload"></span></span></p>');
                    }
                }
            }
            
            row+=     '</table>'+
            '</td>';
            row +=   '</tr>' ;
        }
              
        var  tmp = '<table  class="tableResult1" style="width:100%" >';
        tmp +=row;
        tmp +='</table>';
        $('#'+idPlace).html(tmp);
    });


    $.isExistImage = (function(urlImage){
        var url ="./CheckExistImage";
        //var url ="/CheckExistImage";
        var result=false;
        var datas={
            url: urlImage
        };
        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            async: false, 
            beforeSend:function(){
            },
            success: function (data) {
                try{
                    result = data.is_exist_image;
                }catch(Error){}

            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
        return result;
    });

    $.getContentDesRbt =(function(contentDesId,containerId,typeId,frmAdvertiseId,idPlace) {
        var datas =({
            mode: "GET_CONTENT",
            container: containerId,
            typeId: typeId,
            contentDesId :contentDesId
        });
            
        var url ='./GenerateListContent';
        //var url ='/GenerateListContent';
        
        $.ajax({
            cache: false,
            url: url,
            data: datas,
            dataType: 'json',
            beforeSend:function(){
            },
            success: function (data) {
                var length="";
                try{
                    length=data.drList.length;
                }catch(Error){}
                if(data!=''&&length>0){
                    $.manipulateDisplayContentDesRbt(idPlace,data,frmAdvertiseId)
                }
            },
            error: function (xhr, desc, er) {
                alert(xhr.responseText);
            }
        });
    });
    
    $.manipulateDisplayContentDesRbt = (function(idPlace,data,frmAdvertiseId,idPlaceOTP) {
        var dataSet = data.drList;
        var row="";
        var container = data.drParam.container;
        for(var i = 0; i < dataSet.length; i++) {
            var price = 0;
            try{
                price = dataSet[i].services[0].price;
            }catch(Error){}
            var contentDesId =dataSet[i].content_des_id;
            var imagePreview = dataSet[i].img_preview;
            var typeId = dataSet[i].services[0].ctype;
            var tmpSize = $.getImageSize(typeId);
            
            //            if(!$.isExistImage(imagePreview)){
            //                imagePreview ="./images/music-default.gif";
            //            }
            
            if(imagePreview !=""){
                imagePreview = "<img style=\"cursor:pointer; "+tmpSize+"\" src=\""+imagePreview+"\"   />";
            // imagePreview = "<img style=\"cursor:pointer; "+tmpSize+"\" src=\""+contextPath+ "\\" +imagePreview+"\"  />";
            }else{
                imagePreview ="<font color =\"red\">no image</font>";
            }
            row +=   '<tr>' ;
                  
            row +=   
            '<td >'+
            
            '<table style="width:100%" class="downloadContent"><tr>'+
            '<td style="width:213px;"><table style="width:75%; margin: 0 auto; vertical-align: middle;"><tr><td style="margin: 0 auto; vertical-align: bottom;">'+imagePreview+'</td></tr></table></td>';
            
            if(dataSet[i].services[0].ctype == '999' ||dataSet[i].services[0].ctype == '34' ||dataSet[i].services[0].ctype == '35' ||dataSet[i].services[0].ctype == '43' ||dataSet[i].services[0].ctype == '13'   ){
                var tmpSoundAction = musicIcon;
                tmpSoundAction = tmpSoundAction.replace("#contentId#", contentDesId);
                
                row += '<td style="vertical-align: middle;">';
                row += '<table></tr>';
                row += '<td class="textRedTypeName" colspan="3" style="line-height: 2.5em;">'+dataSet[i].services[0].ctype_name+'</td>';
                row += '</tr>'+
                '<tr>';
                row += '<td class="headDownloadContent" style="width:45px;">เพลง</td>';
                row += '<td style="width:1px;">:</td>';
                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
                row += '</tr>'+
                '<tr>'+
                '<td class="headDownloadContent" style="width:45px;">ศิลปิน</td>'+
                '<td style="width:1px;">:</td>'+
                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
                '</tr>';
                row+=    '<tr rowspan="2">'+
                '<td class="headDownloadContent" style="width:45px;">ราคา</td>'+
                '<td style="width:1px;" >:</td>'+
                '<td class="detailDownloadContent" >'+price+' บาท</td>'+
                '</tr>'+
                '</table>'+
                '</td>';
                
//                row += '<td class="textRedTypeName" colspan="3" >'+dataSet[i].services[0].ctype_name+'</td>';
//                row += '</tr>';
//                '<tr>';
//                row += '<td class="headDownloadContent" style="width:45px;">เพลง</td>';
//                row += '<td style="width:1px;">:</td>';
//                row += '<td class="detailDownloadContent"> '+dataSet[i].name+'</td>';
//                row += '</tr>'+
//                '<tr>'+
//                '<td class="headDownloadContent" style="width:45px;">ศิลปิน</td>'+
//                '<td style="width:1px;">:</td>'+
//                '<td class="detailDownloadContent">'+dataSet[i].artist+'</td>'+
//                '</tr>';
            }
            

            var mainCheckOpr=new Array(OPERATOR_AIS,OPERATOR_DTAC,OPERATOR_TRUE,OPERATOR_HUTCH);

            if( dataSet[i].services!= undefined && dataSet[i].services != null && dataSet[i].services != "" ){
                for(var j=0;j<dataSet[i].services.length;j++){
                    for(var k=0;k<dataSet[i].services[j].rbts.length;k++){
                        var tmpOprId ="";
                        var rowOpr="";
                        
                        if(dataSet[i].services[j].rbts[k].operator_code == 0){
                            continue;
                        }
                        
                        $.removeByElement(mainCheckOpr,dataSet[i].services[j].rbts[k].operator_id);
                        
                        if(dataSet[i].services[j].rbts[k].operator_id == OPERATOR_AIS){
                            tmpOprId="oprAisDetail";
                            rowOpr+='<span class="textdownloadDetail">* กรณีที่ยังไม่ได้สมัครใช้บริการ </span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789&nbsp;</span><span class="callOutLogo"></span>&nbsp;กด <span class="textdownloadDetail_Hilight">1</span><br/>'  
                            rowOpr+='<span class="textdownloadDetail">* เมื่อสมัครใช้บริการเรียบร้อยแล้ว </span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789'+dataSet[i].services[j].rbts[k].operator_code+'</span>&nbsp;<span class="callOutLogo2"></span></span><br/>'                          
                            rowOpr+='<span class="textdownloadDetail">หรือ กด <span class="textdownloadDetail_Hilight">*888</span>&nbsp;<span class="callOutLogo"></span> แจ้งชื่อเพลงกับเจ้าหน้าที่</span><br/><br/>'
                            rowOpr+='<span class="textdownloadDetail_Hilight">อัตราค่าบริการ</span> <br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าสมัครใช้บริการ 35 บาท/เดือน</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- โหลดเพลง เพิ่มเพลง 20 บาท/เพลง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*789</span> : 3 บาท/นาที</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*888</span> : 5 บาท/นาที</span><br/><br/>'
                                       
                        }else if(dataSet[i].services[j].rbts[k].operator_id == OPERATOR_DTAC){
                            tmpOprId="oprDtacDetail";
                    
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* กรณีที่ยังไม่ได้สมัครใช้บริการ </span><br/>' 
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*119</span> &nbsp; <span class="callOutLogo"></span> แล้วกด <span class="textdownloadDetail_Hilight">1</span></span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* เมื่อสมัครใช้บริการเรียบร้อยแล้ว </span><br/>'  
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*11992'+dataSet[i].services[0].rbts[k].operator_code+'</span>  &nbsp;  <span class="callOutLogo2"></span></span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="textdownloadDetail_Hilight">เลือก กด 1</span> เพื่อโหลดให้ตัวเอง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="textdownloadDetail_Hilight">เลือก กด 2</span> เพื่อโหลดให้เพื่อน</span><br/><br/>'
                    
                            rowOpr+='<span class="textdownloadDetail_Hilight">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;อัตราค่าบริการ</span> <br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- ค่าสมัครใช้บริการ 35 บาท/เดือน</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- โหลดเพลง เพิ่มเพลง 20 บาท/เพลง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*119</span> : 3 บาท/นาที</span><br/>'
                    
                        }else  if(dataSet[i].services[j].rbts[k].operator_id == OPERATOR_TRUE){
                            tmpOprId="oprTrueDetail";
                    
                            rowOpr+='<span class="textdownloadDetail">* กรณีที่ยังไม่ได้สมัครใช้บริการ   </span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">8888</span> &nbsp; <span class="callOutLogo"></span> หรือ พิมพ์ <span class="textdownloadDetail_Hilight">A</span> ส่งไปที่ <span class="textdownloadDetail_Hilight">9191</span></span><br/>'                            
                            rowOpr+='<span class="textdownloadDetail">* เมื่อสมัครใช้บริการเรียบร้อยแล้ว  </span><br/>' 
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*888'+dataSet[i].services[j].rbts[k].operator_code+'</span>  &nbsp;  <span class="callOutLogo2"></span></span><br/>'
                            rowOpr+='<span class="textdownloadDetail">หรือ กด <span class="textdownloadDetail_Hilight">2222</span> &nbsp; <span class="callOutLogo"></span> แจ้งชื่อเพลงกับเจ้าหน้าที่</span><br/><br/>'
                    
                            rowOpr+='<span class="textdownloadDetail_Hilight">อัตราค่าบริการ</span> <br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าสมัครใช้บริการ 35 บาท/เดือน</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- โหลดเพลง เพิ่มเพลง 20 บาท/เพลง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">8888</span> : 3 บาท/นาที</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">2222</span> : 5 บาท/นาที</span><br/><br/>'
                        }else  if(dataSet[i].services[j].rbts[k].operator_id == OPERATOR_HUTCH){
                            tmpOprId="oprHutchDetail";
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;* กรณีที่ยังไม่ได้สมัครใช้บริการ  </span><br/>' 
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789</span> &nbsp; <span class="callOutLogo"></span> แล้วกด <span class="textdownloadDetail_Hilight">1</span></span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;* เมื่อสมัครใช้บริการเรียบร้อยแล้ว </span><br/>'  
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789'+dataSet[i].services[j].rbts[k].operator_code+'</span>  &nbsp;  <span class="callOutLogo"></span></span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;หรือ กด <span class="textdownloadDetail_Hilight">*888</span> &nbsp; <span class="callOutLogo"></span> แจ้งชื่อเพลงกับเจ้าหน้าที่</span><br/><br/>'
                    
                            rowOpr+='<span class="textdownloadDetail_Hilight">&nbsp;&nbsp;&nbsp;อัตราค่าบริการ</span> <br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;- ค่าสมัครใช้บริการ 35 บาท/เดือน</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;- โหลดเพลง เพิ่มเพลง 20 บาท/เพลง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*789</span> : 3 บาท/นาที</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*888</span> : 5 บาท/นาที</span><br/>'
                        }else{
                            tmpOprId="oprAisDetail";
                            rowOpr+='<span class="textdownloadDetail">* กรณีที่ยังไม่ได้สมัครใช้บริการ </span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789&nbsp;</span><span class="callOutLogo"></span>&nbsp;กด <span class="textdownloadDetail_Hilight">1</span><br/>'  
                            rowOpr+='<span class="textdownloadDetail">* เมื่อสมัครใช้บริการเรียบร้อยแล้ว </span><br/>'
                            rowOpr+='<span class="textdownloadDetail">&nbsp;&nbsp;&nbsp;กด <span class="textdownloadDetail_Hilight">*789'+dataSet[i].services[j].rbts[k].operator_code+'</span>&nbsp;<span class="callOutLogo2"></span></span><br/>'                          
                            rowOpr+='<span class="textdownloadDetail">หรือ กด <span class="textdownloadDetail_Hilight">*888</span>&nbsp;<span class="callOutLogo"></span> แจ้งชื่อเพลงกับเจ้าหน้าที่</span><br/><br/>'
                            rowOpr+='<span class="textdownloadDetail_Hilight">อัตราค่าบริการ</span> <br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าสมัครใช้บริการ 35 บาท/เดือน</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- โหลดเพลง เพิ่มเพลง 20 บาท/เพลง</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*789</span> : 3 บาท/นาที</span><br/>'
                            rowOpr+='<span class="textdownloadDetail">- ค่าใช้บริการ <span class="textdownloadDetail_Hilight">*888</span> : 5 บาท/นาที</span><br/><br/>'
                        }
                        $("#"+tmpOprId).html(rowOpr);
                    }
                }
            }
            
            
            if(mainCheckOpr.length>0){
                for(var j = 0;j<mainCheckOpr.length;j++){
                    var rowOpr="";
                    if(mainCheckOpr[j] == OPERATOR_AIS){
                        tmpOprId="oprAisDetail";
                        rowOpr+='<span class="textdownloadDetail_Hilight">ขออภัย ยังไม่เปิดให้บริการ</span>';
                    }else if(mainCheckOpr[j] == OPERATOR_DTAC){
                        tmpOprId="oprDtacDetail";
                        rowOpr+='<span class="textdownloadDetail_Hilight">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ขออภัย ยังไม่เปิดให้บริการ</span>';
                    }else if(mainCheckOpr[j] == OPERATOR_TRUE){
                        tmpOprId="oprTrueDetail";
                        rowOpr+='<span class="textdownloadDetail_Hilight">ขออภัย ยังไม่เปิดให้บริการ</span>';
                    }else if(mainCheckOpr[j] == OPERATOR_HUTCH){
                        tmpOprId="oprHutchDetail";
                        rowOpr+='<span class="textdownloadDetail_Hilight">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ขออภัย ยังไม่เปิดให้บริการ</span>';
                    }
                    $("#"+tmpOprId).html(rowOpr);
                }
            }
            

//            row+=    '<tr>'+
//            '<td class="headDownloadContent" style="width:45px;" >ราคา</td>'+
//            '<td  style="width:1px;" >:</td>'+
//            '<td class="detailDownloadContent" >'+price+' บาท</td>'+
//            '</tr>';           
            
        }
              
        var  tmp = '<table  class="tableResult" style="width:100%" >';
        tmp +=row;
        tmp +='</table>';
        $('#'+idPlace).html(tmp);
    });


    $.removeByElement=  (function (arrayName,arrayElement)
    {
        for(var i=0; i<arrayName.length;i++ )
        { 
            if(arrayName[i]==arrayElement)
                arrayName.splice(i,1); 
        } 
        return arrayName;
    });


})(jQuery);
