dojo.addOnLoad(function() {
    mouseEventForComboSpotlight(dojo.query('div.tsComboSpotlight > a'));
    mouseEffect(dojo.query('div.tsSpotlight'));
});

// Spotlight mouse down/over effect
// ---------------------------------------------------------------------------------------------
mouseEventForComboSpotlight = function(target) {
    // Mousedown
    target.connect('onmousedown',function() { dojo.addClass(this,'mouseEffectIn'); });
    target.connect('onblur',function() { dojo.removeClass(this,'mouseEffectIn'); });
    target.connect('onmouseup',function() { dojo.removeClass(this,'mouseEffectIn'); });
    // Mouseover 
    target.connect('onmouseover',function() { dojo.addClass(this,'mouseEffectOut'); });
    target.connect('onmouseout',function() { dojo.removeClass(this,'mouseEffectOut'); });
};

// Spotlight mouse down/over effect
// ---------------------------------------------------------------------------------------------
mouseEffect = function(target) {
    // Mousedown
    target.connect('onmousedown',function() { dojo.addClass(this,'tsMouseDown'); });
    target.connect('onblur',function() { dojo.removeClass(this,'tsMouseDown'); });
    target.connect('onmouseup',function() { dojo.removeClass(this,'tsMouseDown'); });
    // Mouseover 
    target.connect('onmouseover',function() { dojo.addClass(this,'tsMouseOver'); });
    target.connect('onmouseout',function() { dojo.removeClass(this,'tsMouseOver'); });
};