var visibleDiv = $("div1");

var minCtr = 1;
var maxCtr = 4;
var curCtr = minCtr;
var bannerActive = true;

var changeBannerSpeed = 10000;
var bannerTransition = 5000;

function showFullBanner(obj) {
    imgName = obj.href.split('#');
    imgName = imgName[1];
    imgSrc = 'wp-content/themes/kwentomoto/styles/default/banner/' + imgName + '.jpg';
    window.open(imgSrc, 'Print', 'width=778,height=615,resizable=yes,toolbar=no,status=no,menubar=no,scrollbars=yes');
}

function createBannerImg() {

    ['aBangkero','aFireBrigade','aBusinessman'].each(function(item, index) {
        var bannerImg = new Element('a', {
            'id': item,
            'href': '#featured-image' + (index+1) + '-full',
            'events': {
                'click': function(){
                    showFullBanner(this);
                }
            }
        });

        bannerImg.inject($('bannerContainer'));
    });
}

function toggle(){

    prevCtr = curCtr;

    if (curCtr >= maxCtr) {
        curCtr = minCtr;
    }else {
        curCtr++;
    }

    nextctr = curCtr;

    $('div' + prevCtr).fx = new Fx.Style($('div' + prevCtr), 'opacity', {duration: bannerTransition}).start(0);
    $('div' + nextctr).fx = new Fx.Style($('div' + nextctr), 'opacity', {duration: bannerTransition}).start(1);
}

var periodicalFunction = function(){
    toggle();
}

window.addEvent('domready', function() {
    if (bannerActive) {
        //check if div container exist
        if ($('bannerContainer')) {
            //create the banner elements
            createBannerImg();
        }
    }
});