var ext;

function imgPath(imgSrc) {
	try {
	len = imgSrc.length;
	ext = imgSrc.slice(len-3);
	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);
	}
	} catch(ex) {
	}
}

$(document).ready(function() {
	$('.btnImg').hover(
		function() {
			//alert($(this).attr('src'));
			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;
			if (temp) {
				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;
			}
		}
	);
});