var PopupClass = new Class ({
	initialize: function(buttonID, popupDivID) {
		this.buttonObject = $(buttonID);
		this.popupDivObject = $(popupDivID);
		this.timeout = false;
		
		this.buttonObject.addEvent('click', function(){
								this.showPopup(this);
								}.bind(this));
		this.buttonObject.addEvent('mouseout', function(){
								this.hidePopup(this);
								}.bind(this));
		this.popupDivObject.addEvent('mouseover', function(){
								this.showPopup(this);
								}.bind(this));
		this.popupDivObject.addEvent('mouseout', function(){
								this.hidePopup(this);
								}.bind(this));
	},
						
	showPopup: function() {
		var x = this.buttonObject.getLeft() + 3;
		if (x + this.popupDivObject.getCoordinates().width + 5 > window.getSize().scrollSize.x) {
			x = window.getSize().scrollSize.x - this.popupDivObject.getCoordinates().width - 5;
		}
		
		var y = this.buttonObject.getTop() + 20;
		
		this.popupDivObject.setStyles({ left: x + 'px', top: y + 'px' });
		this.popupDivObject.setOpacity(1.0);
	},

	hidePopup: function() {
		this.popupDivObject.setOpacity(0);
	}
});


window.addEvent('load',function(){
				var downloadPopup = new PopupClass("download", "downloadPopup");
				var buynowPopup = new PopupClass("buynow", "buynowPopup");
});