var PopupError = Class.create(PopupBase, {
	
	//generate a standard frame
	//function to set header, content,add continue cancel button
	//be able to customize actions for buttons

	getTemplate:function()
	{
		var template=  new Template('<div style="width:#{width}px; top:#{top}px; left:#{left}px;" class="popup-window">'+
				'<div style="float: right; padding: 5px;"><img src="/theme/common/image/icn_close.gif" onclick="PopupBase.hide()" style="cursor: pointer;"></div>' +
				
				'<div class="popup-error-title">'+
				'<img src="/theme/common/image/warning_icon.png" class="popup-error-icon" id="error_popup_icon">'+
				'<strong class="highlight"><span class="errorTitle">#{title}</span></strong>'+
				'</div>'+
				'<div style="clear:both;"></div>'+
				'<div class="popup-error-content">#{content}</div>'+
				'<div style="text-align:center; margin: 10px 0px 10px 0px;">#{buttons}</div>'+
				'</div>');
		
		return template;
	},
	
	renderButtonHTML:function()
	{
		var buttonHTML = '';
		for(var i = 0; i<this.buttons.length;i++)
		{
			buttonHTML +='<div style="display:inline;margin-right:5px;">'+ this.buttons[i] +'</div>';
		}
		return buttonHTML;
	}
	
	
});