Creation

var popup_target;

var popup_mouseX;

var popup_mouseY;

var popup_mouseposX;

var popup_mouseposY;

var popup_oldfunction;



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;



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_mouseup(e)

{

var ie = navigator.appName == "Microsoft Internet Explorer";

var element = document.getElementById(popup_target);



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);

element.style.display = 'none';

}



function popup_show(id, drag_id, exit_id, position, x, y, position_id)

{

var element = document.getElementById(id);

var drag_element = document.getElementById(drag_id);

var exit_element = document.getElementById(exit_id);



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.left = (document.documentElement.scrollLeft+(width -element.clientWidth )/2+x)+'px';

element.style.top = (document.documentElement.scrollTop +(height-element.clientHeight)/2+y)+'px';





drag_element['target'] = id;

drag_element.onmousedown = popup_mousedown_window;



exit_element.onclick = popup_exit;

}

div.sample_popup { z-index: 1; }



div.sample_popup div.menu_form_header

{

border: 1px solid black;

border-bottom: none;

width: 200px;

height: 20px;

line-height: 19px;

vertical-align: middle;

font-size: 13px;

color: #206040;

}



div.sample_popup div.menu_form_body

{ width: 200px;

border: 1px solid black;}



div.sample_popup img.menu_form_exit

{ float: right;

margin: 4px 5px 0px 0px;

cursor: pointer;}



div.sample_popup table

{ width: 100%;

border-collapse: collapse;}



div.sample_popup th

{ width: 1%;

padding: 0px 5px 1px 0px;

text-align: left;

font-weight: 900;

font-size: 13px;

color: #004060;}



div.sample_popup td

{ width: 99%;

padding: 0px 0px 1px 0px;}



div.sample_popup form

{ margin: 0px;

padding: 8px 10px 10px 10px;}



div.sample_popup input.field

{ width: 95%;

border: 1px solid #808080;

font-family: Verdana, Sans-Serif;

font-size: 12px;}



div.sample_popup input.btn

{ margin-top: 2px;

border: 1px solid #808080;

background-color: #DDFFDD;

font-family: Verdana, Sans-Serif;

font-size: 11px;}