document.write("<style>#master{LEFT:-100px;POSITION:absolute;z-index:10;}#menu{LEFT:100px;POSITION:absolute; TOP:200px; Z-INDEX:5}#screen{POSITION:absolute; TOP:165px; Z-INDEX:5}#screenlinks{POSITION:absolute; TOP:165px; VISIBILITY:visible; Z-INDEX:5}</style>")
document.write('<style>#screen{filter:Alpha(Opacity=100)} #screenlinks a{font-family:Verdana;font-size:8pt;text-decoration:none;color:#aaaaaa;} #screenlinks a:hover{color:#555555;}</style>')

var master = new Object("element")
master.curLeft = -100;
master.curTop = 10;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
	clearTimeout(eval(layerName).timer)
	if(eval(layerName).curLeft != fromLeft){
		if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
		
		else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
		
		else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
		
		document.getElementById(layerName).style.left = eval(layerName).curLeft  + "px";
	}
	
	if(eval(layerName).curTop != fromTop){
	
		if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){	
		
			eval(layerName).curTop = fromTop
			
		} else if(eval(layerName).curTop < fromTop){
		
			eval(layerName).curTop = eval(layerName).curTop + paceTop
		
		} else if(eval(layerName).curTop > fromTop){
		
			eval(layerName).curTop = eval(layerName).curTop - paceTop
		
		}
		
		document.getElementById("layerName").style.top = eval(layerName).curTop + "px";
	}
	
	eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed){
	eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
	eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}

var expandState = 0

function expand(){
	if(expandState == 0){setPace("master", 0, 10, 10);
		document.menutop.src = "sidebar/logo.gif"; expandState = 1;
	}else{
		setPace("master", -100, 10, 10); 
		document.menutop.src = "sidebar/logo.gif"; expandState = 0;
	}
}

document.write("<div id=\"master\"><div id=menu onmouseover=javascript:expand()><table border=0 cellpadding=0 cellspacing=0 width=18><tbody><tr><td width=100%><img name=menutop src=sidebar/logo.gif></td></tr></tbody></table></div><div id=top><table border=0 cellpadding=0 cellspacing=0 width=100><tbody><tr><td width=100%></td></tr></tbody></table></div><div id=screen onmouseout=javascript:expand()><table border=0 cellpadding=5 cellspacing=0 width=100><tbody><tr><td bgcolor=\"#9c08cd\" width=100% height=\"306px\"><!--[if IE]><td bgcolor=\"#9c08cd\" width=100% height=\"292px\"><![endif]--><table bgcolor=\"#9c08cd\" border=0 cellpadding=0 cellspacing=0 width=100%><tbody><tr><td width=100%><table border=0 cellpadding=5 cellspacing=1 width=100%><tbody><tr> <td bgcolor=\"#9c08cd\" width=100%><br><br><br><br><br></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><div id=screenlinks ><table border=0 cellpadding=6 cellspacing=0 width=100><tbody><tr><td width=100%><table bgcolor=\"#9c08cd\"\"#D6F8BE\" border=0 cellpadding=0 cellspacing=0 width=100% ><tbody> <tr><td width=100%><table border=0 cellpadding=6 cellspacing=1 width=100%><tbody><tr><td bgcolor=\"#D6F8BE\" width=100% align=center><img src=sidebar/print.gif><br><A href=javascript:window.print()>Print page</A><br><br><img src=sidebar/add.gif><br><a href=# onClick=bookmarkit()>Add to Favorite</a><br><br><img src=sidebar/friend.gif><br><A href=tellfriend.php>Tell a Friend</A><font color=\"#9c08cd\"><br><br><img src=sidebar/contact.gif><br><A href=contact_us.htm>Contact Us</A></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div></div>");


setInterval("doIT()",100);
	
function doIT(){
	document.getElementById("master").style.top = (getScrollXY()[1]+10)+"px";
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}
