<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#EEF0FD;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#00659C;
scrollbar-track-color:#FFFFFF;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 006699;
	text-decoration: none;
}
-->
 </STYLE>
<body>
<script language="JavaScript">
function scrollBar(line,face,theme)
 {
  if (!line||!face)
   {
    line=null;
    face=null;
    switch(theme) // Predefined themes
     {
      case "blue":
       var line="#78AAFF";
       var face="#EBF5FF";
       break;
      case "orange":
       var line="#78AAFF";
       var face="#EBF5FF";
       break;
      case "red":
       var line="#FF7979";
       var face="#FFE3DD";
       break;
      case "green":
       var line="#00C600";
       var face="#D1EED0";
       break;
      case "neo":
       var line="#78AAFF";
       var face="#EBF5FF";
       break;
     }
   }
 
    with(document.body.style)
     {
      scrollbarDarkShadowColor=line;
      scrollbar3dLightColor=line;
      scrollbarArrowColor="black";
      scrollbarBaseColor=face;
      scrollbarFaceColor=face;
      scrollbarHighlightColor=face;
      scrollbarShadowColor=face;
      scrollbarTrackColor="#EBF5FF";
     }
   }
 

function colorBar(){
  var w = document.body.clientWidth;
  var h = document.body.clientHeight;
  var x = event.clientX;
  var y = event.clientY;
  if(x>w) scrollBar('#000080','#BFDFFF'); // Your colors
  else scrollBar(null,null,"neo"); // A predefined theme
 }
 
if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}
</script>
