var dialog = null;

function init_pop_up()
{
	var bg = document.body;
	dialog = document.createElement('div');
	
	dialog.style.position	= 'absolute';
	dialog.style.padding	= '2px';
	dialog.style.display	= 'none';
	dialog.style.border		= '1px solid #CCCCCC';
	dialog.style.background	= '#ffffcc';
	
	bg.appendChild(dialog);
	
	var pMain = document.body;
	pDlg = document.createElement('div');
	pImg = document.createElement('img');
	
	pDlg.id = 'preview-img';
	pDlg.style.position		= 'absolute';
	pDlg.style.padding		= '5px';
	pDlg.style.display		= 'none';
	pDlg.style.cursor		= 'pointer';
	pDlg.style.border		= '1px solid #CCCCCC';
	pDlg.style.background	= '#ffffff';
	
	pMain.appendChild(pDlg);
	pDlg.appendChild(pImg);
	pDlg.onclick = hpi;
}

function show_pop_up(msg)
{
	dialog.innerHTML = msg;
	dialog.style.display = 'block';
	
	dialog.style.left = (event.clientX + document.body.scrollLeft)-dialog.offsetWidth-2;
	dialog.style.top  = (event.clientY + document.body.scrollTop)+dialog.offsetHeight-5;
}

function hide_pop_up()
{
	dialog.style.display = 'none';
}

function spi(name)
{
	var pDlg = document.getElementById('preview-img');
	var pImg = pDlg.getElementsByTagName('img');
	
	if(pImg[0].src != null)
	{
		pDlg.style.display = 'block';
		pImg[0].src = jsImage[name].src;
		
		pDlg.style.left = document.body.offsetWidth/2-pDlg.offsetWidth/2;
		pDlg.style.top  = (document.body.offsetHeight/2-pDlg.offsetHeight/2)+document.body.scrollTop-120;
	}
}

function hpi()
{
	var pDlg = document.getElementById('preview-img');
	var pImg = pDlg.getElementsByTagName('img');
	pDlg.style.display = 'none';
	pImg[0].src = '';
}

function inits()
{
	var images = document.getElementsByTagName('img') || document.all;
	for(var i=0; i<images.length; i++)
	{
		var img = images[i];
		var classNames = img.className.split(' ');
		
		for(var j=0; j<classNames.length; j++)
		{
			if(classNames[j] == 'show')
			{
				img.onmousemove = show_img;
				img.onmouseout	= hide_img;
			}
		}
	}
	
	init_pop_up();
}
function show_img(e)
{
	var bg = document.getElementById('bg_img');
	
	var temp = this.src.split('/');
	var name = temp[temp.length-1];
	var iURL = this.src.substr(0, (this.src.length-name.length));
	var numb = name.split('.');
		
	bg.style.display = 'block';
	bg.innerHTML = '';
	bg.appendChild(pic[numb[0]]);
	
	bg.style.left = (event.clientX + document.body.scrollLeft)-bg.offsetWidth-15;
	bg.style.top  = (event.clientY + document.body.scrollTop)-(bg.offsetHeight/2);
}

function hide_img(e)
{
	var bg = document.getElementById('bg_img');	
	bg.style.display = 'none';
}

function show_load_progress(text)
{
	var ef = document.getElementById('load_form');
	ef.className = 'none';
	var ms = document.getElementById('load-message');
	ms.className = 'block';
	
	ms.getElementsByTagName('img')[0].src = progress-image.src;
}