// RollOver
$(function () {
	$.rollover = {
		init: function () {
			// <img>
			$('a img, input[type="image"]')
				.filter('[src*="_off."]')
				.bind('mouseover', this.over)
				.bind('mouseout',  this.out)
				.each(this.preload);
			// <a> with <img>, <shape> with <img> (for DD_belatedPNG.js)
			if ($.browser.msie && $.browser.version <= 6 )	// ie6
			$('shape')
				.filter(function(){return this.firstChild && this.firstChild.src})
				.bind('mouseover', this.overx)
				.bind('mouseout',  this.outx)
				.each(this.preloadx);
		},

		// <img>
		over : function () {
			this.setAttribute('src', this.getAttribute('src').replace('_off.', '_on.'));
		},
		out : function () {
			this.setAttribute('src', this.getAttribute('src').replace('_on.', '_off.'));
		},
		preload : function () {
			new Image().src = this.getAttribute('src').replace('_off.', '_on.');
		},
		// <a> with <img>, <shape> with <img> (for DD_belatedPNG.js)
		overx : function () {
			var img = this.firstChild;
			img.setAttribute('src', img.getAttribute('src').replace('_off.', '_on.'));
		},
		outx : function () {
			var img = this.firstChild;
			img.setAttribute('src', img.getAttribute('src').replace('_on.', '_off.'));
		},
		preloadx : function () {
			var img = this.firstChild;
			new Image().src = img.getAttribute('src').replace('_off.', '_on.');
		}
	};

	$.rollover.init();
});


// PNG fix
if (window.DD_belatedPNG) DD_belatedPNG.fix('img, div#wrapper, h1, h2, p.pict3');