﻿function InitializeAjax(type,url,data,cache,fncSuccess,fncFail)
{
    $.ajax({
        type:type,
        url:url,
        data:data,
        cache:cache,
        success:fncSuccess,
        failure:fncFail     
    });
}

function AjaxFailure(msg)
{
    alert(msg); 
}

function WriteCartTop(respone,id, blockId,isShow)
{
    $(blockId).block();
     
    var row = '';
    var str = '<ul>';
    if(respone.toString().toLowerCase() == 'empty'){
        $(id).empty();
        $(id).append('Giỏ hàng của bạn trống.');
        $(blockId + ' input').removeClass('block').addClass('none');
        return ;
    }
    //alert(respone);  
    //$('#test').html(respone);
    var carts =  eval('(' + respone + ')');
    
    $(id).empty();
    for(var i = 0; i < carts.length - 2; i++)
     {
        row = '';
        row += '<li>';
        row += '<span style="padding-right:6px;" class="bold color1">' + parseInt(i + 1) + '</span>';
        row += carts[i].Url;
        row += '<a href="javascript:void(0)" id="link_' + carts[i].Id + '" onclick="ShopCartDelete(\'link_' +carts[i].Id + '\')">[Xóa]</a>';
        row += '</li>';
        str += row; 
        
     }
     str += '</ul>';
     $(id).append(str); 
     row = '';
     str = ''; 
     $(blockId + ' input').removeClass('none').addClass('block');
     $(blockId + ' input:first').click(function(){window.location.href = carts[carts.length -1].Url});
     $(blockId).unblock();
     //alert(isShow);  
     if (isShow || parseInt(isShow) == 0) {
         if ($('.boxPopupMarket').hasClass('none')) {
             $('.boxPopupMarket').removeClass('none').addClass('block');
         }
     }
}

