/* Settings */
$.ajaxSetup ({cache : true});

loadTotalPublishers();
loadPublishers(0);
loadCustomers(0);

function loadTotalPublishers()
{
    $.ajax({
      url: "ajax/get.publishers.total.php",
      success: function(data) {
        $("#siteCount").html(data);
        $("#sitesH1").html(data + ' sites');
      }
    });
}

/* Load the publishers (sites) through Ajax */
function loadPublishers(offset) 
{
    var limitPublishers     = 14;
    var loadingPublishers   = getLoadingHtml('images/ajax-loader_beige.gif');
    var loadUrlPublishers   = "ajax/get.publishers.php";
    $("#publishersContent")
         .html(loadingPublishers)
         .load(loadUrlPublishers, {offset: offset, limit: limitPublishers}, 
            function(){
                // onComplete actions
                screenshotPreview();
            });   
}

/* Load the customer through Ajax */
function loadCustomers(offset)
{
    var limitCustomers     = 6; 
    var loadingCustomers   = getLoadingHtml('images/ajax-loader_gray.gif');
    var loadUrlCustomers   = "ajax/get.customers.php";
    $("#customersContent")
        .html(loadingCustomers)
        .load(loadUrlCustomers, {offset: offset, limit: limitCustomers}, 
            function() {
                var customerId = parseInt($("#firstCustomerId").html());
                loadRecommendation(customerId);
            });
}

/* Load recommendation by customerId */
function loadRecommendation(customerId)
{
    var loadingRecommendation   = getLoadingHtml('images/ajax-loader_gray.gif'); 
    var loadUrlRecommendation   = "ajax/get.customer.recommendation.php";    
    $("#customerRecommendation")
        .html(loadingRecommendation)
        .load(loadUrlRecommendation, {customerId: customerId}, 
            function() {
                // onComplete actions
            });
}

/* Load a openX ad by customerId */
function loadPreviewAd(customerId)
{
    var loadingAd   = getLoadingHtml('images/ajax-loader_gray.gif'); 
    var loadUrlAd   = "ajax/get.customer.ad.php";
    
    $("#adPreview")
        .html(loadingAd)
        .load(loadUrlAd, {customerId: customerId}, 
            function() {
                //
            });
}



function getLoadingHtml(loadingImg)
{
    var loadingHtml = "<table width='100%' height='100%' class='loading'><tr><td align='center' valign='middle'><img src='" + loadingImg + "' alt='' /></td></tr></table>";
    return loadingHtml;
}