//JS by k206i
var children_1 = new Array();
var j=1;
var w_div;
var mouse_out = true;
var gorit=0;
while (document.getElementById('level_1_'+j))
{
	children_1[j]=document.getElementById('level_1_'+j);
	j++;
}

function show_children(q, w, e, top, left, mir, hor)
{
	mouse_out = false;
	if(document.getElementById("inner_"+w+"_"+e).innerHTML=='') document.getElementById("item_1_div").style.display = 'none'; else document.getElementById("item_1_div").style.display = 'block';
	if(gorit!=0) if(document.getElementById("level_1_"+gorit)) { document.getElementById("level_1_"+gorit).style.backgroundColor="transparent"; gorit=0; }
	if(document.getElementById("level_1_"+e)) { document.getElementById("level_1_"+e).style.backgroundColor="#f0f0f0"; gorit=e; }
 	document.getElementById("item_"+w).innerHTML = document.getElementById("inner_"+w+"_"+e).innerHTML;
	var item_div = document.getElementById("item_"+w+"_div");
	var last_c = document.getElementById("last_cell");
	var first_c = document.getElementById("first_cell");
	if ( w==1 && (q.offsetLeft + item_div.offsetWidth) >= document.body.clientWidth) left = 'right';
	else if (w !== 1 && document.getElementById('item_'+(w-1)+'_div').offsetLeft + document.getElementById('item_'+(w-1)+'_div').offsetWidth + item_div.offsetWidth >= document.body.clientWidth) left = 'left';
	switch (top) {
		
		case "top": 
			item_div.style.top = q.offsetTop + q.offsetHeight +'px';
			if (mir == 'mirror_bottom' && item_div.offsetTop+item_div.offsetHeight > last_c.offsetTop) item_div.style.top = q.offsetHeight + q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
			else if ( w != 1 )
			{
				item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop +'px';
			}
			if ( hor == 'horisontal')
			{
				item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop + q.offsetHeight +'px';
			}
			break;
			
		case "middle":
			item_div.style.top = q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight/2 +'px'; 
			if (item_div.offsetTop < 5 ) item_div.style.top = q.offsetTop +'px';
			else if (mir == 'mirror_bottom' && item_div.offsetTop+item_div.offsetHeight > last_c.offsetTop) item_div.style.top = q.offsetHeight + q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
			else if (mir == 'mirror_top' && item_div.offsetTop < first_c.offsetTop) item_div.style.top = q.offsetTop +'px';
			if ( w != 1 ) 
			{
				item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight/2 +'px';
				if (item_div.offsetTop < 5 ) item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop +'px';
			}
			break;
			
		case "bottom": 
			item_div.style.top = q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
			if (item_div.offsetTop < 5 ) item_div.style.top = q.offsetTop +'px';
			else if (mir == 'mirror_top' && item_div.offsetTop < first_c.offsetTop) item_div.style.top = q.offsetTop +'px';
			if ( w != 1 ) 
			{
				item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop + q.offsetHeight - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
				if (item_div.offsetTop < 5 ) item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
			}
			if ( hor == 'horisontal') 
			{
				item_div.style.top = document.getElementById('item_'+(w-1)+'_div').offsetTop + q.offsetTop - document.getElementById("inner_"+w+"_"+e).offsetHeight +'px';
			}
			break;
		default: break;
	}

//alert(document.body.clientWidth);

	switch (left) {
			case "right": 
			item_div.style.left = q.offsetLeft + q.offsetWidth - item_div.offsetWidth +'px';
			if (w != 1)
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft + q.offsetWidth +'px';
			}
			if ( hor == 'horisontal')
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft + q.offsetLeft +'px';
			}
			else if (item_div.offsetLeft < 0) show_children(q, w, e, top, 'left', mir, hor);
			break;
			
		case "left":
			//alert(document.getElementById('item_'+(w-1)+'_div').offsetWidth);
			item_div.style.left = q.offsetLeft +'px';
			if (w != 1)
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft - item_div.offsetWidth +'px';
			}
			if ( hor == 'horisontal')
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft + q.offsetLeft +'px';
			}
			if (mir == 'mirror_right')
			{
				if ((item_div.offsetLeft + item_div.offsetWidth) > last_c.offsetLeft) show_children(q, w, e, top, 'right', mir, hor);
				//alert(item_div.offsetLeft);
			}
			break;
			
		case "center": 
			item_div.style.left = q.offsetLeft + q.offsetWidth/2 - item_div.offsetWidth/2 +'px';
			if (w != 1)
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft + q.offsetWidth +'px';
			}
			if ( hor == 'horisontal')
			{
				item_div.style.left = document.getElementById('item_'+(w-1)+'_div').offsetLeft + q.offsetLeft +'px';
			}
			break;
		
		default: break;
	}
	w_div = w;
    show_main();
}

function show_main()
{
	mouse_out = false;
	document.getElementById("item_"+w_div+"_div").style.visibility = 'visible';
	w_div=1;
}

function hide_children(b, n, m, v, parent_number)
{
	mouse_out = true;
	setTimeout('if (mouse_out) { hide_time('+b+', '+n+', '+m+', '+v+', '+parent_number+'); }', 500);
}
function hide_time(x,y,z,w,parent_number)
{
	if(document.getElementById("level_1_"+parent_number)) { document.getElementById("level_1_"+parent_number).style.backgroundColor="transparent"; gorit=0; }
	if(gorit!=0) if(document.getElementById("level_1_"+gorit)) { document.getElementById("level_1_"+gorit).style.backgroundColor="transparent"; gorit=0; }
	//document.getElementById("item_"+x+"_div").style.visibility = "hidden";
	//document.getElementById("item_"+y+"_div").style.visibility = "hidden";
	//document.getElementById("item_"+z+"_div").style.visibility = "hidden";
	
	if (x==0)	
	{ 
		document.getElementById("item_"+y+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+z+"_div").style.visibility = "hidden";
		document.getElementById("item_"+w+"_div").style.visibility = "hidden";
	}
	else if (y==0)	
	{
		document.getElementById("item_"+x+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+z+"_div").style.visibility = "hidden";
		document.getElementById("item_"+w+"_div").style.visibility = "hidden";
	}
	else if (z==0)	
	{
		document.getElementById("item_"+x+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+y+"_div").style.visibility = "hidden";
		document.getElementById("item_"+w+"_div").style.visibility = "hidden";
	}
	else if (w==0)	
	{
		document.getElementById("item_"+x+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+y+"_div").style.visibility = "hidden";
		document.getElementById("item_"+z+"_div").style.visibility = "hidden";
	}
	else 
	{
		document.getElementById("item_"+x+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+y+"_div").style.visibility = "hidden";	
		document.getElementById("item_"+z+"_div").style.visibility = "hidden";
		document.getElementById("item_"+w+"_div").style.visibility = "hidden";
	}
}