/**
 * Vars
 */
Index = {};
Marcas = {step : 5, freq : 30};

/**
 * Init
 */
Index.init = function () {
	// Marcas Scroll
	Marcas._scrolAllArea = $(".marcas-scroll .cnt");
	Marcas._scrolArea = $(".marcas-scroll .list");
	$(".marcas-scroll .list li a").hover(Marcas.over, Marcas.out);
	Marcas.calculaTamScrol();
	$(".marcas-scroll .set.lft").hover(Marcas.esquerda, Marcas.stop);
	$(".marcas-scroll .set.rgt").hover(Marcas.direita, Marcas.stop);
	
	$("[id^=produto_all]").click(Index.loadProduto);
};
$(Index.init);

Index.loadProduto = function (){
	var url = $(this).find("#produto_img a").attr("href");
	location.href = url;
}

/**
 * Load
 */
$(window).load(function() {
	// Marcas Scroll (Calcula Tamanho após imagens carregadas)
	Marcas.calculaTamScrol();
});

/**
 * Marcas Seta Esquerda
 */
Marcas.esquerda = function (e) {
	var left_all = 0-Marcas.step, 
	_this = $(this),
	left = parseInt(Marcas._scrolArea.css("left").replace("px",""));
	
	if (left < left_all) _this.addClass("ok");
	else _this.removeClass("ok");
	
	Marcas.int = setInterval(
		function() {
			var left = parseInt(Marcas._scrolArea.css("left").replace("px",""));
				
			if (left > left_all) {
				Marcas.stop();
				_this.removeClass("ok");
			} else
				Marcas._scrolArea.css("left", (left + Marcas.step) + "px");
		}, Marcas.freq
	);
	
	e.preventDefault();
};

/**
 * Marcas Seta Direita
 */
Marcas.direita = function (e) {
	var largura = Marcas._scrolArea.width(),
	_this = $(this),
	left = parseInt(Marcas._scrolArea.css("left").replace("px","")),
	right = left + largura
	width_all = Marcas._scrolAllArea.width();
	
	if (right >= width_all) _this.addClass("ok");
	else _this.removeClass("ok");
	
	Marcas.int = setInterval(
		function() {
			var left = parseInt(Marcas._scrolArea.css("left").replace("px","")),
				right = left + largura;
			
			if (right < width_all) {
				Marcas.stop();
				_this.removeClass("ok");
			}
			else
				Marcas._scrolArea.css("left", (left - Marcas.step) + "px");
		}, Marcas.freq
	);
	
	e.preventDefault();
};

/**
 * Para Movimentação
 */
Marcas.stop = function () {
	clearInterval(Marcas.int);
}

/**
 * Calcula Tamanho do scroll
 */
Marcas.calculaTamScrol = function () {
	var wdt = 0;
	
	Marcas._scrolArea.find('li').each(function () {
		wdt += $(this).outerWidth();
	});
	
	Marcas._scrolArea.width(wdt + (Marcas._scrolArea.find('li').length * 3));
};

/**
 * Passa mouse
 */
Marcas.over = function () {
	if (!document.all)
		$(this).find("img").animate({opacity : 0.55}, 150);
}

/**
 * Retira mouse
 */
Marcas.out = function () {
	if (!document.all)
		$(this).find("img").animate({opacity : 1}, 100);
}