var miniBannerTimer;
function changeMiniBanner(bannerId, slideNum, bannerWidth) {
    $("#" + bannerId + " .banner-image").hide();
    $("#" + bannerId + " .banner-image").removeClass("current");
    $("#" + bannerId + " .slide-" + slideNum).show();
    $("#" + bannerId + " .slide-" + slideNum).addClass("current");
    var bgPos = "-" + (slideNum - 1) * bannerWidth + "px";
    $("#" + bannerId + "-control").css("background-position", bgPos + " 0");
}
function initFrontPageMiniBanner() {
    if ($("#frontpage-mini-banner").html() == null) return;
    $("#frontpage-mini-banner .control-1").click(function(e) {
        e.preventDefault();
        changeMiniBanner("frontpage-mini-banner", 1, 100);
    });
    $("#frontpage-mini-banner .control-2").click(function(e) {
        e.preventDefault();
        changeMiniBanner("frontpage-mini-banner", 2, 100);
    });
    $("#frontpage-mini-banner .control-3").click(function(e) {
        e.preventDefault();
        changeMiniBanner("frontpage-mini-banner", 3, 100);
    });
    $("#frontpage-mini-banner .control-4").click(function(e) {
        e.preventDefault();
        changeMiniBanner("frontpage-mini-banner", 4, 100);
    });
    //set timer to change images
    miniBannerTimer = setInterval(function() {
        //work out the current slide showing
        var curSlide = $("#frontpage-mini-banner .current");
        var curNum = $(curSlide).attr("class").replace(/banner-image/ig, "").replace(/current/ig, "").replace(/slide-/ig, "").replace(/ /ig, "");
        curNum++;
        if (curNum > 4) curNum = 1;
        changeMiniBanner("frontpage-mini-banner", curNum, 100);
    }, 5000);
}

function initMiniBanner() {
    if ($("#mini-banner").html() == null) return;
    $("#mini-banner .control-1").click(function(e) {
        e.preventDefault();
        changeMiniBanner("mini-banner", 1, 59);
    });
    $("#mini-banner .control-2").click(function(e) {
        e.preventDefault();
        changeMiniBanner("mini-banner", 2, 59);
    });
    //set timer to change images
    miniBannerTimer = setInterval(function() {
        //work out the current slide showing
        var curSlide = $("#mini-banner .current");
        var curNum = $(curSlide).attr("class").replace(/banner-image/ig, "").replace(/current/ig, "").replace(/slide-/ig, "").replace(/ /ig, "");
        curNum++;
        if (curNum > 2) curNum = 1;
        changeMiniBanner("mini-banner", curNum, 59);
    }, 5000);
}

$(document).ready(function() {
    //set up front page mini banner 
    initFrontPageMiniBanner();
    /////
    //set up promo content
    $("#maybank-popup-link-gbd").click(function(e){
        e.preventDefault();
        showAnythingBoxGBD();
    });
    /////
    //set up mini banner 
    initMiniBanner();
    /////
});