var sliderIntervalId = 0;
var sliderId;
var sliderHeight = 299;
var slideUp;
var notWhitespace = /\S/;

function toggleBar(bar){			
	var valid = validateSlide(bar.id);
	if (!valid) return;

	slideUp = slideItUp(bar.id);
	var bar2 = getOpenBar(bar.id);
	
	var collection = bar.parentNode.childNodes;	
	for(var i=0; i<collection.length; i++){
		if(collection[i].tagName && collection[i].tagName.toLowerCase() == "div"){			
			collection[i].style.height = "34px";
			if(slideUp && collection[i].id == bar2.id){
				collection[i].style.height = sliderHeight + "px";
			}
			collection[i].className = "BestSellersCollapsed";
		} 
	}
	sliderId = bar.id;
	bar.className = "BestSellers";	
	for(var i=0; i<bar.childNodes.length; i++){
		if(bar.childNodes[i].tagName && bar.childNodes[i].tagName.toLowerCase() == "div"){
			bar.childNodes[i].style.display = "block";					
		}
	}
	clearInterval(sliderIntervalId);	
	slideCollapsable(bar.id, bar2.id);
}
function validateSlide(barId){
	if (!barId) return false;		
	var bar = document.getElementById(barId);
	if(bar.className == "BestSellers"){
		return false;
	}
	return true;
}
function slideItUp(barId){		
	var a; 
	var b;
	var bar = document.getElementById(barId);
	var collection = bar.parentNode.childNodes;				
	for(var i=0; i<collection.length; i++){		
		if(collection[i].className == "BestSellers"){
			a = i;
		}
		if(collection[i].id == barId){
			b = i;
		}
		if(a > b){
			return false;
		}
		return true;
	}
}
function slideCollapsable(barId, bar2Id){		
	var bar = document.getElementById(barId);	
	var barHeight = getBarHeight(bar);		
	
	clearInterval(sliderIntervalId);
	if(barHeight < sliderHeight){
		bar.style.height = (barHeight + 15) + "px";
		if(slideUp){
			var bar2 = document.getElementById(bar2Id);	
			if(getBarHeight(bar2) > 35){
				bar2.style.height = (getBarHeight(bar2) - 15) + "px";
			}	
		}
		sliderIntervalId = setInterval("slideCollapsable('" + barId + "','" + bar2Id + "')", 8);	
	} else {
		var bar2 = document.getElementById(bar2Id);	
		bar2.style.height = "35px";
	}	
}
function getOpenBar(barId){		
	var bar = document.getElementById(barId);
	var collection = bar.parentNode.childNodes;				
	for(var i=0; i<collection.length; i++){		
		if(collection[i].className == "BestSellers"){
			return collection[i];
		}		
	}
}
function getBarHeight(bar){
	if(bar.style.height == "") return 0 
	return parseInt(bar.style.height);
}