var xPopup = Class.create();
xPopup.prototype = {
	initialize: function(){
		this.actionPath = 'get-popup.php';
		this.currentX = 0;
		this.currentY = 0;
		this.isDynamic = true;
		this.imageFolder = 'images/';
		this.loadingImg = 'popup-loader.gif';
		this.offsetX = -255;
		this.offsetY = 35;
		this.staticText = '';
		this.staticImg = '';
		this.divData = '';
		this.divMain = '';
	}
}

xPopup.prototype.setListener = function(){
	document.addEventListener('mousemove', this.mouse, true);
}
xPopup.prototype.get = function(id){
	this.show();
	this.setLoader();
	if(this.isDynamic){
		var param = "id="+id+"&path="+this.imageFolder;			
		ths = this;
		xhttp.load(this.actionPath, param, 'post', function(data){$(ths.divData).innerHTML = data;});
	}else{
		this.setHTML('<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle" align="center">'+this.staticText+'</td></tr></table>');
	}
}
xPopup.prototype.setLoader = function(){
	var imageTag = '<img src="'+this.imageFolder+this.loadingImg+'" border="0" alt="" />';
	$(this.divData).innerHTML= '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle" align="center">'+imageTag+'</td></tr></table>';
}
xPopup.prototype.setHTML = function(data){
	var divData = this.divData;
	$(this.divData).innerHTML = data;
}
xPopup.prototype.show = function(){
	var divMainStyle = $(this.divMain).style;
	divMainStyle.display = 'block';	
}
xPopup.prototype.hide = function(){
	var divMainStyle = $(this.divMain).style;
	divMainStyle.display = 'none';	
}
xPopup.prototype.setPos = function(){
	var divNameStyle = $(this.divMain).style;	
	divNameStyle.left = (this.currentX+this.offsetX)+"px";
	divNameStyle.top = (this.currentY+this.offsetY)+"px";
}
xPopup.prototype.mouse = function(e){
	if(!e){ var e = window.event;}
	if(e.pageX || e.pageY){
		posX = e.pageX;
		posY = e.pageY;
	}else 
	if (e.clientX || e.clientY){
		posX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	this.currentX = posX;
	this.currentY = posY;
	var divNameStyle = $(this.divMain).style;	
	divNameStyle.left = (this.currentX+this.offsetX)+"px";
	divNameStyle.top = (this.currentY+this.offsetY)+"px";	
}