function scrollDetect(mydiv) {
  var mydiv = document.getElementById('content2').offsetHeight;
  if (mydiv < 500) {
	document.getElementById('scrollbar2').setAttribute('class', 'hidden')
  }
  else if (mydiv > 500) {
	document.getElementById('scrollbar2').setAttribute('class', 'seen');
	document.getElementById('content2').setAttribute('class', 'setheight');
	function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y -content.getSize().y))
	var slider = new Slider(scrollbar, handle, {steps: steps,mode: (horizontal?'horizontal':'vertical'),onChange: function(step){
	var x = (horizontal?step:0);
	var y = (horizontal?0:step);content.scrollTo(x,y);}}).set(0);if( !(ignoreMouse) ){
	$$(content, scrollbar).addEvent('mousewheel', function(e){e = new Event(e).stop();var step = slider.step - e.wheel * 30;slider.set(step);});}
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});}	
	window.addEvent('domready', function(){			
	makeScrollbar( $('content2'), $('scrollbar2'), $('handle2') );});
  }};

function scrollDetect2(mydiv) {
  var mydiv = document.getElementById('content3').offsetHeight;
  if (mydiv < 485) {
	document.getElementById('scrollbar3').setAttribute('class', 'hidden');
  }
  else if (mydiv > 485) {
	document.getElementById('scrollbar3').setAttribute('class', 'seen');
	document.getElementById('content3').setAttribute('class', 'setheight2');
	function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y -content.getSize().y))
	var slider = new Slider(scrollbar, handle, {steps: steps,mode: (horizontal?'horizontal':'vertical'),onChange: function(step){
	var x = (horizontal?step:0);
	var y = (horizontal?0:step);content.scrollTo(x,y);}}).set(0);if( !(ignoreMouse) ){
	$$(content, scrollbar).addEvent('mousewheel', function(e){e = new Event(e).stop();var step = slider.step - e.wheel * 30;slider.set(step);});}
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});}	
	window.addEvent('domready', function(){			
	makeScrollbar( $('content3'), $('scrollbar3'), $('handle3') );});
}};
function main(){
	var list = $$('ul#nav li');list.each(function(element) {
	element.addEvent('mouseenter', function(){element.morph({'background-color': '#636363'});});
	element.addEvent('mouseleave', function(){element.morph({'background-color': '#000000'});});});
}