
function scrollBar(line,face,theme)
	{
		if (!line||!face)
			{
				line=null;
				face=null;
				switch(theme) 
					{
						case "blue":
							var line="#78AAFF";
							var face="#EBF5FF";
							break;
						case "orange":
							var line="#FF9933";
							var face="#FFF9DF";
							break;
						case "red":
							var line="#CC3300";
							var face="#FFE3DD";
							break;
						case "green":
							var line="#00C600";
							var face="#D1EED0";
							break;
						case "violet":
							var line="#CC0099";
							var face="#EADBEA";
							break;
						case "yellow":
							var line="#ff6600";
							var face="#FFFF99";
							break;
					}
			}

				with(document.body.style)
					{
						scrollbarDarkShadowColor=line;
						scrollbar3dLightColor=line;
						scrollbarArrowColor="black";
						scrollbarBaseColor=face;
						scrollbarFaceColor=face;
						scrollbarHighlightColor=face;
						scrollbarShadowColor=face;
						scrollbarTrackColor="#F3F3F3";
					}
			}

/*------------------[Pointer coordinates catcher]---------------*/
function colorBar(){
		var w = document.body.clientWidth;
		var h = document.body.clientHeight;
		var x = event.clientX;
		var y = event.clientY;
		if(x>w||y-3>h) scrollBar('#ff6600','#FFFF99'); // Your colors
		else scrollBar(null,null,"orange"); // A predefined theme
	}

if (document.all){
scrollBar(null,null,"orange");
document.onmousemove=colorBar;
}

function offscreen(){
scrollBar(null,null,"orange");
}

document.onmouseout=offscreen;
