/*
para colocar botão em estado down:
roll.setDown('itemLinha2009');
*/

var roll = {
	sufixoImgOver: "_ov",
	sufixoImgDown: "_down",
	classToOver: "roll",
	classDown: "down",

	setDown: function (domId) {
		/*
		coloca imagem em estado down
		recebe id da imagem, faz o hover e trava para não haver mais hovers
		*/
		var imgH = $("#"+domId);
		roll.setDown(imgH[0]);
		imgH.data("rollLocked", true);
	},

	setUp: function (domId) {
		/*
		retira imagem de estado down
		recebe id da imagem, destrava para funcionar o hover e faz o out
		*/
		var imgH = $("#"+domId);
		imgH.data("rollLocked", false);
		roll.setOut(imgH[0]);
	},

	setHover: function (domImg){
		var src = domImg.src;
		if (src.indexOf(this.sufixoImgOver+'.')<0) {
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			domImg.src = src.replace(ftype, this.sufixoImgOver+ftype);
		}
	},
	
	setDown: function (domImg){
		var src = domImg.src;
		$(domImg).data("rollLocked", true);
		if (src.indexOf(this.sufixoImgDown+'.')<0) {
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			domImg.src = src.replace(ftype, this.sufixoImgDown+ftype);
		}
	},

	setOut: function (domImg){
		var src = domImg.src;
		if (src.indexOf(this.sufixoImgOver+'.')>=0) {
			domImg.src = src.replace(this.sufixoImgOver,'');
		}
	}
}

$(function(){
	$("."+roll.classDown).each(function (i) {
		roll.setDown($(this)[0]);
	});
	//procura por imagens que devem ter fazer hover (classe=roll)
	$("."+roll.classToOver).hover(function() {
		//over
		if (!$(this).data("rollLocked")) {
			roll.setHover($(this)[0]);
		}
	}, function() {
		//out
		if (!$(this).data("rollLocked")) {
			roll.setOut($(this)[0]);
		}
	});
});