// Copyright (C) 2005-2008 Ilya S. Lyubinskiy. All rights reserved.
// Technical support: http://www.php-development.ru/
//
// YOU MAY NOT
// (1) Remove or modify this copyright notice.
// (2) Re-distribute this code or any part of it.
//     Instead, you may link to the homepage of this code:
//     http://www.php-development.ru/javascripts/popup-window.php
//
// YOU MAY
// (1) Use this code on your website.
// (2) Use this code as part of another product.
//
// NO WARRANTY
// This code is provided "as is" without warranty of any kind.
// You expressly acknowledge and agree that use of this code is at your own risk.

// USAGE
//
// function popup_show(id, drag_id, exit_id, position, x, y, position_id)
//
// id          - id of a popup window;
// drag_id     - id of an element within popup window intended for dragging it
// exit_id     - id of an element within popup window intended for hiding it
// position    - positioning type:
//               "element-right", "element-bottom", "mouse",
//               "screen-top-left", "screen-center", "screen-bottom-right"
// x, y        - offset
// position_id - id of an element relative to which popup window will be positioned


// ***** Variables *************************************************************

var popup_dragging = false;
var popup_target;
var popup_mouseX;
var popup_mouseY;
var popup_mouseposX;
var popup_mouseposY;
var popup_oldfunction;

function popup_mousedown(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";

  popup_mouseposX = ie ? window.event.clientX : e.clientX;
  popup_mouseposY = ie ? window.event.clientY : e.clientY;
}

function popup_mousedown_window(e)
{
  var ie = navigator.appName == "Microsoft Internet Explorer";

  if ( ie && window.event.button != 1) return;
  if (!ie && e.button            != 0) return;
  if (e && e.toElement && (e.toElement.tagName=='SELECT')) // Prevent google chrome from using select elements as drag points
	  return;

  popup_dragging = true;
  popup_target   = this['target'];
  popup_mouseX   = ie ? window.event.clientX : e.clientX;
  popup_mouseY   = ie ? window.event.clientY : e.clientY;

  if (ie)
       popup_oldfunction = document.onselectstart;
  else popup_oldfunction = document.onmousedown;

  if (ie)
       document.onselectstart = new Function("return false;");
  else document.onmousedown   = new Function("return false;");
}

function popup_mousemove(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);
  var mouseX  = ie ? window.event.clientX : e.clientX;
  var mouseY  = ie ? window.event.clientY : e.clientY;

  if (!popup_dragging) return;

  element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+'px';
  element.style.top  = (element.offsetTop +mouseY-popup_mouseY)+'px';

  popup_mouseX = ie ? window.event.clientX : e.clientX;
  popup_mouseY = ie ? window.event.clientY : e.clientY;
}

function popup_mouseup(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);

  if (!popup_dragging) return;

  popup_dragging = false;

  if (ie)
       document.onselectstart = popup_oldfunction;
  else document.onmousedown   = popup_oldfunction;
}

function popup_exit(e)
{
  var ie      = navigator.appName == "Microsoft Internet Explorer";
  var element = document.getElementById(popup_target);

  popup_mouseup(e);
  k_maskBG.closePopup();
  element.style.display = 'none';
}

/*old
function popup_exit1(element_id)
{
  var element = document.getElementById(element_id);

  k_maskBG.closePopup();
  element.style.display = 'none';
}
*/