function WriteCartBottom(respone,id, blockId)
    {
        //alert(blockId); 
        $(blockId).block('..Dang xu ly...');
        var row = '';
         var str = '<ul>';
         if(respone.toString().toLowerCase() == 'empty'){
            $(id).empty();
            $(id).append('');
            return ;
        }
        var carts =  eval('(' + respone + ')');
        $(id).empty();
        for(var i = 0; i < carts.length - 2; i++)
         {
            row = '';
            row += '<dl style="border-left: 1px solid #ededed;">';
            row += '<li style="width: 84px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">';
            row += '<a href="http://vietad.vn/Publics/SiteDetail.aspx?pubId='+ carts[i].Id  + '">';
            row += '<img src="'+ carts[i].Img + '" />';
            row += '</a>';
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 243px; height: 100px; line-height: 14px; text-align: left;">';
            row += '<div class="padding6px">';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">' + carts[i].Title + '</span>';
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<a href="http://vietad.vn/Publics/SiteDetail.aspx?pubId='+ carts[i].Id  + '" class="color13">' + carts[i].Url + '</a>';
            row += '</div>';
            row += '<div class="padding2 color4">' + carts[i].Des + '</div>';
            row += '</div>'; 
            row += '</li>';
            
            row += '<li style="width: 88px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Alexa + '</div>';
            row += '</li>';
            
            
            row += '<li style="width: 118px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Impression + '</div>';
            row += '</li>';
            
            row += '<li style="width: 88px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Click + '</div>';
            row += '</li>';
            
            row += '<li style="width: 144px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px costperday">' + carts[i].Cost + '</div>';
            row += '</li>';
            
            row += '<li style="width: 90px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px cpi">';
            row += '<span class="color3 bold fontsize12">'  + carts[i].Cpi + '</span>';
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 87px;" class="lineheightSiteMarket">';
            row += '<div style="padding-left: 35px;" class="paddingTop40px">';
            row += '<div class=" ie7hack">';
            row += '<a class="btnDel" href="javascript:void(0)" id="link_' + carts[i].Id + '" title=" Xóa vùng" onclick="ShopCartDelete(\'link_' + carts[i].Id  + '\')">&nbsp;</a>';
            row += '</div>';
            row += '</div>';
            row += '</li>';
            
            row += '</dl>';
            str += row; 
         }
         str += '</ul>';
         $(id).append(str); 
         row = '';
         str = '';
         SetInforCart();
         $(blockId).unblock();
    
    }
    
    function WriteCartBottomCPM(respone,id, blockId)
    {
        
        $(blockId).block('..Dang xu ly...');
        var row = '';
         var str = '<ul>';
         if(respone.toString().toLowerCase() == 'empty'){
            $(id).empty();
            $(id).append('');
            return ;
        }
        var carts =  eval('(' + respone + ')');
        $(id).empty();
        for(var i = 0; i < carts.length - 2; i++)
         {
            row = '';
            row += '<dl style="border-left: 1px solid #ededed;">';
            row += '<li style="width: 84px;" class="lineheightSiteMarket">';
            row += '<div  style="padding:6px 0px 6px 0px ">';
            row += '<a href="http://vietad.vn/Publics/ZoneDetail.aspx?zoneId='+ carts[i].Id  + '">';
            row += '<img src="'+ carts[i].Img + '" />';
            row += '</a>';
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 243px; height: 100px; line-height: 14px; text-align: left;">';
            row += '<div class="padding6px">';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Site:</span>' + carts[i].Url;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Vùng QC:</span>' + carts[i].Name;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Vị trí:</span>' + carts[i].Des;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Kích thước:</span>' + carts[i].Size;
            row += '</div>';
            row += '</div>';
//            row += '<div class="padding2 color4">' + carts[i].Des + '</div>';
//            row += '</div>'; 
//            row += '<div class="padding2 color4">' + carts[i].Size + '</div>';
//            row += '</div>'; 
            row += '</li>';
            
            row += '<li style="width:88px; line-height: 18px;" class="lineheightSiteMarket">';
            row += '<div style="padding: 30px 4px 30px 4px; line-height: 18px!important;">';
            row += '<p>(' + carts[i].Width  + ' x ' + carts[i].Height + ')</p>';
            row += '</div>';
            row += '</li>';
            
            
            row += '<li style="width: 118px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Impression + '</div>';
            row += '</li>';
            
            row += '<li style="width: 88px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Click + '</div>';
            row += '</li>';
            
            row += '<li style="width: 144px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px costperday">' + carts[i].Cost + '</div>';
            row += '</li>';
            
            row += '<li style="width: 90px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px cpi">';
            row += '<span class="color3 bold fontsize12">' + FormartNumber(carts[i].Payment) + '</span>';
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 87px;" class="lineheightSiteMarket">';
            row += '<div style="padding-left: 35px;" class="paddingTop40px">';
            row += '<div class=" ie7hack">';
            row += '<a class="btnDel" href="javascript:void(0)" id="link_' + carts[i].Id + '" title="Xóa vùng này" onclick="ShopCartDelete(\'link_' + carts[i].Id  + '\')">&nbsp;</a>';
            row += '</div>';
            row += '</div>';
            row += '</li>';
            
            row += '</dl>';
            str += row; 
         }
         str += '</ul>';
         $(id).append(str); 
         row = '';
         str = '';
         SetInforCart();
         $(blockId).unblock();
    
    }
    
    
    function WriteCartBottomCPD(respone,id, blockId)
    {
        
        $(blockId).block('..Dang xu ly...');
        var row = '';
         var str = '<ul>';
         if(respone.toString().toLowerCase() == 'empty'){
            $(id).empty();
            $(id).append('');
            return ;
        }
        var carts =  eval('(' + respone + ')');
        $(id).empty();
        for(var i = 0; i < carts.length - 2; i++)
         {
            row = '';
            row += '<dl style="border-left: 1px solid #ededed;">';
            row += '<li style="width: 84px;" class="lineheightSiteMarket">';
            row += '<div  style="padding:6px 0px 6px 0px ">';
            row += '<a href="http://vietad.vn/Publics/ZoneDetail.aspx?zoneId='+ carts[i].Id  + '">';
            row += '<img src="'+ carts[i].Img + '" />';
            row += '</a>';
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 243px; height: 100px; line-height: 14px; text-align: left;">';
            row += '<div class="padding6px">';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Site:</span>' + carts[i].Url;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Vùng QC:</span>' + carts[i].Name;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Vị trí:</span>' + carts[i].Des;
            row += '</div>';
            row += '<div class="padding2 color4">';
            row += '<span class="bold">Kích thước:</span>' + carts[i].Size;
            row += '</div>';
            row += '</div>';
//            row += '<div class="padding2 color4">' + carts[i].Des + '</div>';
//            row += '</div>'; 
//            row += '<div class="padding2 color4">' + carts[i].Size + '</div>';
//            row += '</div>'; 
            row += '</li>';
            
            row += '<li style="width:88px; line-height: 18px;" class="lineheightSiteMarket">';
            row += '<div style="padding: 30px 4px 30px 4px; line-height: 18px!important;">';
            row += '<p>(' + carts[i].Width  + ' x ' + carts[i].Height + ')</p>';
            row += '</div>';
            row += '</li>';
            
            
            row += '<li style="width: 118px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Impression + '</div>';
            row += '</li>';
            
            row += '<li style="width: 88px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px">' + carts[i].Click + '</div>';
            row += '</li>';
            
            row += '<li style="width:144px;" class="lineheightSiteMarket ">';
            row += '<div class="padding6px">' + carts[i].StartDate + ' ~ ' + carts[i].EndDate;
            row += '</div>';
            row += '</li>';
            
            row += '<li style="width: 90px;" class="lineheightSiteMarket">';
            row += '<div class="padding6px costperday">' + FormartNumber(carts[i].Payment) + '</div>';
            row += '</li>';
            
            
//            row += '<li style="width: 90px;" class="lineheightSiteMarket">';
//            row += '<div class="padding6px cpi">';
//            row += '<span class="color3 bold fontsize12">'  + carts[i].Cpm + '</span>';
//            row += '</div>';
//            row += '</li>';
            
            row += '<li style="width: 87px;" class="lineheightSiteMarket">';
            row += '<div style="padding-left: 35px;" class="paddingTop40px">';
            row += '<div class=" ie7hack">';
            row += '<a class="btnDel" href="javascript:void(0)" id="link_' + carts[i].Id + '" title="Xóa vùng này" onclick="ShopCartDelete(\'link_' + carts[i].Id  + '\')">&nbsp;</a>';
            row += '</div>';
            row += '</div>';
            row += '</li>';
            
            row += '</dl>';
            str += row; 
         }
         str += '</ul>';
         $(id).append(str); 
         row = '';
         str = '';
         SetInforCart();
         $(blockId).unblock();
    
    }
    
