$mainWidth		= 938;
$mainHeight		= 720;
$heightContent	= 305;

window.addEvent('domready', 
					function() 
					{
						$winDimensions	= window.getSize();
						$winX			= $winDimensions.x;
						$winY			= $winDimensions.y;
						//$("main").style.height	= ($winY > $mainHeight) ? $mainHeight + 'px' : $winY+'px';
						$("main").style.width	= ($winX > $mainWidth) ? $mainWidth + 'px' : $winX+'px';
						
						// vertical center
						if(parseInt($winY) > parseInt($mainHeight))
						{
							midle = parseInt(($winY - $mainHeight)/2);							
							$('main').style.marginTop = midle+"px";
						}
							
						//show/hide scroll buttons
						$scrollSize	= $('contentText').getScrollSize();
						$sY = $scrollSize.y;
						$vScroll = $sY - $heightContent; // if > 0 - scroll is activ
						if($vScroll <= 0)
						{
							$('scrollButtons').style.visibility="hidden";
						}
					}
				)
				
function scrollContent($areaId, $direction, $step)
{
	/*$areaId = 'contentText';
	$step	= 10;*/
	$scrollSize	= $($areaId).getScrollSize(); 
	$sX	= $scrollSize.x;
	$sY = $scrollSize.y;
	$currentScroll = $($areaId).getScroll();
	$cX	= $currentScroll.x;
	$cY	= $currentScroll.y;
	$vScroll = $sY - $heightContent; // if > 0 - scroll is activ
	if($vScroll>0)
	{
		switch($direction)
		{
			case 'up':
				if($cY > 0)
				{
					$($areaId).scrollTo(0, $cY - $step);
				}
				break;
			case 'down':
				if($cY < $vScroll)
				{
					$($areaId).scrollTo(0, parseInt($cY) + parseInt($step));
				}
				break;
		}
	}
}


function scrollFunctionEvent($event, $areaId, $direction, $step)
{
	if($event == 'stop')
	{
		clearTimeout($scrollTimeOutVar);
	}
	else
	{
		scrollContent($areaId, $direction, $step);
		$scrollTimeOutVar = setTimeout("scrollFunctionEvent('"+$event+"', '"+$areaId+"', '"+$direction+"', "+$step+")",100);
	}
}