function imgPath(imgSrc) {
	len = imgSrc.length;
	switch (imgSrc.slice(-8, len-3)) {
		case 'over.':
			return imgSrc.slice(0, len-10);
		case 'cked.':
			return imgSrc.slice(0, len-12);
		default:
			return imgSrc.slice(0, len-4);
	}
}

$(document).ready(function() {
	$('.btnImg').hover(
		function() {
			var newImg = imgPath($(this).attr('src')) + '_hover.' + ext;
			$(this).attr({ src: newImg });
		},
		function() {
			var newImg = imgPath($(this).attr('src')) + '.' + ext;
			$(this).attr({ src: newImg });
		}
	);
	
	$('.btnImg').mousedown(
		function() {
			var newImg = imgPath($(this).attr('src')) + '_clicked.' + ext;
			$(this).attr({ src: newImg });
		}
	);
	
	$('.btnImg').mouseup(
		function() {
			newImg = imgPath($(this).attr('src')) + '_hover.' + ext;
			$(this).attr({ src: newImg});
		}
	);
	
	$('.btnImg').each(
		function(i) {
			temp = this.src;
			prelen = temp.length;
			pre = temp.substr(0, prelen-4);
			ext = temp.substr(prelen-3, 3);
			pre_h = pre + '_hover.' + ext;
			preloadImageObject1 = new Image();
			preloadImageObject1.src = pre_h;
			pre_c = pre + '_clicked.' + ext;
			preloadImageObject2 = new Image();
			preloadImageObject2.src = pre_c;
		}
	);
});