var slideList = "divBookmarksSlider|divFilesSlider";
var slidersArr = slideList.split('|');


var slideExpandPiece = 50;
var slideCollapsePiece = 75;



var slideCollapseAllCurrent = 0;
var slideCollapseAllWorking;
function slideCollapseAll(init) {

		if(init) {
			//
			// Get the widest of current open sliders...
			//
			for(var i = 0; i<slidersArr.length;i++) {
				if(parseFloat(document.getElementById(slidersArr[i]).style.width) >slideCollapseAllCurrent) {
					slideCollapseAllCurrent = parseFloat(document.getElementById(slidersArr[i]).style.width);
				}
			}
			
			slideCollapseAllWorking = true;
		}
		

		slideCollapseAllCurrent -= slideCollapsePiece;
		
		if(slideCollapseAllCurrent > 0) {
			
			//
			// Decrease width of sliders that are wider than 0
			//
			for(var i = 0; i<slidersArr.length;i++) {
				var sliderWidth = parseFloat(document.getElementById(slidersArr[i]).style.width);
				if(sliderWidth > 0) {
					document.getElementById(slidersArr[i]).style.width = slideCollapseAllCurrent + "px";
				} else {
					document.getElementById(slidersArr[i]).style.width = "0px";
					document.getElementById(slidersArr[i]).style.display = "none";
				}
			}
			
			// Callback
			setTimeout("slideCollapseAll(false)",  50);
			
		} else {
			
			//
			// Thats it, set all sliders to width 0, display none
			//
			for(var i = 0; i<slidersArr.length;i++) {
				document.getElementById(slidersArr[i]).style.width = "0px";
				document.getElementById(slidersArr[i]).style.display = "none";
			}
			
			slideCollapseAllWorking = false;
		}
		


}


var slideExpandTarget = 0;
var slideExpandCurrent = 0;

function slideToggle(div, width) {
	if(width > 0) {
		// Initializing...
		slideExpandTarget = width;
		slideExpandCurrent = 0;


		//
		// Begin collapsing all other sliders
		//
		slideCollapseAll(true);
		
		if(document.getElementById(div).style.display == "block") {
			return;
		}
	}

	//
	// Wait for all sliders to be collapsed...
	//
	for(var i = 0; i<slidersArr.length;i++) {
		if((slidersArr[i] != div) && (document.getElementById(slidersArr[i]).style.display != "none")) {
			setTimeout("slideToggle('"+div+"', '0')",  100);
			return;
		}
	}


	
	//
	// Lets begin expanding...
	//
	document.getElementById(div).style.display = "block";

	//
	// Expand selected slider...
	//
	slideExpandCurrent += slideExpandPiece;
	
	if(slideExpandCurrent < slideExpandTarget) {
		//
		// Continue to expand...
		//
		
		document.getElementById(div).style.width = slideExpandCurrent + "px";
		setTimeout("slideToggle('"+div+"', '0')",  50);
	} else {
		//
		// Done expanding...
		//
		document.getElementById(div).style.width = slideExpandTarget + "px";
	}	
}