var borderedBox = function() 
{
	var boxes = $$( '.block' );
	var element, html, innerHtml, classes;
	
	if( !boxes.length ) return;
		
	for( var i = 0; i < boxes.length; i++ ) 
	{
		element = boxes[i];
		classes = element.classNames();
		classes = classes.toString();
		
		if( classes.indexOf( 'bordered-box') > 0 ) continue;
		
		innerHtml = element.innerHTML;
		element.innerHTML = '<div class="bt"><div>&nbsp;</div></div><div class="i1"><div class="i2"><div class="i3">' + innerHtml + '</div></div></div><div class="bb"><div>&nbsp;</div></div>';
		element.addClassName( 'bordered-box' );
	}
}

var animatedScroll = function()
{
	var links = $$( 'a' );
	
	for( var i = 0; i < links.length; i++ )
	{
		var url   = links[i].href;
		var index = url.indexOf( '#');
		
		if( index < 0 ) continue;
		
		$( links[i] ).observe( 
			'click', 
			function( evt ) 
			{ 
				Event.stop( evt );
				var element = Event.element( evt );
								
				for( var j = 0; j < 5; j++ )
				{
					if( element.tagName == 'A' ) break;
					
					element = $( element ).up();
				}
				
				var url     = $( element ).href;
				var index   = url.indexOf( '#' );
				var id      = url.substr( index+1 );
				
				try {
					Effect.ScrollTo( id, { duration:'0.5' } ); 
				} catch( e ) 
				{
					document.location.href = url;
				}
			}
		);
	}
}

Event.observe(window, 'load', borderedBox);
Event.observe(window, 'load', animatedScroll);