(function($){
    $.fn.brandSlider = function() {
		
		var thisList = this.find('ul');
		var liWidth = thisList.children('li').width();
		
		function nextSlide() {
			$('#brand-prev').unbind();
			
			var listPosition = thisList.css('margin-left');
			listPosition = parseInt(listPosition);
			
			if(listPosition < 0) {
				thisList.animate({ 'marginLeft': listPosition + liWidth }, 'fast', 'swing', function() {
					$('#brand-prev').bind('click', function() {
						nextSlide();
					});
				});
			}
		}
		
		function prevSlide() {
			$('#brand-next').unbind();
			
			var listPosition = thisList.css('margin-left');
			listPosition = parseInt(listPosition);
			
			if(listPosition >= (thisList.parent('#brands').width() - ulWidth + liWidth)) {
				thisList.animate({ 'marginLeft': listPosition - liWidth }, 'fast', 'swing', function() {
					$('#brand-next').bind('click', function() {
						prevSlide();
					});
				});
			}
		}
		
		function popup(obj) {
			$('.brand-popup').hide();
			
			popupNum = obj.attr('id').substring(6);
			var offset = obj.position();
			
			$('#brand-popup-' + popupNum).css('left', offset.left - 68).show();
		}
		
		function removePopup(obj) {
			popupNum = obj.attr('id').substring(6);
			
			$('#brand-popup-' + popupNum).hide();
		}
		
		var itemNo = 0;
		var ulWidth = 0;
        
		// Add <div>'s for sliding
		this.children('#brands').after('<span id="brand-prev"></span><span id="brand-next"></span>');
		// Add the event handlers for the arrows
		this.children('#brand-prev').click(function() { nextSlide() });
		this.children('#brand-next').click(function() { prevSlide() });
		
		// Add hover effect for popups
		thisList.children('li').each(function() {
			var thisItem = $(this);
			
			itemNo++;
			
			thisItem.hover(function() {
				popup(thisItem);
			}, function() {
				removePopup(thisItem);
			});
		});
		
		ulWidth = itemNo * liWidth;
		
		return this;
    };
})(jQuery);(function($){
    $.fn.brandSlider = function() {
		
		var thisList = this.find('ul');
		var liWidth = thisList.children('li').width();
		
		function nextSlide() {
			$('#brand-prev').unbind();
			
			var listPosition = thisList.css('margin-left');
			listPosition = parseInt(listPosition);
			
			if(listPosition < 0) {
				thisList.animate({ 'marginLeft': listPosition + liWidth }, 'fast', 'swing', function() {
					$('#brand-prev').bind('click', function() {
						nextSlide();
					});
					listPosition = thisList.css('margin-left');
					if(parseInt(listPosition) < 0) {
						$('#brand-prev').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.prev.active.jpg) no-repeat 0 0');
					} else {
						$('#brand-prev').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.prev.jpg) no-repeat 0 0');
					}
					if(parseInt(listPosition) > (itemNo - 8) * -liWidth) {
						$('#brand-next').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.next.active.jpg) no-repeat 0 0');
					} else {
						$('#brand-next').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.next.jpg) no-repeat 0 0');
					}
				});
			} else {
				$('#brand-prev').bind('click', function() {
					nextSlide();
				});
			}
		}
		
		function prevSlide() {
			$('#brand-next').unbind();
			
			var listPosition = thisList.css('margin-left');
			listPosition = parseInt(listPosition);
			
			if(listPosition >= (thisList.parent('#brands').width() - ulWidth + liWidth)) {
				thisList.animate({ 'marginLeft': listPosition - liWidth }, 'fast', 'swing', function() {
					$('#brand-next').bind('click', function() {
						prevSlide();
					});
					listPosition = thisList.css('margin-left');
					if(parseInt(listPosition) < 0) {
						$('#brand-prev').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.prev.active.jpg) no-repeat 0 0');
					} else {
						$('#brand-prev').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.prev.jpg) no-repeat 0 0');
					}
					if(parseInt(listPosition) > (itemNo - 8) * -liWidth) {
						$('#brand-next').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.next.active.jpg) no-repeat 0 0');
					} else {
						$('#brand-next').css('background', 'url(/smg/templates/assets/images/homepage/brandbar.next.jpg) no-repeat 0 0');
					}
				});
			} else {
				$('#brand-next').bind('click', function() {
					prevSlide();
				});
			}
		}
		
		function popup(obj) {
			$('.brand-popup').hide();
			$('#brand-arrow').hide();
			
			popupNum = obj.attr('id').substring(6);
			var offset = obj.position();
			var docOffset = obj.offset();
			
			$('#brand-arrow').css('left', offset.left + 49).show();
			
			if((popupNum == 1)) {
				$('#brand-popup-' + popupNum).css('left', offset.left - 38).show();
			} else if((popupNum == 8)) {
				$('#brand-popup-' + popupNum).css('left', offset.left - 98).show();
			} else {
				$('#brand-popup-' + popupNum).css('left', offset.left - 68).show();
			}
		}
		
		function removePopup(obj) {
			popupNum = obj.attr('id').substring(6);
			
			$('#brand-popup-' + popupNum).hide();
			$('#brand-arrow').hide();
		}
		
		var itemNo = 0;
		var ulWidth = 0;
		
		// Add hover effect for popups
		thisList.children('li').each(function() {
			var thisItem = $(this);
			
			itemNo++;
			
			thisItem.hover(function() {
				popup(thisItem);
			}, function() {
				removePopup(thisItem);
			});
		});
		
		if(itemNo > 8) {
			// Add <div>'s for sliding
			this.children('#brands').after('<span id="brand-prev"></span><span id="brand-next"></span>');
			// Add the event handlers for the arrows
			this.children('#brand-prev').click(function() { nextSlide() });
			this.children('#brand-next').click(function() { prevSlide() });
		}
		
		ulWidth = itemNo * liWidth;
		
		return this;
    };
})(jQuery);