var ua = navigator.userAgent;
var opera = /opera [56789]|opera\/[56789]/i.test(ua);
var ie = /MSIE/.test(ua);
var ns4 = (document.layers)? true:false;
var moz = !opera && /gecko/i.test(ua);

if ( (moz) || (ns4) )
{
	document.captureEvents(Event.CLICK);
	document.onclick = clickHandler;
}
else
{
	document.attachEvent("onclick", clickHandler);
}

var isOpenFirstLevel = false;

topDivWidths = new Array(69,111,85,100,73);

topDivWidthsEn = new Array(69,107,58,104,57);

divNames = new Array('submenu_1',
						 'submenu_2',
						 'submenu_3',
						 'submenu_4',
						 'submenu_5');

subDivNames = new Array('submenu_1_10',
							'submenu_2_1',
							'submenu_2_2',
							'submenu_2_3',
							'submenu_2_4');

subDivNamesEn = new Array('submenu_2_1',
							'submenu_2_2',
							'submenu_2_3',
							'submenu_2_4');

var openedSubmenu = 'none';

var coloredCell = 'none';

//window.attachEvent("onfocus", clearEverything);

function clickHandler(eventProps)
{
	if ( (moz) || (ns4) )
	{
		event = eventProps;
		if (event.target.id.substring(0, 7) != 'submenu')
		{
			clearEverything();
			isOpenFirstLevel = false;
		}
	}
	else
	{
		if (event.srcElement.id.substring(0, 7) != 'submenu')
		{
			clearEverything();
			isOpenFirstLevel = false;
		}
	}
}

function clearEverything()
{
	clearAll();
	clearAllSubs();
}

function clickMenu(divName, lang)
{
	if (!isOpenFirstLevel)
	{
		isOpenFirstLevel = true;
		setVisibility(divName, 1, lang);
	}
	else
	{
		isOpenFirstLevel = false;
		clearAll();
	}
}

function checkMenu(divName, lang)
{
	if (isOpenFirstLevel)
	{
		clearAll();
		setVisibility(divName, 1, lang);
	}
}

function overSubmenu(divName)
{
	clearAllSubs()
	
	if (divName != 'clear')
	{
		openedSubmenu = divName;
		setVisibility(divName, 1);
	}
}

function clearAll()
{
	//alert(divNames);
	for (i = 0; i < divNames.length; i++)
	{
		setVisibility(divNames[i], 0);
	}
}

function clearAllSubs()
{
	if (lang == 1)
	{
		for (i = 0; i < subDivNamesEn.length; i++)
		{
			setVisibility(subDivNamesEn[i], 0);
		}
	}
	else
	{
		for (i = 0; i < subDivNames.length; i++)
		{
			setVisibility(subDivNames[i], 0);
		}
	}
}

function position(lang)
{
	if (ns4)
	{
		screenWidth = window.innerWidth;
	}
	else
	{
		screenWidth = document.body.clientWidth;
	}
	
	
	topOffset = Math.floor((screenWidth - 778) / 2);
	if(topOffset <= 0)
	{
		topOffset = 4;
	}

	if (lang == 1) //angol
	{
		var divElement1 = document.getElementById('submenu_1');
		divElement1.style.left = topOffset + 181;
		var divElement2 = document.getElementById('submenu_2');
		divElement2.style.left = topOffset + 258;
		var divElement3 = document.getElementById('submenu_3');
		divElement3.style.left = topOffset + 373;
		var divElement4 = document.getElementById('submenu_4');
		divElement4.style.left = topOffset + 439;
		var divElement5 = document.getElementById('submenu_5');
		divElement5.style.left = topOffset + 551;
	}
	else  //magyar
	{
		var divElement1 = document.getElementById('submenu_1');
		divElement1.style.left = topOffset + 181;
		var divElement2 = document.getElementById('submenu_2');
		divElement2.style.left = topOffset + 258;
		var divElement3 = document.getElementById('submenu_3');
		divElement3.style.left = topOffset + 377;
		var divElement4 = document.getElementById('submenu_4');
		divElement4.style.left = topOffset + 470;
		var divElement5 = document.getElementById('submenu_5');
		divElement5.style.left = topOffset + 578;
	}

/*	var divElement1 = document.getElementById('|top_szinvanet|');
	divElement1.style.left = topOffset + 181;
	var divElement2 = document.getElementById('|top_uzletitev|');
	divElement2.style.left = topOffset + 258;
	var divElement3 = document.getElementById('|top_termekek|');
	divElement3.style.left = topOffset + 381;
	var divElement4 = document.getElementById('|top_szolgaltatasok|');
	divElement4.style.left = topOffset + 451;
	var divElement5 = document.getElementById('|top_arak|');
	divElement5.style.left = topOffset + 554;
	var divElement6 = document.getElementById('|top_tamogatas|');
	divElement6.style.left = topOffset + 601;

	var divElement1_10 = document.getElementById('|top_szinvanet|kapcsolat|');
	divElement1_10.style.left = topOffset + 345;
	divElement1_10.style.top = 219;
	var divElement2_3 = document.getElementById('|top_uzletitev|kozpontos|');
	divElement2_3.style.left = topOffset + 425;
	divElement2_3.style.top = 93;
	var divElement2_4 = document.getElementById('|top_uzletitev|vallalati_vevo|');
	divElement2_4.style.left = topOffset + 425;
	divElement2_4.style.top = 107;
	var divElement3_3 = document.getElementById('|top_uzletitev|lakossagi_vevo|');
	divElement3_3.style.left = topOffset + 425;
	divElement3_3.style.top = 121;
	var divElement3_4 = document.getElementById('|top_uzletitev|viszontelado|');
	divElement3_4.style.left = topOffset + 425;
	divElement3_4.style.top = 135;*/
}

function setVisibility(divName, state, lang)
{
	var states = ['hide', 'show', 'hidden', 'visible'];
	
	if (state == 1 )
	{
		position(lang);
	}

	if (ns4)		// netscape
	{
		document.layers[divName].visibility = states[state];
	}
	else			// explorer
	{
		var divElement = document.getElementById(divName);
		divElement.style.visibility = states[state + 2];
	}
}


function ImgBe(menuId)  {
   //document [menuId].src = document [menuId].src.substring(0,document [menuId].src.length-4)+'_on.gif';
   //alert(document.getElementById('submenu' + menuId));
   document.getElementById('submenu' + menuId).style.backgroundColor = '#4C837B';
   document.getElementById('submenu' + menuId).style.color = '#ffffff';
}

function ImgKi(menuId)   {
   //document [menuId].src = document [menuId].src.substring(0,document [menuId].src.length-7)+'.gif';
   document.getElementById('submenu' + menuId).style.backgroundColor = '#ffffff';
   document.getElementById('submenu' + menuId).style.color = '#000000';
}

function setTopWidths(lang)  {
	if(lang == 1) //angol
	{
		for(var i = 1; i<6; i++)
		{
			document.getElementById('submenu' + i).style.width = topDivWidthsEn[i-1];
		}
	}
	else
	{
		for(var i = 1; i<6; i++)
		{
			document.getElementById('submenu' + i).style.width = topDivWidths[i-1];
		}
	}
}