var left = 0;
var maxleft = 1;

var itemWidth = 73;
var itemPadding = 1;
var totalWidth = 220;

var busyAnimating = false;

	$(window).ready(function(){
      		maxleft = (Math.ceil($('#viewPort > div').length * (itemWidth + itemPadding))) - totalWidth - itemPadding;
		
		$('.StreamItemsInnerContainer').mouseenter(enableSlideItems);
		$('.StreamItemsInnerContainer').mouseleave(disableSlideItems);

$('#streamItemsArrowLeft').mouseenter(enableSlideItems);
$('#streamItemsArrowRight').mouseenter(enableSlideItems);
$('#streamItemsArrowLeft').mouseleave(disableSlideItems);
$('#streamItemsArrowRight').mouseleave(disableSlideItems);

		doIntroSlide();
	});
	
	doIntroSlide = function() 
	{
		busyAnimating = true;
		$('#viewPort').animate({
 'left': '-=' + (maxleft) }, 18000, function() { disableSlideItems(); } );
	}

	enableSlideItems = function(e)
	{	
		disableSlideItems();
//		$('#viewPort').stop();
//		busyAnimating = false;
		$('.StreamItemsInnerContainer').mousemove(moveSlideItems);
		$('#streamItemsArrowLeft').mousemove(moveSlideItems);		
		$('#streamItemsArrowRight').mousemove(moveSlideItemsArrowIconRight);		
	}
	
	disableSlideItems = function(e)
	{	
		busyAnimating = false;

		$('#viewPort').stop();

		left = parseInt($('#viewPort').css('left')) * -1;
	}
	
	moveSlideItems = function(e)
	{
		var target = $(e.currentTarget);
		var xPos = e.pageX-target.offset().left;
		
		if(xPos <= itemWidth)
		{
			if (busyAnimating) return;
			StreamItemsLeft();
		}else if(xPos >= target.width()-itemWidth)
		{
			if (busyAnimating) return;
			StreamItemsRight();
		}else{
			disableSlideItems();
		}

	}


	moveSlideItemsArrowIconRight = function(e)
	{
		var target = $(e.currentTarget);
		var xPos = e.pageX-target.offset().left + 205;
		
		if(xPos <= itemWidth)
		{
			if (busyAnimating) return;
			StreamItemsLeft();
		}else if(xPos >= target.width()-itemWidth)
		{
			if (busyAnimating) return;
			StreamItemsRight();
		}else{
			disableSlideItems();
		}

	}

	StreamItemsLeft = function(){
		if (left <= 0){ return; }
		busyAnimating = true;
		$('#viewPort').animate({
			'left': '+=' + (left)
		},
		left * 10,
		function(){		
			left = parseInt($('#viewPort').css('left')) * -1;
			busyAnimating = false;});

	}

	StreamItemsRight = function(){
		if (left >= maxleft){ return; }
		busyAnimating = true;
   		$('#viewPort').animate({
       		'left': '-=' + (maxleft - left)
        },
       	(maxleft - left) * 10,
		function(){
			left = parseInt($('#viewPort').css('left')) * -1;
			busyAnimating = false;
		});

	}

	MouseLeave = function(){
		disableSlideItems();
		$('.StreamItemsInnerContainer').unbind('mousemove');
	}