Marcas = {step : 5, freq : 30};
var Index = {
	videoPg : 1,
	
	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);

		$(".index-videos-md-vd").live("click", Index.mudaVideo);
		$(".index-videos-area .paging .next").live("click", Index.videoPagingNext);
		$(".index-videos-area .paging .prev").live("click", Index.videoPagingPrev);	
	},
	
	videoPagingPrev : function () {
		if ($(this).hasClass("dis") == false) {
			if (Index.videoPg > 1) {
				Index.videoPg--;
				Index.videoPaging('prev');
			} else
				$(".index-videos-area .paging .prev").addClass("dis");
		}
	},
	
	videoPagingNext : function () {
		if ($(this).hasClass("dis") == false) {
			Index.videoPg++;
			Index.videoPaging('next');
		}
	},	
	
	mudaVideo : function () {
		var video = $(this).attr("rel"),
			video_url = "https://www.youtube.com/v/" + video + "?fs=1&hl=pt_BR&rel=0";
		
		$("#index_video_main").html(
			'<object width="315" height="295">' + 
				'<param name="movie" value="' + video_url + '"></param>' + 
				'<param name="allowFullScreen" value="true"></param>' + 
				'<param name="allowscriptaccess" value="always"></param>' + 
				'<embed wmode="opaque" src="' + video_url + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="315" height="295"></embed>' + 
			'</object>'
		);
	},
		
	videoPaging : function (tp) {
		if (Index.videoExcludes == undefined) {
			Index.videoExcludes = [];
			$(".index-videos-area .lst li").each(function(i) {
				var numId = $(this).attr("id");
				numId = numId.split('_');
				numId = numId.pop();
				
				Index.videoExcludes[i] = numId;
			});
		}

		$.ajax({
			url : 'e-commerce/pages/index_videos.php?pg=' + Index.videoPg + "&exc=" + Index.videoExcludes.join(','),
			success : function (ret) {
				$("#index_videos_area").html(ret);
				
				if (tp == 'next')
					$(".index-videos-area .paging .prev").removeClass("dis");
				else
					$(".index-videos-area .paging .next").removeClass("dis");
			}
		});
	}
};
$(Index.init);

/**
 * 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,
	cwdt = Marcas._scrolArea.width();
	
	Marcas._scrolArea.find('li').each(function () {
		wdt += $(this).outerWidth();
	});
	
	if (wdt > cwdt)
		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);
}