var isdown = false;
	var currentWidgetLayer = 1;
	
	function slideIt(num) {
		if(isdown){
			if(num!=currentWidgetLayer){
				switchLayer(num);
			}else{
				new Effect.Move('widgetHold', { x: 0, y: -135, mode: 'relative' });
				isdown = false;
			}
		} else {
			new Effect.Move('widgetHold', { x: 0, y: 135, mode: 'relative' });
			isdown = true;
			document.getElementById('tab' + num + 'on').style.display = 'block';
			document.getElementById('tab' + num + 'off').style.display = 'none';
			if (num != currentWidgetLayer) {
				switchLayer(num);
			}
		}
		currentWidgetLayer = num;		
	}
	function switchLayer(num) {
		for (i=1;i<=3;i++) {
			if (i == num) {
				//Effect.Appear('layer' + i, { duration: 0.5 });
				//Effect.Appear('tab' + i + 'on', { duration: 0.5 });
				//Effect.Fade('tab' + i + 'off', { duration: 0.5 });
				document.getElementById('layer' + i).style.display = 'block';
				document.getElementById('tab' + i + 'on').style.display = 'block';
				document.getElementById('tab' + i + 'off').style.display = 'none';
			} else {
				//Effect.Fade('layer' + i, { duration: 0.5 });
				//Effect.Fade('tab' + i + 'on', { duration: 0.5 });
				//Effect.Appear('tab' + i + 'off', { duration: 0.5 });
				document.getElementById('layer' + i).style.display = 'none';
				document.getElementById('tab' + i + 'on').style.display = 'none';
				document.getElementById('tab' + i + 'off').style.display = 'block';
			}
		}
	}

/*
	var isdown = false;
	
	function slideIt(num) {
		if (isdown) {
			new Effect.Move('widgetHold', { x: 0, y: -135, mode: 'relative' });
			isdown = false;
		} else {
			new Effect.Move('widgetHold', { x: 0, y: 135, mode: 'relative' });
			isdown = true;
			document.getElementById('tab' + num + 'on').style.display = 'block';
			document.getElementById('tab' + num + 'off').style.display = 'none';
switchLayer(num);
		}
		
	}
	function switchLayer(num) {
		for (i=1;i<=3;i++) {
			if (i == num) {
				Effect.Appear('layer' + i, { duration: 0.5 });
				//Effect.Appear('tab' + i + 'on', { duration: 0.5 });
				//Effect.Fade('tab' + i + 'off', { duration: 0.5 });
				document.getElementById('tab' + i + 'on').style.display = 'block';
				document.getElementById('tab' + i + 'off').style.display = 'none';
			} else {
				Effect.Fade('layer' + i, { duration: 0.5 });
				//Effect.Fade('tab' + i + 'on', { duration: 0.5 });
				//Effect.Appear('tab' + i + 'off', { duration: 0.5 });
				document.getElementById('tab' + i + 'on').style.display = 'none';
				document.getElementById('tab' + i + 'off').style.display = 'block';
			}
		}
	}
*/