dojo.addOnLoad(function() {
    var switchers = dojo.query('#tsHeroImgSwitcher div');
    switchers.connect('onclick', heroSwitcher);
    thumbnailSelect(switchers);
});

// Hero switcher
// ---------------------------------------------------------------------------------------------
dojo.require("dojo.fx.easing");

heroSwitcher = function() {
    var heroImg = dojo.byId("tsHeroImg");
    dojo.style(heroImg, "opacity", "0");
    var fadeArgs = {
        node: heroImg,
        duration: 600,
        overlord: this,
        easing: dojo.fx.easing.linear,
        onBegin: function() {
            heroImgSwitch(this, heroImg);
        },
        onEnd: function() {
            dojo.style(heroImg, "opacity", "1");
        }
    };
    dojo.fadeIn(fadeArgs).play();
};

heroImgSwitch = function(target, heroImg) {
    dojo.removeClass(heroImg);
    dojo.removeClass(heroImg.parentNode);
    if (target.overlord.id == "tsHeroImg-1") {
        dojo.addClass(heroImg, "tsHeroImg-1");
        dojo.addClass(heroImg.parentNode, "thHeroSolid-1");
    }
    else if (target.overlord.id == "tsHeroImg-2") {
        dojo.addClass(heroImg, "tsHeroImg-2");
        dojo.addClass(heroImg.parentNode, "thHeroSolid-2");
    }
    else if (target.overlord.id == "tsHeroImg-3") {
        dojo.addClass(heroImg, "tsHeroImg-3");
        dojo.addClass(heroImg.parentNode, "thHeroSolid-3");
    }
};

// Thumbnail select
// ---------------------------------------------------------------------------------------------
thumbnailSelect = function(target) {
    target.connect('onmouseup',function() {
        dojo.query("#tsHeroImgSwitcher > div").forEach(
        function(item, index, array) {
            dojo.removeClass(item);
        });
        dojo.addClass(this,'tsSelect');
    });
};