var aMagicPopups = [];

function magicPopup( elem ) {
	
	this.oElement = elem;
	this.oObject = $(elem);
	this.isShown = false;
	
	this.init();
}

magicPopup.prototype = {
	
	init : function () {
		this.oObject.css('z-index', 1000 + aMagicPopups.length + 1);
		this.Id = this.oElement.id;
		this.oObject.find('.close:first').bind('click', { oo : this }, function (e) { e.data.oo.close(); })
	},
		
	show : function( p1, p2 ) {
		var newCoords = [0,0];
		
		if (p1 && p2) {
			//coords
			newCoords = [p1, p2];
		} else if (p1) {
			//object
			var c = $(p1);
			if (c && c.offset()) {
				newCoords = [ c.offset().left, c.offset().top + 15 ];
			} else 
				return false;
			
		} else {
			//to center
			newCoords = [ $(window).offset().left, $(window).offset().top ];
		}
		
		// get max coords
		var cMargin = 20;
		var docBounds = [ $(document).width(), $(document).height() ];
		var objBounds = [ this.oObject.width(), this.oObject.height() ];
		var finalX = Math.min( Math.max( newCoords[0], cMargin ), docBounds[0] - cMargin - objBounds[0] );
		var finalY = Math.min( Math.max( newCoords[1], cMargin ), docBounds[1] - cMargin - objBounds[1] );
		
//		this.oObject.css('display', 'block');
		this.oObject.css('left', finalX + 'px');
		this.oObject.css('top', finalY + 'px');
//		this.oObject.css('visibility', 'visible');
		var cbo = this.oObject;
//		this.oObject.fadeIn(100, function () { cbo.css('top', parseInt(cbo.css('top')) + 1 + 'px' ); });
		this.oObject.fadeIn(100);
		this.isShown = true;
//		this.oObject.css('top', parseInt(this.oObject.css('top')) + 1 + 'px');
//		document.getElementsByTagName('body')[0].className += ' ';
	},
	
	close : function () {
		this.oObject.fadeOut(100);
		this.isShown = false;
//		this.oObject.css('top', parseInt(this.oObject.css('top')) + 1 + 'px');
//		this.oObject.css('display', 'none');
//		this.oObject.css('visibility', 'hidden');
	}
	
}

function getMagicPopup(pname) {
	if (aMagicPopups.length) {
		for (var i = 0; i < aMagicPopups.length; i++) {
			if (aMagicPopups[i].Id == pname)
				return aMagicPopups[i];
		}
	}
	return false;
}

function showMagicPopup(popupName, p1, p2) {
	var cp = getMagicPopup(popupName);
	if (cp) {
		if (cp.isShown)
			cp.close();
		else 
			cp.show(p1,p2);
	}
}
function closeAllMagic() {
	for (var i = 0; i < aMagicPopups.length; i++) {
		if (aMagicPopups[i].isShown)
			aMagicPopups[i].close();
	}
}

$(document).ready( function () { 
	$('.magicPopup').each( function () { 
		var cp = new magicPopup(this);
		aMagicPopups[aMagicPopups.length] = cp;
	 } );
	$(window).resize( function() {
		closeAllMagic();
	});
 } );