var moveDirection = 'left';
var intervalHandle;
var allProductsDisplayed = false;
var divHeight = 0;

var moveBanner = function(){
	bannerLeft = parseInt(document.getElementById('bannerScroll').style.left);
	if (!bannerLeft)
		bannerLeft = 0;
	
	if (moveDirection == 'left')
		newBannerLeft = bannerLeft + 10;
	else
		newBannerLeft = bannerLeft - 10;
	
	bannerWidth = 0;
	var featuredBlocks = $$('div#bannerScroll div.featured');
	featuredBlocks.each(function(featuredBlock) {
		bannerWidth += parseInt(featuredBlock.clientWidth) + 5;//5 for padding
	});
	
	if (newBannerLeft < $('bannerContainer').clientWidth - bannerWidth)
		newBannerLeft = $('bannerContainer').clientWidth - bannerWidth;
	
	if (newBannerLeft > 0)
		newBannerLeft = 0;
	
	$('bannerScroll').style.left = newBannerLeft + "px";
}

var startMoving = function(direction){
	moveDirection = direction;
	intervalHandle = setInterval ( "moveBanner()", 50 );
}

var stopMoving = function(){
	clearInterval ( intervalHandle );
}

var expandFeatured = function(event){
	var element = event.element();
	if (element.up('a')) element = element.up('a');
	if (element.up('div')) element = element.up('div');
	var allDivs = $$('div#bannerScroll div.featured');
	allDivs.each(function(featuredDiv) {
		if (featuredDiv.id == element.id)
			featuredDiv.className = "featured";
		else
			featuredDiv.className = "featured collapse";
	});
}

Event.observe(window, 'load', function() {
	$$('div.featured').invoke('observe', 'mouseover', expandFeatured);
});