xpCore = new Class({

		//Overlay sobre pantalla...
			adopOverlay: function(){
				
				if($('overlay'))
				$('overlay').destroy();
				
				var wz = window.getScrollSize();
				var overlay = new Element('div',{
					'id': 'overlay',
					styles: {
						'height' : wz.y+'px'
					}
				});
				
				$(document.body).adopt(overlay);
			},
		
		
		//loadPop	
			loadPop: function(element,controller,data){
				//Overlay...
					xpCore.adopOverlay();
				
				//Window Scroll Fx...
				var winScroller = new Fx.Scroll(window);

				$('popBox').getElement('#popContent').addClass('opacity');
				
				// Windos size...
				var wz = window.getScrollSize();
				
				new Request.HTML({
					method: 'post', 
					url: controller,
					data: data,
					onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript)
					{
						//Title
							$('popBox').getElement('#tittleTab li h2').set('html',element.get('title'));
						//Content
							$('popBox').getElement('#popContent').set('html',responseHTML);
						
						//Show
							$('popBox').removeClass('displayNone');
							
						//Dimensiones del pop
						var thePop = document.getElementById('popBox');
						var x = thePop.offsetWidth;
						var y = thePop.offsetHeight;


						//Position
							switch (element.get('rel')) {
								case 'pops':
									var pos = element.getCoordinates();
									$('popBox').setStyles({
										'top' : pos.bottom,
										'left': pos.left,
										'z-index': '9999'
									});
								break;
								
								
								case 'popsRelative':
									var pos = element.getCoordinates();
									$('popBox').setStyles({
										'top' : pos.bottom,
										'left': (wz.x/4)+'px',
										'z-index': '9999',
										'margin-top' : '-'+(y/2)+'px'
									});
								break;
								
								
								case 'popsCenter':
									//Posición centro del elemento..
									$('popBox').setStyles({
										'top' 		 	: '0px',
										'left'		 	: '0px',
										'right'			: '0px'
									});	
								break;
								
								case 'popsPos':
									var pos = element.get('id').split(',');
									var posx = pos[0];
									var posy = pos[1];
									
									//Posición centro del elemento..
									$('popBox').setStyles({
										'position'	 : 'absolute',
										'top' 		 : ''+posy+'px',
										'left'		 : ''+posx+'px',
										'z-index'	 : '9999'
									});
								break;
							} 
						//Javascript...
							if(responseJavaScript)
							eval(responseJavaScript);
							
						setTimeout(function(){
							$('popBox').getElement('#popContent').removeClass('opacity');
						},1000);
					}
				}).send();
				
			},


		//Cierra el pop...
			closePop: function(){
				if($('popBox'))
				$('popBox').addClass('displayNone');
				
				if($('overlay'))
					$('overlay').destroy();
			},

		
		//fxFieldError...
			fxFieldError: function fxFieldError(element,msj){
				var winScroller = new Fx.Scroll(window);
				var pos    = element.getCoordinates();
				var globo  = $('globoAlert');
				var contxt = globo.getElement('h1');
				var closex = globo.getElement('.closebutton');
				winScroller.start(0, pos.top-85);
				globo.setStyles({
					'top'  	  : pos.top-75,
					'left'	  : pos.left,
					'z-index' : '9999'
				});
				contxt.set('html',msj)
				closex.addEvent('click',function(){
					globo.tween('display', 'none');
				});
				globo.tween('display', 'block');
				element.tween('background-color', '#EFCFCF');
				setTimeout(function(){element.tween('background-color', '#FFF');},500);
				
				setTimeout(function(){globo.tween('display', 'none');},4000);
			}
			
	});

	var xpCore = new xpCore();