// JavaScript Document

	function Up(){
		
		HideChildren();

		Effect.BlindUp(
		   	'scroller',
			{
					duration: 0.5,
					scaleFrom: 100,
					scaleTo: 000,
					afterFinish: function(){
							$('scroller').style.display = 'none';
						} 
			}
		); 

		return false;

	}
	
	function Dn(id){
		
		var display = $('scroller').style.display;

		// Only if the scroller is not being displayed already...
		if (display == 'none'){

			HideChildren();

			Effect.BlindDown(
				'scroller',
				{
						duration: 0.5,
						scaleFrom: 000,
						scaleTo: 100,
						afterFinish: function(){
								$('children[' + id + ']').style.display = 'block';
								$('scroller').style.display = 'block';
							} 
				}
			); 

		// It the scroller is displayed we have two options...
		} else {

			var display = $('children[' + id + ']').style.display;

			// The same children are selected so hide the scroller completely
			if (display == 'block'){

				Up();

			// Replace the children with the new choice
			} else {

				HideChildren();

				$('children[' + id + ']').style.display = 'block';

			}

		}
		
		return false;

	}

	function HideChildren(){

		var children = $$('div.children');
		
		for (var x = 0; x < children.length; x++){

			children[x].style.display = 'none';

		}

	}