var PopupWindow = Class.create();

PopupWindow.prototype = {
  element: null,

  initialize: function(element) {
    this.element = element;
  },

  open: function(clickEvent) {
	var widthstr = this.element.style.width;
	var width = widthstr.substring(0, widthstr.length - 2);

	var heightstr = this.element.style.height;
	var height = heightstr.substring(0, heightstr.length - 2);
     
    var leftStyle = (PageUtil.getWindowCenter().x - (width/2));
    var topStyle =  (PageUtil.getWindowCenter().y - (height/2));

			if (clickEvent) {
				if (clickEvent.pageY) {
					tv = clickEvent.pageY - 150;
					lv = clickEvent.pageX + 65;
				} else {
					tv = clickEvent.clientY - 150 + document.documentElement.scrollTop; 
					lv = clickEvent.clientX + 65 +  document.documentElement.scrollLeft;
				} 
				
				leftStyle = lv; 
				topStyle = tv;
			 }

    // Set popup to open in center of window if mouse click event not exist
 	this.element.style.left = leftStyle + "px";
	this.element.style.top = topStyle + "px";

	new Draggable(this.element);
	Element.show(this.element);
  },

  close: function() {
	Element.hide(this.element);
  }
}