var mode = "H";
var ads = [];
var start_ad = 0;

function get_col(ad) {
    var col = 12;
    if (mode == 'H') {
        col = col / ad.banners.length;
    }
    return col;
}

function get_size(ad) {
    var size = "";
    if (mode == 'H') {
        size += 'height="' + ad.height + '"';
    } else if (mode == 'V') {
        size += 'width="' + ad.width + '"';
    }
    return size;
}

function gen_ad(ad) {
    var html = "";
    var col = get_col(ad);
    var size = get_size(ad);
    for (var banner in ad.banners) {
        html += '<div class="col-md-' + col + '">';
        html += '<a target="_blank" href="' + ad.banners[banner].url + '">';
        html += '<img src="' + ad.banners[banner].img + '"' + size + ' />';
        html += '</a>';
        html += '</div>';
    }
    var res = document.getElementById('ads');
    res.innerHTML = html;
    if (ads.length > 1) {
        setTimeout(function() {
            start_ad = (start_ad + 1) % ads.length;
            gen_ad(ads[start_ad]);
        }, ads[start_ad].waittime * 1000);
    }
}

if (ads.length > 0) {
    gen_ad(ads[start_ad]);
}