ApplyRollover = (function () {
	var CLASS_NAME = "btn";
	var SUFFIX     = "_o";

	addEvent(window, "load", function () {
		bind(document);
	});

	function bind (parent) {
		var list = parent.getElementsByTagName("*");
		for (var i = 0, len = list.length; i < len; i++) {
			var e = list[i];
			if ((" "+e.className+" ").indexOf(" "+CLASS_NAME+" ") == -1) continue;

			(function (e) {
				if (e.__rollover) return;
				e.__rollover = true;
				e.orig_src = e.src || "";

				var preload = new Image();
				preload.src = over_src(e.orig_src);

				addEvent(e, "mouseover", function () {
					e.orig_src = e.src || "";
					e.src = over_src(e.orig_src);
				});
				addEvent(e, "mouseout", function () {
					if (e.src == over_src(e.orig_src)) {
						e.src = e.orig_src;
					}
				});
			})(e);
		}
	}

	function over_src (orig_src) {
		return orig_src.replace(/(?:_sel)?\.(gif|jpg|png)/, SUFFIX+'.$1');
	}

	function addEvent (ele, name, fun) {
		if (ele.addEventListener) {
			ele.addEventListener(name, fun, false);
		} else {
			ele.attachEvent("on"+name, fun);
		}
	}

	return bind;
})();

$('.btngroup').unbind().click(function( event ){
	event.preventDefault();
	location.href = $(this).attr('href');
});

//btton group—p
$('.gbtn').each(
	function(){
	    this.originalSrc = $(this).attr('src');
	    this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_o$1");
	});
	$('.btngroup').hover(function(){
	    $(this).css('cursor','pointer');
	    $(this).find('.gbtn').each(function(){
	        $(this).attr('src', this.rolloverSrc)
	    });
	},
	function(){
		$(this).css('cursor','default');
	    $(this).find('.gbtn').each(function(){
	        $(this).attr('src', this.originalSrc)
	    });
	}
);