window.addEvent("domready", function() {	
  $$('.portlet').each( function(portletDiv) {
    var id = portletDiv.id.substring(portletDiv.id.indexOf("_")+1, portletDiv.id.length);
		var req = new Request({
			url: "/ajax/members/portletContent/" + id,
			onComplete: function(response){
        portletDiv.set('html', response);  
        try{ new Portlet(portletDiv); } catch (e) {}
      }
		}).send();    
  });
});

function startMaster(area, event)
{
  var help = new MasterHelp(area);
  help.over(event);  
}

var MasterHelp = new Class({
	initialize: function(area)
	{
    area.onmouseovr = function() { return false; }
		area.onclick = function() { return false; };
		area.setStyle("cursor", "help");
		area.addEvent("mouseover", this.over.bind(this));
		area.addEvent("mousemove", this.move.bind(this));
		area.addEvent("mouseout", this.out.bind(this));
	},
	over: function(e)
	{	
    this.img = new Element("img", {
			src: "/img/master_help.gif"
		});
		this.setImageStyles(new Event(e));
		this.img.injectInside(document.body);    
	},
	move: function(e)
	{
    if (this.img) this.setImageStyles(new Event(e));
	},
	out: function(e)
	{
    if (this.img) this.img.dispose();
	},
	setImageStyles: function(event)
	{
		if (event.client.y > window.getSize().y - 150)
			var top = event.page.y - 128;
		else
			var top = event.page.y+5;

		if (event.client.x > window.getSize().x - 150)
			var left = event.page.x - 120;
		else
			var left = event.page.x+5;		
			
		this.img.setStyles({
			position: "absolute",
			top: top,
			left: left
		});
	}	
});