// 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", "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;


// ***** popup_mousedown *******************************************************

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


// ***** popup_mousedown_window ************************************************

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

    var element = document.getElementById(popup_target);

    $('div.sample_popup').css('z-index', '1');
    element.style.zIndex = 2;

    $('div.menu_form_header').css('background-color', '#999');
    $('#' + element.id + ' div.menu_form_header').css('background-color', 'navy');
}


// ***** popup_mousemove *******************************************************

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

// ***** popup_mouseup *********************************************************

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

// ***** popup_exit ************************************************************

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

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


// ***** popup_show ************************************************************

function popup_show(id, drag_id, exit_id, body_id, x, y, w, h) {
    var element = document.getElementById(id);
    var drag_element = document.getElementById(drag_id);
    var exit_element = document.getElementById(exit_id);
    var body_element = document.getElementById(body_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).scrollLeft() + parseInt(x)) + 'px';
    element.style.top = ($(document).scrollTop() + parseInt(y)) + 'px';

    element.style.width = w + 'px';
    body_element.style.height = h + 'px';

    drag_element['target'] = id;
    drag_element.onmousedown = popup_mousedown_window;

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