var PromoStripRotateTimer;
function initPromoStripRotate() {
    if ($("#promo-strip-rotate").html() == null) return;
    $("#promo-strip-rotate .control-1").click(function(e) {
        e.preventDefault();
        changePromoStripRotate("promo-strip-rotate", 1, 80);
    });
    $("#promo-strip-rotate .control-2").click(function(e) {
        e.preventDefault();
        changePromoStripRotate("promo-strip-rotate", 2, 80);
    });
    $("#promo-strip-rotate .control-3").click(function(e) {
        e.preventDefault();
        changePromoStripRotate("promo-strip-rotate", 3, 80);
    });
    //set timer to change images
    PromoStripRotateTimer = setInterval(function() {
        //work out the current slide showing
        var curSlide = $("#promo-strip-rotate .current");
        var regex = /slide-[0-9]+/ig;
        var matches = regex.exec($(curSlide).attr("class"));
        if (matches) {
            var slideClass = matches[0];
            var curNum = slideClass.replace(/slide-/ig, "");
            curNum++;
            if (curNum > 3) curNum = 1;
            changePromoStripRotate("promo-strip-rotate", curNum, 80);
        }
    }, 8000);
}
function changePromoStripRotate(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 showAnythingBox() {
    triggerMacBox({
        boxID: "AnythingBox",
        width: 335,
        ajaxUrl: "/global/promotions/MayBankHolidayEnd-2010/promotion-explained.aspx"
    });
}
$(document).ready(function(){    
    $(".product-thumbnails img").click(function() {
        var bigImg = $(this).parent().parent().parent().parent().find(".main-image");
        var thumbImgBigSrc = $(this).attr("rel");
        $(bigImg).attr("src", thumbImgBigSrc);
    }); 
    
    //set up promo content
    initPromoStripRotate();
    $("#maybank-popup-link").click(function(e){
        e.preventDefault();
        showAnythingBox();
    });
    /////
});



