//- Version 2010-01-17

//- Convert
// <div class="boxify fleft [black] [clear-rmargin]">
//  <div class="caption">
//  [<div class="icon">]
//  <div class="[text|texticon]">

//- into
// <div class="box [box2] [box3] [[fleft] clear-rmargin]">
//	<div class="caption [black]">
//	<div class="body">
//		content<elt>
//		<div class="clear">
//	<div class="foot">
//	[<div class="corner">]

window.addEvent ('domready', function () {
	$$('.boxify').each (function (elt) {
		var box =new Element ('div', { 'class': 'box' }).wraps (elt) ;
		elt.addClass ('body') ;
		if ( $chk(elt.id) )
			box.id ='box_' + elt.id ;
		new Element ('div', { 'class': 'clear' }).inject (elt) ; //- Added to make sure we get the right height
		var caption =new Element ('div', { 'class': 'caption' }).inject (box, 'top') ;
		var title =elt.getElement ('div.caption') ;
		if ( $chk(title) ) {
			title.removeClass ('caption') ;
			caption.grab (title) ;
		}
		new Element ('div', { 'class': 'foot' }).inject (box) ;
		if ( elt.hasClass ('corner') ) {
			elt.removeClass ('corner') ;
			new Element ('div', { 'class': 'corner' }).inject (box) ;
		}
		[ 'box2', 'box3', 'clear-rmargin', 'fleft', 'HideElement', 'noprint' ].each (function (style) {
			if ( this.elt.hasClass (style) ) {
				this.elt.removeClass (style) ;
				this.box.addClass (style) ;
			}
		}.bind ({ 'elt': elt, 'box': box })) ;
		if ( elt.hasClass ('black') ) {
			elt.removeClass ('black') ;
			caption.addClass ('black') ;
		}
	}) ;
	$$('div#page div.page') [0].setStyle ('visibility', 'visible') ;
}) ;