var PopUp = Class.create();

PopUp.prototype = {
	initialize: function(){
		this.updateClassPopup();
	},
	
	updateClassPopup: function(){
		var classPopup = $$('div.popup');

		classPopup.each(function(popup){
			var popupDisplay      = popup.getStyle('display');
			var popupWidth        = popup.getStyle('width');
			var popupHeight       = popup.getStyle('height');
			var popupId           = popup.id + '_popup';
			var popupContentId    = popup.id + '_popup_content';
			var popupMiddleHeight = popupHeight.substr(0,(popupHeight.length-2)) - 30;
			var popupDivWidth     = parseInt(popupWidth.substr(0,(popupWidth.length-2))) + 38;
			
			var objBody           = $$('body')[0];
			
//			<div id="testpopup" style="display: none;">
//			    <div class="popup_top">
//			    	<div class="popup_tl">
//			    		<div class="popup_tr">
//			    			<div class="popup_t">
//								<div class="popup_ti"></div>
//							</div>
//			    		</div>
//			    	</div>
//			    </div>
//			    <div class="popup_middle">
//			    	<div class="popup_ml" style="height: 190px;"></div>
//			    	<div class="popup_content" style="height: 220px; width: 312px;"></div>
//			    	<div class="popup_mr" style="height: 190px;"></div>
//			    </div>
//			    <div class="popup_bottom">
//			    	<div class="popup_bl">
//			    		<div class="popup_br">
//			    			<div class="popup_b">
//								<div class="popup_bi"></div>
//							</div>
//			    		</div>
//			    	</div>
//			    </div>
//			</div>

			objBody.appendChild(Builder.node('div',{id:popupId,style:'display:'+popupDisplay+'; width:'+popupDivWidth+'px'}, [
				Builder.node('div',{className:'popup_top'},
					Builder.node('div',{className:'popup_tl'},
						Builder.node('div',{className:'popup_tr'},
							Builder.node('div',{className:'popup_t'},
								Builder.node('div',{className:'popup_ti'})
							)
						)
					)
				),
				Builder.node('div',{className:'popup_middle'}, [
					Builder.node('div',{className:'popup_ml',style:'height:'+popupMiddleHeight+'px'}),
					Builder.node('div',{className:'popup_content',id:popupContentId,style:'height:'+popupHeight+'; width:'+popupWidth}),
					Builder.node('div',{className:'popup_mr',style:'height:'+popupMiddleHeight+'px'})
				]),
				Builder.node('div',{className:'popup_bottom'},
					Builder.node('div',{className:'popup_bl'},
						Builder.node('div',{className:'popup_br'},
							Builder.node('div',{className:'popup_b'},
								Builder.node('div',{className:'popup_bi'})
							)
						)
					)
				)
			]));
			
			$(popupContentId).appendChild(popup);
			//$('popup_content').appendChild(popup);
			$(popup).setStyle({
				display: 'block',
				width: '',
				height: ''
			});
		});
	}
}

document.observe('dom:loaded', function(){ new PopUp(); });