DOMAssistant.DOMReady(function(){

    $(".stackme")               .replaceClass("stackme", "stacked");
    $(".selects")								.addEvent("mouseover", ARR.Effects.hoverImage)
																.addEvent("mouseout", ARR.Effects.clearImage)
																.addEvent("click", ARR.Effects.stickImage);
    
});

(function() {

  if (!window.ARR) window.ARR = {};

  var _findParentByTag = function (node, tag) {
    if (node && node.parentNode) {
      if (node.parentNode.tagName == tag)
        return node.parentNode;
      else
        return _findParentByTag(node.parentNode, tag);
    }
    return null;
  };

  var _findParentByClass = function (node, cls) {
    if (node && node.parentNode) {
      if ($$(node.parentNode).hasClass(cls))
        return node.parentNode;
      else
        return _findParentByClass(node.parentNode, cls);
    }
    return null;
  };
  
  ARR.Effects = {
  
      clearImage : function (evt) {
				var _im = $$(this.id + "-image");
				if (_im) {
					$$(this).removeClass("active");
					window.setTimeout("ARR.Effects.resetImage('" + this.id + "');", 750);
				}
				DOMAssistant.cancelBubble(evt);
      },
      
      hoverImage : function (evt) {
				var _im = $$(this.id + "-image");
				if (_im && !$$(this).hasClass("active")) {
					var _pa = _findParentByClass(this, "stacked");
					if (_pa) {
						$$(_pa).cssSelect(".active").removeClass("active");
					}
					$$(this).addClass("active");
					_im.addClass("active");
				}
				DOMAssistant.cancelBubble(evt);
      },
      
      resetImage : function(ID) {
				var _im = $$(ID + "-image");
				if ($$(ID).hasClass("active"))
					_im.addClass("active");
				else					
					_im.removeClass("active");
      },
      
      stickImage : function(evt) {
				var _im = $$(this.id + "-image");
				if (_im) {
					var _pa = _findParentByClass(this, "stacked");
					if (_pa) {
						$$(_pa).cssSelect(".sticky").removeClass("sticky");
					}
					$$(this).addClass("sticky");
					_im.addClass("sticky");
				}
				DOMAssistant.preventDefault(evt);
      }
  };

})();




