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: #45565f; text-align: center; z-index: 101;"></div>';
	output += '<div id="divFramerWindow" style="position: absolute; width: 700px; height: 500px; top: 200px; left: 200px; background-color: #82a3b3; 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);	
}