/**
 * Banner de Marcas
 * 
 * @author: Thomaz Takashi Oda Toyama.
 * @retrun void
 */
 
(function($){
	$.fn.listDinamic = function(options){
		var _var 	= $.extend({},$.fn.listDinamic.defaults,options);
		var self	= $(this);
		action.speedyFrame = _var.speedyFrame
		self.each(function(){
			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 img',this).each(function(){ width += $(this).outerWidth()+32; });
			$('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();	
				});
			$(next,this)
				.bind('mouseenter',function(){
					action.width = (width - frame.width());
					action.interval = setInterval(action.next,_var.speedyTime);
				})
				.bind('mouseleave',function(){
					action.stop();	
				});
			action.objPrev = prev; 	action.objNext = next;
			prev.addClass('listDinamic-block');
			if(( -(width - frame.width()) ) >= action.position )
				next.addClass('listDinamic-block');
		});
		
	};
	
	$.fn.listDinamic.defaults = {
		tagTextClass : 'listDinamic',
		speedyTime: 10,
		speedyFrame: 1
	};
	
	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('listDinamic-block');
			}else action.objPrev.addClass('listDinamic-block');
		},
		next : function(){
			if( ( -action.width ) < (action.position - action.speedyFrame)){
				action.position -= action.speedyFrame;
				action.moveFrame.css({left:action.position + 'px'});
				action.objPrev.removeClass('listDinamic-block');
			}else action.objNext.addClass('listDinamic-block');
		},
		stop : function() {
			clearInterval(action.interval);
			}
		
	}
})(jQuery);

function initAgJQuery() {
	/* instancia jquery banner por marca*/
	jQuery('.banner-marcas > div > ul').listDinamic();	
	jQuery('.banner-marcas img').hover(function() {
		var src = jQuery(this).attr('src');
		src = src.replace(/marcas\//i,'marcas/hover/');
		jQuery(this).attr('src',src);
	},function(){
		var src = jQuery(this).attr('src');
		src = src.replace(/marcas\/hover\//i,'marcas/');
		jQuery(this).attr('src',src);
	});
};
/* Chama a função initBnMarcas apos o carregamento da pagina */
window.onload=initAgJQuery;