var _mouseX;
var _mouseY;
var _framerDiffX = 0;
var _framerDiffY = 0;
var _rightClick = false;
var _mouseDown;

function CreateFrame(_title, _content) {
	if (document.getElementById("divFramerWindow")) {
		var divFramerBack = document.getElementById("divFramerBack");
		divFramerBack.style.display = 'none';
		divFramerBack.parentNode.removeChild(divFramerBack);

		var divFramerWindow = document.getElementById("divFramerWindow");
		divFramerWindow.style.display = 'none';
		divFramerWindow.parentNode.removeChild(divFramerWindow);
	}

	var framer = document.createElement("div");

	var output = '<div id="divFramerBack" style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000; text-align: center; z-index: 101;"><img src="images/logo.png" alt="" /></div>';
	output += '<div id="divFramerWindow" style="position: absolute; width: 700px; height: 500px; top: 200px; left: 200px; background-color: white; background-image: url(images/framer/frame_back.png); background-repeat: repeat-x; background-position: bottom; border: 1px #898989 solid; z-index: 102;">';
	output += '<div style="position: absolute; top: -25px; left: -1px;"><img src="images/framer/top_left.png" alt="" /></div>';
	output += '<div id="divFramerTitle" style="position: absolute; cursor: move; top: -25px; left: 9px; right: 9px; height: 25px; background-image: url(images/framer/top_back.png); background-repeat: repeat-x; color: white; font-family: Tahoma; font-weight: normal; text-align: center;">' + _title + '</div>';
	output += '<div style="position: absolute; top: -25px; right: -1px;"><img src="images/framer/top_right.png" alt="" /></div>';
	output += '<div id="btnClose" style="position: absolute; top: -20px; right: 15px; cursor: pointer;"><img src="images/framer/close_button.png" onmouseover="ChangeImage(this, \'images/framer/close_button_hover.png\')" onmouseout="ChangeImage(this, \'images/framer/close_button.png\')" onclick="CloseFrame();" alt="" /></div>';
	output += '<div id="divFramerContent" style="vertical-align: middle; text-align: center;">' + _content + '</div></div>';
	framer.innerHTML = output;
	document.body.appendChild(framer);
	var divBack = document.getElementById("divFramerBack");

	if (navigator.appName == "Microsoft Internet Explorer") {
		divBack.style.filter = 'alpha(opacity: 80)';
	} else {
		divBack.style.opacity = '0.8';
	}

	var divFramerTitle = document.getElementById("divFramerTitle");
	document.onmousemove = MoveFrame;
	divFramerTitle.onmousedown = FramerMouseDown;
	document.onmouseup = FramerMouseUp;
	ShowFrame();
}
var ieOpacity = 1;
var ffOpacity = 0.1;
function ShowFrame() {
	var divFramerBack = document.getElementById("divFramerBack");
	var divFramerWindow = document.getElementById("divFramerWindow");

	var windowHeight = parseInt(divFramerWindow.style.height);
	var windowWidth = parseInt(divFramerWindow.style.width);
	var height = (window.innerHeight) ? window.innerHeight
			: document.documentElement.clientHeight;
	var width = (window.innerWidth) ? window.innerWidth
			: document.body.clientWidth;

	var newTop = (height - windowHeight) / 2;
	var newLeft = (width - windowWidth) / 2;

	if (navigator.appName == "Microsoft Internet Explorer") {
		ieOpacity += 4;
		divFramerBack.style.filter = 'alpha(opacity: ' + ieOpacity + ')';
	} else {
		if (ffOpacity < 0.5)
			ffOpacity += 0.1;
		divFramerBack.style.opacity = ffOpacity;
	}

	divFramerWindow.style.width = (parseInt(divFramerWindow.style.width) - 15)
			+ "px";
	divFramerWindow.style.height = (parseInt(divFramerWindow.style.height) - 12)
			+ "px";
	divFramerWindow.style.top = newTop + "px";
	divFramerWindow.style.left = newLeft + "px";

	if (parseInt(divFramerWindow.style.width) > 450)
		window.setTimeout("ShowFrame()", 1);
}

function CloseFrame() {
	var divFramerBack = document.getElementById("divFramerBack");
	var divFramerWindow = document.getElementById("divFramerWindow");

	var windowHeight = parseInt(divFramerWindow.style.height);
	var windowWidth = parseInt(divFramerWindow.style.width);
	var height = (window.innerHeight) ? window.innerHeight
			: document.documentElement.clientHeight;
	var width = (window.innerWidth) ? window.innerWidth
			: document.body.clientWidth;

	var newTop = (height - windowHeight) / 2;
	var newLeft = (width - windowWidth) / 2;

	if (navigator.appName == "Microsoft Internet Explorer") {
		ieOpacity -= 4;
		divFramerBack.style.filter = 'alpha(opacity: ' + ieOpacity + ')';
	} else {
		if (ffOpacity > 0.0)
			ffOpacity -= 0.1;
		divFramerBack.style.opacity = ffOpacity;
	}

	divFramerWindow.style.width = (parseInt(divFramerWindow.style.width) + 15)
			+ "px";
	divFramerWindow.style.height = (parseInt(divFramerWindow.style.height) + 12)
			+ "px";
	divFramerWindow.style.top = newTop + "px";
	divFramerWindow.style.left = newLeft + "px";

	if (parseInt(divFramerWindow.style.width) < 700)
		window.setTimeout("CloseFrame()", 1);
	else {
		divFramerBack.style.display = 'none';
		divFramerBack.parentNode.removeChild(divFramerBack);

		var divFramerWindow = document.getElementById("divFramerWindow");
		divFramerWindow.style.display = 'none';
		divFramerWindow.parentNode.removeChild(divFramerWindow);
	}
}

function MoveFrame(e) {
	if (!e)
		var e = window.event;
	if (_mouseDown) {
		var divFramerWindow = document.getElementById("divFramerWindow");

		_frameTop = parseInt(divFramerWindow.style.top);
		_frameLeft = parseInt(divFramerWindow.style.left);

		_mouseX = e.clientX + document.body.scrollLeft;
		_mouseY = e.clientY + document.body.scrollTop;

		var divFramerTitle = document.getElementById("divFramerTitle");
		var _frameLeft = (_mouseX - _framerDiffX);
		var _frameTop = (_mouseY - _framerDiffY);
		if (_frameLeft > 0)
			divFramerWindow.style.left = _frameLeft + "px";
		if (_frameTop > 0)
			divFramerWindow.style.top = _frameTop + "px";
	}

	return true;
}

function FramerMouseDown(e) {
	if (!e)
		var e = window.event;
	var divFramerWindow = document.getElementById("divFramerWindow");
	_framerDiffX = e.clientX - parseInt(divFramerWindow.style.left);
	_framerDiffY = e.clientY - parseInt(divFramerWindow.style.top);
	_mouseDown = true;

	return true;
}

function FramerMouseUp(e) {
	_mouseDown = false;
}

var shownTip;
function ShowTip(_tip) {
	if (shownTip)
		shownTip.parentNode.removeChild(shownTip);

	if (navigator.appName == "Microsoft Internet Explorer") {
		_x = window.event.clientX;
		_y = window.event.clientY;
	}

	var output = '<div id="divFramerTip" style="position: absolute; left: '
			+ _x + 'px; top: ' + _y + 'px; z-index: 102;" class="FramerTip">';
	output += _tip;
	output += '</div>';

	var tip = document.createElement("div");
	tip.innerHTML = output;
	document.body.appendChild(tip);
	shownTip = document.getElementById("divFramerTip");
	setTimeout('shownTip.style.display = "none"', 6000);
}