get = function (id)
{
	return document.getElementById(id) || false;
}

blockEvent = function (event)
{
	event = event || window.event;
	if(event.stopPropagation) event.stopPropagation();
	else event.cancelBubble = true;
	if(event.preventDefault) event.preventDefault();
	else event.returnValue = false;
}

show = function (e)
{
	blockEvent(e);
	get('popup').style.display = '';
	get('popupbg').style.display = '';
}

hide = function (e)
{
	blockEvent(e);
	get('popup').style.display = 'none';
	get('popupbg').style.display = 'none';
}

window.onload = function ()
{
	var open = get('open');
	var open2 = get('open2');
	var close = get('close');
	var popup = get('popup');
	var popupbg = get('popupbg');
	
	if (open && close && popup && popupbg)
	{
		open.className = 'dashed';
		open.onclick = show;
		open2.onclick = show;
		close.onclick = hide;
	}
	
	var open = get('open_2');
	var open2 = get('open_2_1');
	var close = get('close_2');
	var popup = get('popup_2');

	if (open && close && popup && popupbg)
	{
		open.onclick = open2.onclick = function (e) 
		{
			blockEvent(e);
			get('popup_2').style.display = get('popupbg').style.display = '';
		};
		close.onclick = function (e) 
		{
			blockEvent(e);
			get('popup_2').style.display = get('popupbg').style.display = 'none';
		};
	}
}
