$(function(){
  $popup = $('#popup');
	$popupClose = $('button#popupClose');
	$popupContent = $('#popupContent');
  
	
	$popup.resizable({minWidth:300,minHeight:200,alsoResize:'#popupContent'}).draggable().hide();
	
	$popupClose.click(function(){
	  $popup.hide();
	});
	
	$('a.info').click(function(){
	  $popup.css('width','600px');
	  $href = $(this).attr('href');
		$.get($href,{},function($ret){
		  popup($ret);
		});
		return false;
	});

});


//OPEN POPUP
function popup($val){
	$popupContent.html($val);
	$w = parseFloat($popup.css('width'));
	$h = parseFloat($popup.height());
	$x = (document.documentElement.clientWidth/2)-($w/2);
	$cp = document.documentElement.scrollTop;
	$ch = document.documentElement.clientHeight;
	
	if($h > $ch){
	  $y = $cp + 10;
	} else {
    $y = (($ch/2)+$cp)-($h/2);
	}
  $popup.show().css({'top':$y,'left':$x});
}