$(document).ready(function() {
	// Mouseover for controls
	$("div#controls > a[@class!=selected] > img").mouseover(function() {
		var imgSrc = $(this).attr("src");
		if (imgSrc.indexOf("_on") == -1) {
			var imgSrcName = imgSrc.substring(0, imgSrc.lastIndexOf("."));
			var imgExt = imgSrc.substring(imgSrc.lastIndexOf(".")+1, imgSrc.length);
			$(this).attr("src", imgSrcName + "_on." + imgExt);
		}
	}).mouseup(function() {
		var imgSrc = $(this).attr("src");
		if (imgSrc.indexOf("_on") == -1) {
			var imgSrcName = imgSrc.substring(0, imgSrc.lastIndexOf("."));
			var imgExt = imgSrc.substring(imgSrc.lastIndexOf(".")+1, imgSrc.length);
			$(this).attr("src", imgSrcName + "_on." + imgExt);
		}
	});
	$("div#controls > a[@class!=selected] > img").mouseout(function() {
		var imgSrc = $(this).attr("src");
		if (imgSrc.indexOf("_on") != -1) {
			var imgSrcName = imgSrc.substring(0, imgSrc.lastIndexOf("_"));
			var imgExt = imgSrc.substring(imgSrc.lastIndexOf(".")+1, imgSrc.length);
			$(this).attr("src", imgSrcName + "." + imgExt);
		}
	}).mousedown(function() {
		var imgSrc = $(this).attr("src");
		if (imgSrc.indexOf("_on") != -1) {
			var imgSrcName = imgSrc.substring(0, imgSrc.lastIndexOf("_"));
			var imgExt = imgSrc.substring(imgSrc.lastIndexOf(".")+1, imgSrc.length);
			$(this).attr("src", imgSrcName + "." + imgExt);
		}
	});
});