var maxheight = 550;
document.getElementById('content').style.height = (maxheight-55)+'px';
document.getElementById('content').style.borderBottom = '20px solid #ffffff';
document.getElementById('content').style.overflow = 'hidden';
// document.getElementsByTagName('body')[0].style.overflow = 'hidden';


function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
  // var size = element.getSize().size.y;
  // var scrollSize = element.getSize().scrollSize.y;
  // content.getSize().scrollSize.y
//	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.y+40))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	
	// alert(slider)
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

//   alert(document.getElementById('content').offsetHeight+" / "+maxheight);
// if(document.getElementById('content').offsetHeight > maxheight+50)
if(document.getElementById('left_row')!= null)
  left_row_height = document.getElementById('left_row').offsetHeight;
else
  left_row_height = 0;
  
if(document.getElementById('right_row')!= null)
  right_row_height = document.getElementById('right_row').offsetHeight;
else
  right_row_height = 0;

if(document.getElementById('content').offsetHeight <  right_row_height || document.getElementById('content').offsetHeight <  left_row_height)
{
/*
  document.getElementById('content').style.height = (maxheight-40)+'px';
  document.getElementById('content').style.overflow = 'hidden';
  document.getElementById('content').style.borderBottom = '2.5em solid #ffffff';
  document.getElementById('content').style.padding = '0 2.5em 0 2.5em';
  document.getElementById('content').style.borderTop = '2.5em solid #ffffff';
*/
  slider = document.createElement("div");
  slider.id = "scrollbar";
  slider.className="scrollbar-vert";
  slider.innerHTML = '<div id="handle" class="handle-vert"></div>';

  document.getElementById('page_content').appendChild(slider);

  makeScrollbar( $('content'), $('scrollbar'), $('handle') );
}