function popup_create()
{
	popup_remove();
	
	/*****************************************************************/

	var popup_background = document.createElement('div');
	
	popup_background.setAttribute('id',			'popup-background');
	popup_background.setAttribute('onclick',	'popup_remove();');
	
	popup_background.onclick = function(){popup_remove();}

	document.body.appendChild(popup_background);

	/*****************************************************************/
	
	screen_height = popup_background.offsetHeight;

	/*****************************************************************/

	popup_resize_bg();

	/*****************************************************************/

	var offset_y = (document.all) ? ielement.scrollTop : pageYOffset;
	var offset_y_fix = (screen_height > 20) ? Math.round((screen_height - 320)/2) : 100;
	
	if(offset_y_fix < 0) offset_y_fix = 100;

	/*****************************************************************/

	var popup = document.createElement('div');
	
	popup.setAttribute('id', 'popup');

	if((offset_y + offset_y_fix) >= 0)
	{
		popup.style.top	= offset_y + offset_y_fix + "px";
	}
	else
	{
		popup.style.top	= "0px";
	}
	
	popup.style.left = Math.round((document.body.offsetWidth - 520)/2) + "px";
	
	document.body.appendChild(popup);
	
	/*****************************************************************/
	
	var bar_element = document.createElement('div');

	bar_element.setAttribute('id', 'popup-options');
	
	
	var close_element = document.createElement('a');
	var close_text = document.createTextNode("Close");
	
	close_element.setAttribute('href', 'javascript:void(0);');
	
	close_element.onclick = function(){popup_remove();};
	
	close_element.appendChild(close_text);
	bar_element.appendChild(close_element);
	

	popup.appendChild(bar_element);
}


function popup_remove()
{
	var popup = document.getElementById('popup');
	
	if(popup)
	{
		document.body.removeChild(document.getElementById('popup'));
		document.body.removeChild(document.getElementById('popup-background'));
	}
	
	if(comment_active)
	{
		comment_active.style.backgroundColor = "#f8f8f8";
	}
}


function popup_resize_bg()
{
	var popup_background = document.getElementById('popup-background');

	if(!popup_background) return;
	
	var new_height;
	
	var content_height = document.getElementsByTagName('div')[0].offsetHeight;

	if(content_height > screen_height)
	{
		new_height = content_height;
	}
	else
	{
		new_height = screen_height-40;
	}
	
	
	popup_background.style.height = new_height + "px";
}


function popup_title(title_content)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;
	
	var title_element = document.createElement('h2');
	var title_text = document.createTextNode(title_content);
	
	title_element.appendChild(title_text);
	popup.appendChild(title_element);
}


function popup_area(area_id, area_label, area_content)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;
	
	if(area_label.length > 0)
	{
		var area_element = document.createElement('label');
		var area_text = document.createTextNode(area_label);
		
		area_element.setAttribute('for', area_id);
		
		area_element.appendChild(area_text);
		popup.appendChild(area_element);
	}
	
	var area_element = document.createElement('textarea');
	var area_text = document.createTextNode(area_content);
	
	area_element.setAttribute('id', area_id);
	area_element.setAttribute('cols', '30');
	area_element.setAttribute('rows', '4');
	
	area_element.appendChild(area_text);
	popup.appendChild(area_element);
}


function popup_button(button_name, button_value)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;
	
	var button_element = document.createElement('button');
	var button_text = document.createTextNode(button_value);
	
	button_element.setAttribute('id', button_name);
	
	button_element.appendChild(button_text);
	popup.appendChild(button_element);
}


function popup_checkbox(box_id, box_value, box_checked, box_label, holder_class)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;
	
	
	var check_holder = document.createElement('div');
	
	var ph_class = 'check';
	
	if(holder_class && holder_class.length > 0)
	{
		ph_class += " " + holder_class;
	}
	
	check_holder.setAttribute('class', ph_class);
	check_holder.className = ph_class;
	
	var box_element = document.createElement('input');
	
	box_element.setAttribute('id', box_id);
	box_element.setAttribute('type', 'checkbox');
	box_element.setAttribute('value', box_value);
	
	if(box_checked == "1")
	{
		box_element.setAttribute('checked', 'checked');
	}
	
	
	check_holder.appendChild(box_element);
	
	
	if(box_label.length > 0)
	{
		var box_element = document.createElement('label');
		var box_text = document.createTextNode(box_label);
		
		box_element.setAttribute('for', box_id);
		
		box_element.appendChild(box_text);
		check_holder.appendChild(box_element);
	}
	
	
	popup.appendChild(check_holder);
}


function popup_message(message_error, message_content)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;

	var message_element = document.getElementById('popup-message');
	
	if(message_element)
	{
		popup.removeChild(message_element);
	}

	
	var message_element = document.createElement('p');
	var message_text = document.createTextNode(message_content);
	
	message_element.setAttribute('id', 'popup-message');
	
	if(message_error == "1")
	{
		message_element.className = "error";
	}
	
	message_element.appendChild(message_text);
	popup.appendChild(message_element);
}


function show_processing(data_message)
{
	var popup = document.getElementById('popup');
	
	if(!popup) return;
	
	for(var i=2; i<popup.childNodes.length; i++)
	{
		popup.removeChild(popup.childNodes[i]);
		
		i--;
	}
	
	if(!data_message)
	{
		data_message = "Sending data...";
	}
	
	
	popup_message("0", data_message);


	var popup = document.getElementById('popup');
	
	if(popup)
	{
		popup.className = 'loading';
	}
}