//var slideInPixels =435;//number of pixels to slide
//or
var visibleItems = 5; //number of items to scroll by
var slideSpeed = 500; //speed of slide
var top;
var bottom;
var upImage = "images/videos-and-demo/video_upArrow.gif";
var upImageDisabled = "images/videos-and-demo/video_upArrow_dis.gif";
var downImageDisabled = "images/videos-and-demo/video_downArrow_dis.gif";
var downImage = "images/videos-and-demo/video_downArrow.gif"
var upImageAlt = "Up";
var upImageAltDisabled = "No more videos";
var downImageAlt = "Down";
var downImageAltDisabled = "No more videos";
var canScroll = true;
var upIsAct = false,
upNotAct = false,
downIsActive = false,
downNotActive = false;
var canScrollUp = false;
var canScrollDown = true;

var totalCount = $("div.scrollable_area ul.carCol li").length;
var multiplierValue = 5;
var currentCount = 5;

var carThumbCount;
var slideInPixels; //number of pixels to slide
var carItemHeight = 0;

function scrollItems(top, bottom) {
	var vidLen = ((($("div.scrollable_area ul li.carThumb").length)) * 87);
	scrollable_area = $("div.scrollable_area").outerHeight();
	if (vidLen > scrollable_area) {
	}
	if (catClick) {
		$("div.carArrowTop").addClass('scrollUp_disabled')
		$("div.carArrowBott").removeClass('scrollBtm_disabled')
		
	}
	if (compareHeights(scrollable_area) >= 0) {
		canScroll = true;
		canScrollUp = true;
	}
	else {
		canScroll = false;
		canScrollUp = false;
	}
	if (compareHeights(scrollable_area) <= 0) {
		canScrollDown = false;
	}
	else {
		canScrollDown = true;
	}
	getElemPositions(scrollable_area, top, bottom, canScrollUp, canScrollDown);
}

var minLettersTitle = 27; // Number of letters before adding "..." to the video title

function truncateDesc() {
	$("div.bmg_videoTitle").each(function (i) {
		var vidTitleLength = $(this).text().length;
		if (vidTitleLength > minLettersTitle) {
			var vidTitle = $(this).text();
			$(this).attr("title", $(this).text());
			vidTitleSliced = vidTitle.slice(0, minLettersTitle);
			$(this).text(vidTitleSliced).append("...");
		}
		return
	});
}

function allCarThumbHeights() {
	$("ul.carCol li").each(function () {
		carItemHeight += $(this).outerHeight();
	});
	return carItemHeight;
}

function updatePositions(canScrollUp, canScrollDown, top, bottom, scrollable_area) {
	var containerPos = $("ul.carCol").position().top;
	var firstElemPos = containerPos - $("ul li.carThumb:first").position().top;
	var lastElemPos = $("ul li.carThumb:last").position().top;
//		alert("canScrollUp: "+canScrollUp)
//	alert("canScrollDown: "+canScrollDown)
	if (firstElemPos <= 0) {
		canScrollUp = false;
	}
	else {
		canScrollUp = true;
	}
	if (Math.abs(lastElemPos) < scrollable_area - 75) {
		//	alert("Last elem: Can scroll Down")
		canScrollDown = false;
	}
	else {
		canScrollDown = true;
	}
	switchButtons(canScrollUp, canScrollDown, top, bottom, scrollable_area)
}
var canScroll = true;

function getElemPositions(scrollable_area, top, bottom) {
	
	try {
	
	var containerPos = $("ul.carCol").position().top;
	var firstElemPos = containerPos - $("ul li.carThumb:first").position().top;
	var lastElemPos = $("ul li.carThumb:last").position().top;
	if (firstElemPos <= 0) {
		canScrollUp = false;
	}
	else {
		canScrollUp = true;
	}
	if (Math.abs(lastElemPos) < scrollable_area - 75) {
		canScrollDown = false;
	}
	else {
		canScrollDown = true;
	}

	//updatePositions(canScrollUp,canScrollDown,top,bottom,scrollable_area)
	scrollCar(canScrollUp, canScrollDown, top, bottom, scrollable_area);
	
	}
	
	catch(e) {
		
	}
}

function switchButtons(canScrollUp, canScrollDown, top, bottom, scrollable_area) {
	if (canScrollUp) {
		$("div.carArrowTop").removeClass('scrollUp_disabled').bind('click', scrollCar);
		upIsAct = true;
		updatePaging(total, first, multi, curr);
	}

	else {
		$("div.carArrowTop").addClass('scrollUp_disabled').unbind('click', scrollCar);
		upNotAct = true;
	}

	if (canScrollDown) {
		$("div.carArrowBott").removeClass('scrollBtm_disabled').bind('click', scrollCar);
		downIsActive = true;
		updatePaging(total, first, multi, curr);
	}

	else {
		$("div.carArrowBott").addClass('scrollBtm_disabled').unbind('click', scrollCar);
		downNotActive = true;
	}

}

function scrollCar(canScrollUp, canScrollDown, top, bottom, scrollable_area) {
	slideInPixels = parseInt($("div.scrollable_area ul.carCol li:first").outerHeight()) * (visibleItems);
	if (canScrollUp && top) {
		$("ul.carCol li").animate({
			top: "+=" + slideInPixels + "px"
		},
		slideSpeed, function () {
			updatePositions(canScrollUp, canScrollDown, top, bottom, scrollable_area)
		});
	}
	else {
	}
	if (canScrollDown && bottom) {
		$("ul.carCol li").animate({
			top: "-=" + slideInPixels + "px"
		},
		slideSpeed, function () {
			updatePositions(canScrollUp, canScrollDown, top, bottom, scrollable_area)
		});
	}

	else {}
	catClick = false;
}
function compareHeights(scrollable_area) {
	scrollable_area = $("div.scrollable_area").outerHeight();

	return allCarThumbHeights() - scrollable_area;
}