//‚±‚±‚©‚çswapimage

var swapimage = {
	
	initialize:function() {
		
		var o = document.getElementsByClassName('swapimage');
		
		for (var i=0; i<o.length; i++) {

			o[i].style.display = 'block';
			o[i].style.overflow = 'hidden';
			
			var pad = new String();
			
			if (o[i].style.padding != '') {
				
				pad = o[i].style.padding;
			} else {
				
				var top = 0;
				var right = 0;
				var bottom = 0;
				var left = 0;
				
				if (o[i].style.paddingTop != '') {
					top = parseInt(o[i].style.paddingTop);
					o[i].style.paddingTop = '';
				}

				if (o[i].style.paddingRight != '') {
					right = parseInt(o[i].style.paddingRight);
					o[i].style.paddingRight = '';
				}

				if (o[i].style.paddingBottom != '') {
					bottom = parseInt(o[i].style.paddingBottom);
					o[i].style.paddingBottom = '';
				}

				if (o[i].style.paddingLeft != '') {
					left = parseInt(o[i].style.paddingLeft);
					o[i].style.paddingLeft = '';
				}

				pad = top + 'px ' + right + 'px ' + bottom + 'px ' + left + 'px';

			}
			
			var div = document.createElement('div');
			div.innerHTML = o[i].innerHTML;

			with (div.style) {
				width = o[i].style.width;
				height = o[i].style.height;
				padding = pad;
				cursor = 'pointer';
				overflow = 'hidden';
			}
			
			o[i].innerHTML = '';
			o[i].appendChild(div);

			o[i].onmouseover = function() {
				var s = parseInt(this.style.height);
				this.style.backgroundPosition = '0px '+ s +'px';
			}
			o[i].onmouseout = function() {
				this.style.backgroundPosition = '0px 0px';
			}
		}
	}
}


Event.observe(window, 'load', swapimage.initialize, false);