/*----- People popup functions -----*/

var xPos = 200;
var yPos = 125;

Event.observe(document, "mousedown", get_mouse_pos, false);

function people_popup(el){

	if($('people_popup')){ hide_people_popup(); }
	
	var elmnt = document.createElement("div");
	var container = $('container');
	container.appendChild(elmnt);
	elmnt.setAttribute('id','people_popup');
	elmnt.style.display = 'none';
	elmnt.style.left = xPos+100+'px';
	elmnt.style.top = yPos-50+'px';
	
	var get_array = el.href.split('?');
	var pars = get_array[1];
	var url = 'html_includes/people_popup.php';
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onComplete: show_people_popup} );

}

function show_people_popup(original_request){

	$('people_popup').innerHTML = original_request.responseText;
	$('people_popup').style.display = 'block';
	fadeInDiv('people_popup',0);
	new Draggable('people_popup',{revert:false});

}

function get_mouse_pos(e){
	
	xPos = Event.pointerX(e);
	yPos = Event.pointerY(e);
	
}

function hide_people_popup(){

	var container = $('container');
	container.removeChild($('people_popup'));

}

var people_popup_rules = {
	'a.pp_link' : function(el){
		el.onclick 	= function(){
			people_popup(this); 
			return false; 
		}
	}
};

Behaviour.register(people_popup_rules);