function AjaxDeleteCart(response,id)
{

    if(response.toString().toLowerCase() == 'empty')
    {
        DeleteCartTop(id);
        if($('#MagicWordBySite').length > 0)
        {
            DeleteCartButtom(id); 
        }
     
    }
     $('div.boxGioSite div span').html($('div.boxPopupMarketContent ul li').length);
}
    
function DeleteCartTop(id)
{
    $('div.boxPopupMarketContent').block('Đang tải dữ liệu');
    if(id.toString().toLowerCase() == 'delete')
    {
        $('div.boxPopupMarketContent ul').remove();
        $('div.boxPopupMarketContent').text('Giỏ hàng của bạn thì trống');
    }else 
    {
        $('#' + id).parent().remove();
    }
    
    if($('div.boxPopupMarketContent ul li').length > 0)
    {
         $('div.boxPopupMarket input').removeClass('none').addClass('block');
    }else 
    {
         $('div.boxPopupMarket input').removeClass('block').addClass('none');
    }
    $('div.boxPopupMarketContent').unblock();
}

function DeleteCartButtom(id)
{
    $('#MagicWordBySite').block('Đang tải dữ liệu');
    if(id.toString().toLowerCase() == 'delete')
    {
        $('#MagicWordBySite ul').remove();
        $('#MagicWordBySite').text('');
    }else 
    {
        $('#' + id).parent().parent().parent().parent().remove();
    }
    $('#MagicWordBySite').unblock();
    SetInforCart();
}

function SetInforCart()
{
    var count = $('.boxContentSiteMaket:first ul div.costperday').length;
    
    if(count > 0)
    {
        var sumCosPerDay = 0;
        $('.boxContentSiteMaket:first ul div.costperday').each(function(){
            var num = $(this).text();
            sumCosPerDay +=  GetNumber(num);
        })
        $('div.textRight span.costperday').html(FormatNumber(sumCosPerDay));
        sumCosPerDay = 0;
        $('.boxContentSiteMaket:first ul div.cpi').each(function(){
            sumCosPerDay = sumCosPerDay + GetNumber($(this).text());
        })
        $('div.textRight span.cpi').html(FormatNumber(sumCosPerDay));
        $('div.boxTitleMarket span:first').html(count);  
        $('.boxContentSiteMaket:first input.btnShopBuyCart').removeClass('none').addClass('block'); 
    }else 
    {
        $('.boxContentSiteMaket:first ul').remove();
        $('div.textRight span.costperday').html('0');
        $('div.textRight span.cpi').html('0');
        $('div.boxTitleMarket span:first').html('0'); 
        $('.boxContentSiteMaket:first input.btnShopBuyCart').removeClass('block').addClass('none');
    }
}

 function AjaxSuccessAddCart(response,id)
{
    var response = response.toString().toLowerCase();  
    if(response == 'susscess')
   {
        GetInfoShopCart(id);
   }else 
   {
        alert(errorMessage[id][response]);  
   }
}

function FormartNumber(number) {
    if (IsEmpty(number)) return '';
    var reg = /(\d+)(\d{3})/;
    while (number.toString().match(reg)) {
        number = number.replace(reg, '$1.$2');
    }
    return number;
}

function IsEmpty(str) {
    return $.trim(str) == '' ? true : false;
}