﻿
var fillerImageIndex = 0;

function getAdImageFillerSrc(fillerImageSrcRoot) {

    if (fillerImageIndex > 9)
        fillerImageIndex = 0;

    var adImageFillerSrc = fillerImageSrcRoot + ((fillerImageIndex + '')).slice(-1) + '.jpg';

    fillerImageIndex++;

    return adImageFillerSrc;
}

function renderAdImage(adImageSrc, fillerImageSrcRoot, imageContainerId, imageWidth, imageHeight) {

    if ((adImageSrc + '').length == 0)
        adImageSrc = getAdImageFillerSrc(fillerImageSrcRoot);

    var adImage = new Image();

    jQuery(adImage)
        .load(function() {
            // replace blank or undersized images with fillers
            if (jQuery(adImage).attr("width") < 40) {
                adImageSrc = getAdImageFillerSrc(fillerImageSrcRoot);
                jQuery(adImage).attr('src', adImageSrc);
                return;
            }

            // resize the image
            jQuery(adImage).attr('width', imageWidth);
            jQuery(adImage).attr('height', imageHeight);
            jQuery('#' + imageContainerId).append(this);
        }
            ).error(function() {
                adImageSrc = getAdImageFillerSrc(fillerImageSrcRoot);
                jQuery(adImage).attr('src', adImageSrc);
            }).attr('src', adImageSrc);
}