Alert = function(obj){
	if( !obj.content ){
		el = $(obj);
	} else {
		if(!Alert.el){
			Alert.el = new Element('div', {'class':'qgAlert'}).inject(document.body);
			Alert.top = new Element('div', {'class':'alertTop'}).inject(Alert.el);
			Alert.title = new Element('div', {'class':'title'}).inject(Alert.el);
			Alert.content = new Element('div', {'class':'content'}).inject(Alert.el);
			Alert.bottom = new Element('div', {'class':'alertBottom'}).inject(Alert.el);
		}
		Alert.title.set( 'html', obj.title || '' );
		Alert.content.set( 'html', obj.content );
		el = Alert.el;
	}

	if(!el.hasClass('qgAlert')){
		el.addClass('qgAlert');
	}
	
	if(obj.type=='error'){
		el.addClass('qgAlertError');
	} else {
		el.addClass('qgAlertMessage');
	}
	overlay.show(el, {center:true,color:'#ccc',opacity:0.6})
}

Ask.addEvent('complete', function(res){
	if(res && res.Alert){
		Alert(res.Alert);
	}
})

validator.onSubmitError = function(els){
	var str = '<b>Bitte überprüfen Sie folgende Felder/Merci de vérifier les champs suivants/Per favore controllate le seguenti informazioni:</b><br />';
	$each(els, function(el){
		 str += '- '+el.title || el.label.innerHTML.stripTags();
		 str += '<br />';
	})
	str += '<a style="display:block; text-align:right" href="javascript:overlay.hide();">';
	str += '<img src="/m/cms/pub/css/white/icons/cross.png" width="16" height="16" alt="close" style="position: absolute; top: 12px; right: 12px;"/>';
	str += '</a>';
	Alert({title:'Fehler/Erreur/Errore',content:str, type:'error'});
  overlay.opt.onclose = function(){
   try {els[0].focus(); }
   catch(e){}
  }
}

