var Block = Class.create();

Block.prototype = {
	initialize: function(){
		this.updateClassBlock();
	},

	updateClassBlock: function(){
		var classBlock   = $$('div.block');
		var classBlockMy = $$('div.block_my');
		
		classBlock.each(function(block){
			var blockStyle   = block.readAttribute('style');
			var blockOnclick = block.readAttribute('onclick');
			var blockId      = block.id;
			var firstChild   = block.childElements()[0];
			
			if(blockOnclick == null) blockOnclick = '';
			if(blockStyle == null)   blockStyle   = '';
			
			if(firstChild.id == blockId + '_title'){
				var blockDiv = Builder.node('div', { className: 'block2_container', style: blockStyle, onclick: blockOnclick }, [
					Builder.node('div', { className: 'block2_t' }, [
						Builder.node('div', { className: 'block2_tl' }, [
							Builder.node('div', { className: 'block2_tr' })
						])
					]),
					Builder.node('div', { className: 'block2_title' }, [
						Builder.node('div', { className: 'block2_title_content', id: blockId + '_title_content' } )
					]),
					Builder.node('div', { className: 'block2_m', style: 'padding-top: 10px;' }, [
						Builder.node('div', { className: 'block2_content', id: blockId })
					]),
					Builder.node('div', { className: 'block2_b' }, [
						Builder.node('div', { className: 'block2_bl' }, [
							Builder.node('div', { className: 'block2_br' })
						])
					])
				]);
				
				var blockHTML = $(blockId + '_content').innerHTML;
				
				new Insertion.Before(blockId, blockDiv);
				$(blockId).insert(blockHTML);
				$(blockId + '_title_content').insert($(blockId + '_title').innerHTML);
				
				block.remove();
			}else{
				var blockDiv = Builder.node('div', { className: 'block2_container', style: blockStyle, onclick: blockOnclick }, [
					Builder.node('div', { className: 'block2_t' }, [
						Builder.node('div', { className: 'block2_tl' }, [
							Builder.node('div', { className: 'block2_tr' })
						])
					]),
					Builder.node('div', { className: 'block2_m' }, [
						Builder.node('div', { className: 'block2_content', id: blockId })
					]),
					Builder.node('div', { className: 'block2_b' }, [
						Builder.node('div', { className: 'block2_bl' }, [
							Builder.node('div', { className: 'block2_br' })
						])
					])
				]);
				
				var blockHTML = block.innerHTML;
				
				new Insertion.Before(blockId, blockDiv);
				$(blockId).insert(blockHTML);
				
				block.remove();
			}
		});
		
		classBlockMy.each(function(block){
			var blockStyle   = block.readAttribute('style');
			var blockOnclick = block.readAttribute('onclick');
			var blockId      = block.id;
			var firstChild   = block.childElements()[0];
			
			if(blockOnclick == null) blockOnclick = '';
			if(blockStyle == null)   blockStyle   = '';
			
			if(firstChild.id == blockId + '_title'){
				var blockDiv = Builder.node('div', { className: 'block_my_container', style: blockStyle, onclick: blockOnclick }, [
					Builder.node('div', { className: 'block_my_t' }, [
						Builder.node('div', { className: 'block_my_tl' }, [
							Builder.node('div', { className: 'block_my_tr' })
						])
					]),
					Builder.node('div', { className: 'block_my_title' }, [
						Builder.node('div', { className: 'block_my_title_content', id: blockId + '_title_content' } )
					]),
					Builder.node('div', { className: 'block_my_m', style: 'padding-top: 10px;' }, [
						Builder.node('div', { className: 'block_my_content', id: blockId })
					]),
					Builder.node('div', { className: 'block_my_b' }, [
						Builder.node('div', { className: 'block_my_bl' }, [
							Builder.node('div', { className: 'block_my_br' })
						])
					])
				]);
				
				var blockHTML = $(blockId + '_content').innerHTML;
				
				new Insertion.Before(blockId, blockDiv);
				$(blockId).insert(blockHTML);
				$(blockId + '_title_content').insert($(blockId + '_title').innerHTML);
				
				block.remove();
			}else{
				var blockDiv = Builder.node('div', { className: 'block_my_container', style: blockStyle, onclick: blockOnclick }, [
					Builder.node('div', { className: 'block_my_t' }, [
						Builder.node('div', { className: 'block_my_tl' }, [
							Builder.node('div', { className: 'block_my_tr' })
						])
					]),
					Builder.node('div', { className: 'block_my_m' }, [
						Builder.node('div', { className: 'block_my_content', id: blockId })
					]),
					Builder.node('div', { className: 'block_my_b' }, [
						Builder.node('div', { className: 'block_my_bl' }, [
							Builder.node('div', { className: 'block_my_br' })
						])
					])
				]);
				
				var blockHTML = block.innerHTML;
				
				new Insertion.Before(blockId, blockDiv);
				$(blockId).insert(blockHTML);
				
				block.remove();
			}
		});
	}
}

document.observe('dom:loaded', function(){ new Block(); });
//alert('block.js');