$(function(){
	$(".imgChange").hover(
		function() {
			$(this).attr("src", imgNameChange('over', $(this).attr("src")) );
		},
		function() {
			$(this).attr("src", imgNameChange('out', $(this).attr("src")) );
		}
	);

	$("#pageUp").click(function(){
		pageUp();
		return false;
	});
})

function imgNameChange(mode, src) {
	switch(mode) {
		case "over":
			var indexNo = src.lastIndexOf('.');
			var imgSrc  = src.substr(0, indexNo)+"_o"+src.substr(indexNo);
		break;

		case "out":
			var indexNo = src.lastIndexOf('_o.');
			var imgSrc  = src.substr(0, indexNo)+src.substr(indexNo+2);
		break;
	}

	return imgSrc;
}

function pageUp() {
	var top  = Math.floor($(window).scrollTop());
	var left = Math.floor($(window).scrollLeft());

	if(top > 0 || left > 0) {
		$(window).scrollTop(top / 1.3);
		$(window).scrollLeft(left / 1.3);
		setTimeout("pageUp()", 20);
	}
}