/*
    ___
   /   \
 \| ^ ^ |/
 ~/ o o \~
   \ | /
   | _ |
    \_/

LisTik@CodeMG

*/

function GetEl(el)
{
	return document.getElementById(el);
}

function Show(id)
{
	Hide('all');
	if (mm = GetEl('mm'+id))
	{
//		SubMenu.style.display = 'block';
		x = mm.offsetLeft;
		y = mm.offsetTop;
		if ((q = GetEl('q'+id)))
		{
			q.style.position='absolute';
			q.style.left = x-31+'px';
			q.style.top = y-48+'px';
			q.style.display = 'block';
			if ((sm = GetEl('sm'+id)) && (i0 = GetEl('img0'+id)) && (i1 = GetEl('img1'+id)))
			{
//				alert (mm.offsetWidth);
				sm.style.left = x-31+'px';
				sm.style.top = y+17+'px';
				sm.style.display = 'block';
				i0.style.width = mm.offsetWidth+28+'px';
				i1.style.width = Math.abs(sm.offsetWidth-mm.offsetWidth)-64+'px';
			}

		}
	}
}

function Hide(id)
{
	if (id == 'all')
	{
		Flag = 1;
		while (q = GetEl('q'+Flag))
		{
			q.style.display = 'none';
			Flag++;
			if (sm = GetEl('sm'+Flag))
			{
				sm.style.display = 'none';
			}
		}
		Flag = 1;
		while (q = GetEl('q'+Flag+'_'))
		{
			q.style.display = 'none';
			if (sm = GetEl('sm'+Flag))
			{
				sm.style.display = 'none';
			}
			Flag++;
		}
		return;
	}

	if ((q = GetEl('q'+id)))
	{
		q.style.display = 'none';

		if (sm = GetEl('sm'+id))
		{
			sm.style.display = 'none';
		}
	}
}