/*new*/
function popup_exit1(element_id)
{
  var element = document.getElementById('popups_div');
  var element1 = document.getElementById(element_id);
  try
  {
	  popupParent.replaceChild(element1,document.getElementById('popups_div2'))
  }
  catch(e)
  {
	  // IE7 seems to get mad here for some reason, but it appears mostly harmless
  }
  var div1 = document.createElement('div');
  div1.id = 'popups_div1';
  element.appendChild(div1);
  element1.style.display = 'none';
  k_maskBG.closePopup();
}
/*new*/
var popupParent;
function popup_show(id, drag_id, exit_id, position, x, y, position_id, nodrag)
{
  var element      = document.getElementById(id);
  var drag_element = document.getElementById(drag_id);
  var exit_element = document.getElementById(exit_id);
  
  var div1 = document.createElement('div');
  div1.id = 'popups_div2';
  element.appendChild(div1);
  popupParent =  element.parentNode;
  popupParent.appendChild(div1);
  document.getElementById('popups_div').replaceChild(element,document.getElementById('popups_div1'))

  var width        = window.innerWidth  ? window.innerWidth  : document.documentElement.clientWidth;
  var height       = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;

 
  element.style.position = "absolute";
  element.style.display  = "block";
  element.style.zIndex  = "99999";

  if (position == "element-right" || position == "element-bottom")
  {
    var position_element = document.getElementById(position_id);

    for (var p = position_element; p; p = p.offsetParent)
      if (p.style.position != 'absolute')
      {
        x += p.offsetLeft;
        y += p.offsetTop;
      }

    if (position == "element-right" ) x += position_element.clientWidth;
    if (position == "element-bottom") y += position_element.clientHeight;

    element.style.left = x+'px';
    element.style.top  = y+'px';
  }

  if (position == "mouse")
  {
    element.style.left = (document.documentElement.scrollLeft+popup_mouseposX+x)+'px';
    element.style.top  = (document.documentElement.scrollTop +popup_mouseposY+y)+'px';
  }

  if (position == "screen-top-left")
  {
    element.style.left = (document.documentElement.scrollLeft+x)+'px';
    element.style.top  = (document.documentElement.scrollTop +y)+'px';
  }

  if (position == "screen-center")
  {
    element.style.left = (document.documentElement.scrollLeft+(width -element.clientWidth )/2+x)+'px';
    element.style.top  = (document.documentElement.scrollTop +(height-element.clientHeight)/2+y)+'px';
  }

  if (position == "screen-bottom-right")
  {
    element.style.left = (document.documentElement.scrollLeft+(width -element.clientWidth )  +x)+'px';
    element.style.top  = (document.documentElement.scrollTop +(height-element.clientHeight)  +y)+'px';
  }


  drag_element['target']   = id;
  
  if (nodrag!=true)
	  drag_element.onmousedown = popup_mousedown_window;

  k_maskBG.openPopup();

  //exit_element.onclick     = popup_exit;
}


// ***** Attach Events *********************************************************

if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent   ('onmousedown', popup_mousedown);
else document.addEventListener('mousedown', popup_mousedown, false);

if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent   ('onmousemove', popup_mousemove);
else document.addEventListener('mousemove', popup_mousemove, false);

if (navigator.appName == "Microsoft Internet Explorer")
     document.attachEvent   ('onmouseup', popup_mouseup);
else document.addEventListener('mouseup', popup_mouseup, false);

var k_maskBG = {
	"popup_open": false,

	"openPopup": function () {
		if (k_maskBG.popup_open)
			return;
		k_maskBG.popup_open=true;

		var maskBG=document.getElementById('k_maskBG1')

		maskBG.innerHTML = '<div style="width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60); background-color:#111111;"></div>';
		maskBG.style.position='fixed';
		maskBG.style.top='0px';
		maskBG.style.left='0px';
		maskBG.style.height='100%';
		maskBG.style.zIndex='100';
		maskBG.style.width=document.body.scrollWidth+'px';
		if ($.browser.msie && $.browser.version=="6.0")
		{
			maskBG.style.position='absolute';
			var h = (document.documentElement.scrollHeight > document.body.scrollHeight) ? document.documentElement.scrollHeight : document.body.scrollHeight;
			if (document.documentElement.offsetHeight > h);
				h=document.documentElement.offsetHeight;
			maskBG.style.height = h+"px";
		}
		
		maskBG.style.display='block';
		if (document.all)
		{
			k_maskBG.toggleSelects('hidden');
		}
	},

	"closePopup": function () {
		k_maskBG.popup_open=false;
		var maskBG = document.getElementById('k_maskBG1');
		maskBG.style.display='none';
		if (document.all)
		{
			k_maskBG.toggleSelects('visible');
		}
	},
	
	"toggleSelects" : function(visibility) {
		try {
			var selects = document.getElementsByTagName('select');
			
			for (i = 0; i < selects.length; i++) {				
				var neverHide = (selects[i].className.indexOf("visible-in-popup") != -1);
				if (!neverHide)
					selects[i].style.visibility = visibility;
			}
		}
			catch (err) 
		{}
	}
};