var expanderFromSize;
	var expanderToSize;
	var expanderExpandBy;
	var expanderElement;
	var expanderDirection;
    var contractorElement;
	var contractorContractBy;
	
	function initContractor(strDivTag,strDirection,intContractBy) {
		contractorElement = strDivTag;
		contractorContractBy = intContractBy;
		contract(strDirection);
	}
	
	function contract(strDirection) {
		var element = document.getElementById(contractorElement);
		var intDecreaseSize = contractorContractBy;
		if (strDirection == "h") {
			var curHeight = parseInt(element.style.height);
			var newHeight = parseInt(curHeight) - intDecreaseSize;
			element.style.height = newHeight + "px";
			if (parseInt(element.style.height) > 1) {
				element.style.overflow= "none";
				setTimeout("contract('" + strDirection + "')",1);
			} else {    
				element.style.visibility = "hidden";
				return;
			}
		}
		else {
			var curWidth = parseInt(element.style.width);
			var newWidth = parseInt(curWidth) - intDecreaseSize;
			element.style.width = newWidth + "px";
			if (parseInt(element.style.width) > 1) {
				element.style.overflow= "none";
				setTimeout("contract('" + strDirection + "')",1);
			} else {    
				element.style.visibility = "hidden";
				return;
			}
		
		}
	}
	
	
	function initExpander(strDivTag,strDirection,intExpandFrom,intExpandTo,intExpandBy) {
	    expanderFromSize = intExpandFrom;
		expanderToSize = intExpandTo;
		expanderExpandBy = intExpandBy;
		expanderElement = strDivTag;
		expanderDirection = strDirection;
		element = document.getElementById(expanderElement);
		element.style.overflow = "hidden";
		element.style.visibility = "visible";
		if (strDirection == "h") {
			element.style.height = "1px";
		} else {
			element.style.width = "1px";		
		}
		expand(strDirection);
	}

	function expand(strDirection) {
		var element = document.getElementById(expanderElement);
		var intIncreaseSize = expanderExpandBy;
		if (strDirection == "h") {
			var curHeight = parseInt(element.style.height);
			var newHeight = parseInt(curHeight) + intIncreaseSize;
			element.style.height = newHeight + "px";
			if (parseInt(element.style.height) < expanderToSize) {
				setTimeout("expand('" + strDirection + "')",1);
			} else {    
				element.style.overflow= "auto";
				return;
			}
		}
		else {
			var curWidth = parseInt(element.style.width);
			var newWidth = parseInt(curWidth) + intIncreaseSize;
			element.style.width = newWidth + "px";
			if (parseInt(element.style.width) < expanderToSize) {
				setTimeout("expand('" + strDirection + "')",1);
			} else {    
				element.style.overflow= "auto";
				return;
			}
		
		}
	}