/**
 * Banner de Marcas
 * 
 * @author: Thomaz Takashi Oda Toyama.
 * @retrun void
 */
 
(function($){
	$.fn.listDinamic = function(options){
		
		var _var 	= $.extend({},$.fn.listDinamic.defaults,options);
	
		
		$(this).each(function(){
			var self	= $(this);
			var action = {
				position : 0,
				interval : null,
				moveFrame : null,
				width : 0,
				speedyFrame : 0,
				objPrev: null,
				objNext: null,
				create : function(tag,classe){		
					var _class = classe || $.fn.listDinamic.defaults.tagTextClass;
					return $(document.createElement(tag)).addClass(_class);	
				},
				prev : function(){
					if((action.position + action.speedyFrame) < 0 ){
						action.position += action.speedyFrame;
						action.moveFrame.css({left:action.position + 'px'});
						action.objNext.removeClass(_var.tagTextClass +'-block');
					}else {
						action.objPrev.addClass(_var.tagTextClass +'-block');
					}
				},
				next : function(){
					if( ( -action.width ) < (action.position - action.speedyFrame)){
						action.position -= action.speedyFrame;
						action.moveFrame.css({left:action.position + 'px'});
						action.objPrev.removeClass(_var.tagTextClass +'-block');
					}else {
						action.objNext.addClass(_var.tagTextClass +'-block');
					}
				},
				stop : function() {
					clearInterval(action.interval);
				}
				
			};
			action.speedyFrame = _var.speedyFrame;
			var div 	= action.create('div');
			var frame	= action.create('div',_var.tagTextClass + '-frame');
			var prev	= action.create('span',_var.tagTextClass + '-prev');
			var next	= action.create('span',_var.tagTextClass + '-next');
			var content	= frame.append($(this).clone().css({
				position: 'absolute',
				left: action.position,
				top: 0	
			})).css({position:'relative'});
			var position = 0;
			var interval = _var.speedyTime;
			var width = 0;
			$('li',this).each(function(){ 
				width += $(this).innerWidth(); 
			});
			$('ul',content).width(width);
			
			div.append(prev, next, content);
			$(this).replaceWith(div);
			
			action.moveFrame = $('ul',frame);
			
			$(prev,this)
				.bind('mouseenter',function(){
					action.width = (width - frame.width());
					action.interval = setInterval(action.prev,_var.speedyTime);
				})
				.bind('mouseleave',function(){
					action.stop();	action.speedyFrame = _var.speedyFrame;
				}).click(function(){ action.speedyFrame++;});

			$(next,this)
				.bind('mouseenter',function(){
					action.width = (width - frame.width());
					action.interval = setInterval(action.next,_var.speedyTime);
				})
				.bind('mouseleave',function(){
					action.stop(); action.speedyFrame = _var.speedyFrame;
				}).click(function(){ action.speedyFrame++; });
			action.objPrev = prev; 	action.objNext = next;
			prev.addClass(_var.tagTextClass);
			if(( -(width - frame.width()) ) >= action.position )
				next.addClass(_var.tagTextClass);
		});
		
	};
	
	$.fn.listDinamic.defaults = {	
		speedyTime: 10,
		speedyFrame: 3
	};
	
	
})(jQuery);

function initAgJQuery() {
	/* instancia jquery banner por marca*/
	jQuery('.banner-marcas > div > ul').listDinamic({tagTextClass: 'listDinamic'});	
	jQuery('#exclusivos ul').listDinamic({tagTextClass: 'listDinamic2'});
};
/* Chama a função initBnMarcas apos o carregamento da pagina */
window.onload=initAgJQuery;