function openAjaxPopEditor(did, opt,o2){
var closebtn=1;
	set_overlay(1);
	
	document.documentElement.onscroll = set_overlay;
	document.onscroll = set_overlay;
	window.onresize = set_center_overlay;

	$('kklPopBox').style.display = "block";
	
	if (closebtn) {
		$('kklBoxClose').style.display = 'block';
		$('overlay').onclick = null;
	} else {
		$('kklBoxClose').style.display = 'none';
		$('overlay').onclick = null;
	}
	
	var url = '?';
	var myAjax = new Ajax.Updater($('kklBoxContent'), url, {method:'get',parameters:{ajax: 1,m: 'kklPageEdit',db_id: did,sid: Math.random()}});
	setTimeout("center($('kklPopBox'));", 50);
	
  return true;
  
}

function set_center_overlay() {
	
	center($('kklPopBox'));
	set_overlay();
	
}

var over_set = false;

function set_overlay(set) {

	if(set == 1 || $('overlay').style.display == "block") {
		
		var page_w,page_h;
		if (document.body.scrollHeight > document.body.offsetHeight) {
			page_h = document.body.scrollHeight;
		} else {
			page_h = document.body.offsetHeight;
		}
	
	  if (typeof(window.innerHeight) == 'number'){
			my_height = window.innerHeight;
	  } else if (document.documentElement && document.documentElement.clientHeight){
			my_height = document.documentElement.clientHeight;
	  } else if (document.body && document.body.clientHeight){
			my_height = document.body.clientHeight;
	  }
	
		my_height += getScrollY();

		if(my_height > page_h) { page_h = my_height; }

		if(!over_set || parseInt($('overlay').style.height) < page_h) {
	  	$('overlay').style.height = page_h + "px";
	  	over_set = true;
	  }
	  
	  $('overlay').style.display = "block";
	
	}

}

function kklHideBox(id){
	
	if ($(id).style.display != 'none') {
		$(id).style.display = "none";
 		$('overlay').style.display = "none";
  	}

  over_set = false;
  return true;

}

function getScrollY() {
	var scrollY = 0;
  if ( document.documentElement && document.documentElement.scrollTop ){
		scrollY = document.documentElement.scrollTop;
  } else if ( document.body && document.body.scrollTop ){
		scrollY = document.body.scrollTop;
  } else if ( window.pageYOffset ){
		scrollY = window.pageYOffset;
  } else if ( window.scrollY ){
		scrollY = window.scrollY;
  }
  return scrollY;
}

function center(element){
	
	try{
		element = $(element);
  } catch(e){
		return;
  }

  var my_width  = 0;
  var my_height = 0;

  if ( typeof( window.innerWidth ) == 'number' ){
		my_width  = window.innerWidth;
		my_height = window.innerHeight;
  } else if ( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
		my_width  = document.documentElement.clientWidth;
		my_height = document.documentElement.clientHeight;
  } else if ( document.body && ( document.body.clientWidth || document.body.clientHeight ) ){
		my_width  = document.body.clientWidth;
		my_height = document.body.clientHeight;
  }

  var setX = ( my_width  - element.offsetWidth  ) / 2;
  var setY = ( my_height - element.offsetHeight ) / 2 + getScrollY();

  setX = ( setX < 0 ) ? 0 : setX;
  setY = ( setY < 0 ) ? 0 : setY;

  element.style.left = setX + "px";
  element.style.top  = setY + "px";

	return false;
	
}