nav = GetNavigator();

selpanel = 0;
nextpanel = 0;
selitemid = '';
shown = false;
pc = 5;
ratf = 50;
lngf = 500;
rats = 20;
ratm = 10;
if (nav != 'ie')
	rats += 20;
lngs = 800;
mdel = 200;

mt = 0;

qmenu = false;

blankimg = new Image();
blankimg.src = "blank.gif";

arrow_over = new Image();
arrow_over.src = "Images/arrow-over.gif";
arrow_out = new Image();
arrow_out.src = "Images/arrow-out.gif";

loading = new Image();
loading.src = "Images/loading_hr.gif";





function CopyMainContent()
{
	mb = top.frames[2].document.getElementById('maincontent');
	if (mb != null)
	{
		mb.innerHTML = top.frames[1].document.getElementById('mainbody').innerHTML;
		UpdateMenu(top.frames[2].document);
		HideCover(2, 'maincover', 1);
	}
	else
		setTimeout('CopyMainContent()', 100);
}

function CopyContent()
{
	if (top.frames[2] != null)
	{
		mb = top.frames[2].document.getElementById('main');
		if (mb != null)
		{
			mb.innerHTML = top.frames[0].document.getElementById('mainbody').innerHTML;
			mb.scrollTop = 0;
//		UpdateMenu(top.frames[2].document);
//		HideCover(2, 'maincover', 1);
		}
		else
			setTimeout('CopyContent()', 100);
	}
}

function PickNas(sii, nasid)
{
	if (nasid == 9)
		IClick('TDmenu3item2');
	else
		LoadPage(sii, 'Naselje=' + nasid + '&List=1');
}

function LoadPage(id, qry)
{
	if (qry == null)
		qry = '';
	else
		qry = '&' + qry;
	sct = document.getElementById(id + '.sct');
	if (top.frames[0] != null)
	{
		mb = top.frames[2].document.getElementById('main');
		mb.innerHTML = '<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="center"><IMG SRC="Images/loading_' + Lan + '.gif"></TD></TR></TABLE>';
		top.frames[0].location.href = 'detail.asp?Section=' + sct.innerHTML + qry;
	}
	else
		location.href = 'detail.asp?Section=' + id + qry;
}

function GetNavigator()
{
	s = navigator.userAgent;
	if (s.indexOf('Opera') > -1)
		return('op');
	else if (s.indexOf('Netscape') > -1)
		return('nn');
	else if (s.indexOf('Gecko') > -1)
		return('mz');
	else
		return('ie');
}

function ShowCover(fn, id, tr)
{
	c = top.frames[fn].document.getElementById(id);
	if (c != null)
	{
		if ((nav != 'ie') || (tr > 1))
			tr = 1;
		if (tr == 0)
			c.style.visibility = 'visible';
		Opacity(c, tr);
		if (tr < 1)
			setTimeout('ShowCover(' + fn + ', \'' + id + '\', ' + (tr + ratf / lngf) + ')', ratf);
	}
}

function HideCover(fn, id, tr)
{
	c = top.frames[fn].document.getElementById(id);
	if (c != null)
	{
		if ((nav != 'ie') || (tr < 0))
			tr = 0;
		Opacity(c, tr);
		if (tr > 0)
			setTimeout('HideCover(' + fn + ', \'' + id + '\', ' + (tr - ratf / lngf) + ')', ratf);
		else
			c.style.visibility = 'hidden';
	}
/*	if (tr == 0)
	{
		SetVisibility(0, 'visible');
		alert(tr);
	}
	if ((nav != 'ie') || (tr > 1))
		tr = 1;
	SetTransparency(0, tr);
	if (tr < 1)
		setTimeout('HideCover(' + fn + ', \'' + id + '\', ' + (tr + ratf / lngf) + ')', ratf);
	else
		alert(tr);*/
}

function Opacity(c, tr)
{
	c.style.filter = 'alpha(opacity=' + (tr * 100) + ')';
	c.style.opacity = tr;
	c.style.MozOpacity = tr;
	c.style.KhtmlOpacity = tr;
}

function SetSize(doc)
{
	if (doc == null)
		doc = document;
	cwidth = doc.getElementById('mainbody').clientWidth;
	cheight = doc.getElementById('mainbody').clientHeight;
	cleft = (cwidth - pc * 185 + 5) / 2;
	ctop = (cheight - 580) / 2;
	if (ctop > 110)
		ctop = 110;
	doc.getElementById('bodyleft').innerHTML = cleft;
	doc.getElementById('bodytop').innerHTML = ctop;
	doc.getElementById('bodywidth').innerHTML = cwidth;
	doc.getElementById('bodyheight').innerHTML = cheight;
}

function UpdateMenu(doc)
{
	if (doc == null)
		doc = document;
	cleft = parseInt(doc.getElementById('bodyleft').innerHTML);
	ctop = parseInt(doc.getElementById('bodytop').innerHTML);
	cwidth = parseInt(doc.getElementById('bodywidth').innerHTML);
	cheight = parseInt(doc.getElementById('bodyheight').innerHTML);
	cover = doc.getElementById('maincover');
	if (cover != null)
	{
		cover.style.width = cwidth + 'px';
		cover.style.height = cheight + 'px';
	}
	doc.getElementById('DIVtitle').style.left = cleft + 'px';
	doc.getElementById('DIVtitle').style.top = (ctop + 425) + 'px';	
	if (ctop < 110)
		doc.getElementById('Counter').style.top = '535px';	
	else
		doc.getElementById('Counter').style.top = (ctop + 425) + 'px';	
	for (i = 1; i <= pc; i++)
	{
		if (i == selpanel)
		{
			doc.getElementById('DIV' + i).style.left = '0px';
			if (ctop < 110)
				doc.getElementById('DIV' + i).style.top = '110px';
			else
				doc.getElementById('DIV' + i).style.top = ctop + 'px';
		}
		else
		{
			doc.getElementById('DIV' + i).style.left = (cleft + (i - 1) * 185) + 'px';
			doc.getElementById('DIV' + i).style.top = ctop + 'px';
		}
		doc.getElementById('DIV' + i).style.top = ctop + 'px';
	}
}

function Resize(doc)
{
	SetSize(doc);
	UpdateMenu(doc);
}

function SetTransparency(i, tr)
{
	for (j = 1; j <= pc; j++)
		if (j != i)
			Opacity(document.getElementById('DIV' + j), tr);
//	Opacity(document.getElementById('DIVtitle'), tr);
	Opacity(document.getElementById('DIVtitle.title'), tr);
	Opacity(document.getElementById('DIVtitle.text'), tr);
	Opacity(document.getElementById('DIVtitle.bitkod'), tr);
	if (i > 0)
		Opacity(document.getElementById('DIVnavigator'), 1 - tr);
}

function SetVisibility(i, vis)
{
	for (j = 1; j <= pc; j++)
		if (j != i)
			document.getElementById('DIV' + j).style.visibility = vis;
	document.getElementById('DIVtitle').style.visibility = vis;
}

function EnableMouse(en)
{
	if (en)
		vis = 'visible';
	else
		vis = 'hidden';
	for (j = 1; j <= pc; j++)
		if (j != selpanel)
			document.getElementById('DIVmouse' + j + '_s').style.visibility = vis;
}

function DoSelect(i, suf)
{
	if (suf == null)
		suf = '';
	db = document.getElementById('DIVback' + i + suf);
	dt = document.getElementById('DIVtitle' + i + suf);
	dw = document.getElementById('DIVdoorwin' + i + suf);
	dp = document.getElementById('DIVpic' + i + suf);
	ds = document.getElementById('DIVselected' + i + suf);
	dr = document.getElementById('DIVover' + i + suf);
	Opacity(db, 1);
	Opacity(dr, 0);
	if (i == selpanel)
	{
		dp.style.visibility = 'visible';
		dt.style.visibility = 'visible';
		if (suf == '')
		{
			Opacity(dp, 0.4);
			Opacity(dw, 0.25);
			Opacity(dt, 0.25);
		}
		else
		{
			Opacity(dp, 0.5);
			Opacity(dw, 1);
			Opacity(dt, 0.5);
		}
		if (ds != null)
		{
			ds.style.visibility = 'visible';
			Opacity(ds, 0.5);
		}
	}
	else
	{
		Opacity(dw, 1);
		//alert(dw.style.filter);
		dp.style.visibility = 'hidden';
		dt.style.visibility = 'hidden';
		if (ds != null)
			ds.style.visibility = 'hidden';
	}
}

function SelectItem(suf)
{
	if (suf == null)
		suf = '';
	for (i = 1; i <= pc; i++)
		DoSelect(i, suf);
}

function FadeIn(i, tr)
{
	dv = document.getElementById('DIVtitle' + i);
	dw = document.getElementById('DIVdoorwin' + i);
	dp = document.getElementById('DIVpic' + i);
	dm = document.getElementById('DIVmouse' + i);
	dn = document.getElementById('DIVnavigator');
	if (tr == 0)
		SetVisibility(i, 'visible');
	if ((nav != 'ie') || (tr > 1))
		tr = 1;
	Opacity(dv, (1 - tr) / 4);
	Opacity(dw, 0.25 + tr * 3 / 4);
	Opacity(dp, 2 * (1 - tr) / 5);
	SetTransparency(i, tr);
	if (tr < 1)
		setTimeout('FadeIn(' + i + ', ' + (tr + ratf / lngf) + ')', ratf);
	else
	{
		selpanel = 0;
		dm.style.visibility = 'visible';
		dn.style.visibility = 'hidden';
		mq = document.getElementById('mrq');
		mq.start();
	}
}

function FadeOut(i, tr)
{
	dv = document.getElementById('DIVover' + i);
	dt = document.getElementById('DIVtitle' + i);
	dw = document.getElementById('DIVdoorwin' + i);
	dm = document.getElementById('DIVmouse' + i);
	dn = document.getElementById('DIVnavigator');
	if (tr == 1)
	{
		dm.style.visibility = 'hidden';
		dn.style.visibility = 'visible';
		SelectItem('_s');
		mq = document.getElementById('mrq');
		mq.stop();
	}
	if ((nav != 'ie') || (tr < 0))
		tr = 0;
	Opacity(dv, tr);
	Opacity(dt, 0.25 + tr / 4);
	Opacity(dw, 0.25 + tr / 4);
	SetTransparency(i, tr);
	if (tr > 0)
		setTimeout('FadeOut(' + i + ', ' + (tr - ratf / lngf) + ')', ratf);
	else
	{
		SetVisibility(i, 'hidden');
		ScrollLeft(i, -1, 0);
	}
}

function ScrollLeft(i, x, y)
{
	dv = document.getElementById('DIV' + i);
	cleft = parseInt(document.getElementById('bodyleft').innerHTML);
	ctop = parseInt(document.getElementById('bodytop').innerHTML);
	l = cleft + (i - 1) * 185;
	k = 110 - ctop;
	if (x == -1)
	{
		x = l;
		y = ctop;
	}
	dx = rats * l / lngs;
	dy = rats * k / lngs;
	x = x - dx;
	y = y + dy;
	if (x < 0)
	{
		dv.style.left = '0px';
		dv.style.top = '110px';
		ShowMenu(i);
	}
	else
	{
		dv.style.left = x + 'px';
		dv.style.top = y + 'px';
		setTimeout('ScrollLeft(' + i + ', ' + x + ', ' + y + ')', rats);
	}

}

function ScrollRight(i, x, y)
{
	cleft = parseInt(document.getElementById('bodyleft').innerHTML);
	ctop = parseInt(document.getElementById('bodytop').innerHTML);
	l = cleft + (i - 1) * 185;
	k = 110 - ctop;
	dx = rats * l / lngs;
	dy = rats * k / lngs;
	dv = document.getElementById('DIV' + i);
	x = x + dx;
	y = y - dy;
	if (x > l)
	{
		dv.style.left = l + 'px';
		dv.style.top = ctop + 'px';
		if (nav == 'ie')
			FadeIn(i, 0);
		else
			FadeIn(i, 1);
	}
	else
	{
		dv.style.left = x + 'px';
		dv.style.top = y + 'px';
		setTimeout('ScrollRight(' + i + ', ' + x + ', ' + y + ')', rats);
	}
}

function ShowMenu(i)
{
	for (j = 1; j <= Counts[i - 1]; j++)
		setTimeout('ShowItem(\'DIVmenu' + i + 'item' + j + '\', 0)', (j - 1) * mdel);
	setTimeout('ShowItem(\'DIVhome' + i + '\', 0)', (Counts[i - 1] + 2) * mdel);
}

function HideMenu(i)
{
	setTimeout('HideItem(' + i + ', \'DIVhome' + i + '\', 1)', 0);
	for (j = Counts[i - 1]; j > 0; j--)
		setTimeout('HideItem(' + i + ', \'DIVmenu' + i + 'item' + j + '\', 1)', (Counts[i - 1] - j + 3) * mdel);
}

function ShowItem(id, tr)
{
	dm = document.getElementById(id);
	if (tr == 0)
		dm.style.visibility = 'visible';
	if ((nav != 'ie') || (tr > 1))
		tr = 1;
	Opacity(dm, tr);
	if (tr < 1)
		setTimeout('ShowItem(\'' + id + '\', ' + (tr + ratf / lngf) + ')', ratf);
	else if (id.substring(3, 7) == 'home')
	{
		shown = true;
		firstid = 'TDmenu' + id.substring(7, 8) + 'item1';
		document.getElementById('Counter').style.visibility = 'visible';
		IOver(firstid)
		IExpand(firstid);
	}
}

function HideItem(i, id, tr)
{
	document.getElementById('Counter').style.visibility = 'hidden';
	dm = document.getElementById(id);
	if ((tr == 1) && (id.substring(3, 7) == 'home'))
		shown = false;
	if ((nav != 'ie') || (tr < 0))
		tr = 0;
	Opacity(dm, tr);
	if (tr > 0)
		setTimeout('HideItem(' + i + ', \'' + id + '\', ' + (tr - ratf / lngf) + ')', ratf);
	else
	{
		dm.style.visibility = 'hidden';
		document.getElementById('TDhome' + i + '.div').style.visibility = 'hidden';
		document.getElementById('TDhome' + i + '.image').src = arrow_out.src;
		if (id.substring(id.length - 5, id.length) == 'item1')
			ScrollRight(i, 0, 110);
	}
}

function SwitchPanels(i)
{
	ReturnPanel(selpanel);
	s = selpanel
	selpanel = nextpanel;
	DoSelect(s);
	FetchPanel(selpanel, i);
	SelectItem('_s');
	IExpand('TDmenu' + selpanel + 'item' + i);
}

function ReturnPanel(i)
{
	cleft = parseInt(document.getElementById('bodyleft').innerHTML);
	ctop = parseInt(document.getElementById('bodytop').innerHTML);
	l = cleft + (i - 1) * 185;
	dv = document.getElementById('DIV' + i);
	dm = document.getElementById('DIVmouse' + i);
	dv.style.left = l + 'px';
	dv.style.top = ctop + 'px';
	Opacity(dv, 0);
	dm.style.visibility = 'visible';
	dv.style.visibility = 'hidden';
	for (j = 1; j <= Counts[i - 1]; j++)
	{
		dmi = document.getElementById('DIVmenu' + i + 'item' + j);
		dmi.style.visibility = 'hidden';
		Opacity(dmi, 0);
	}
	dmi = document.getElementById('DIVhome' + i);
	dmi.style.visibility = 'hidden';
	Opacity(dmi, 0);
}

function FetchPanel(i, id)
{
	dv = document.getElementById('DIV' + i);
	dm = document.getElementById('DIVmouse' + i);
	dv.style.left = '0px';
	dv.style.top = '110px';
	dm.style.visibility = 'hidden';
	dv.style.visibility = 'visible';
	Opacity(dv, 1);
	DoSelect(i);
	shown = true;
	for (j = 1; j <= Counts[i - 1]; j++)
	{
		dmi = document.getElementById('DIVmenu' + i + 'item' + j);
		dmi.style.visibility = 'visible';
		Opacity(dmi, 1);
	}
	dmi = document.getElementById('DIVhome' + i);
	dmi.style.visibility = 'visible';
	Opacity(dmi, 1);
	if (id == '')
		firstid = 'TDmenu' + i + 'item1';
	else
		firstid = 'TDmenu' + i + 'item' + id;
	IOver(firstid)
	setTimeout('IExpand(\'' + firstid + '\')', ratm);
}

function Scroll(i)
{
	if (selpanel == 0)
	{
		Over(i);
		selpanel = i;
		FadeOut(i, 1);
	}
	if (shown)
		HideMenu(i);
}

function ChangeMenu(i, id)
{
	qmenu = true;
	nextpanel = i;
	ICollapse(selitemid, id);
}

function Over(i, suf)
{
	if (suf == null)
		suf = '';
	if ((selpanel == 0) || ((suf != '') && (selpanel != i) && shown))
	{
		divo = document.getElementById('DIVover' + i + suf);
		divt = document.getElementById('DIVtitle' + i + suf);
		divd = document.getElementById('DIVdoorwin' + i + suf);
		divp = document.getElementById('DIVpic' + i + suf);
		divb = document.getElementById('DIVback' + i + suf);
		divo.style.visibility = 'visible';
		divt.style.visibility = 'visible';
		divd.style.visibility = 'visible';
		divp.style.visibility = 'visible';
		divb.style.visibility = 'visible';
		Opacity(divo, 1);
		Opacity(divb, 1);
		Opacity(divt, 0.5);
		Opacity(divd, 0.5);
		Opacity(divp, 0.4);
	}
}

function Out(i, suf)
{
	if (suf == null)
		suf = '';
	if ((selpanel == 0) || ((suf != '') && (selpanel != i) && shown))
	{
		divo = document.getElementById('DIVover' + i + suf);
		divb = document.getElementById('DIVback' + i + suf);
		divt = document.getElementById('DIVtitle' + i + suf);
		divd = document.getElementById('DIVdoorwin' + i + suf);
		divp = document.getElementById('DIVpic' + i + suf);
		divo.style.visibility = 'hidden';
		divt.style.visibility = 'hidden';
		divp.style.visibility = 'hidden';
		Opacity(divd, 1);
		Opacity(divb, 1);
	}
}

function IOver(id)
{
	if (shown && (id != selitemid))
	{
		ovr = document.getElementById(id + '.div');
		img = document.getElementById(id + '.image');
		txt = document.getElementById(id + '.text');
		dot = document.getElementById(id + '.dot');
		arw = document.getElementById(id + '.arrow');
		if (txt != null)
		{
			w = txt.clientWidth;
			q = w;
			if (q % 10 > 0)
				q = q - q % 10 + 10;
			q = q + 5;
			if (q - 10 >= w)
				q = q - 10;
			txt.style.width = q + 'px';
			dot.style.width = '0px';
			arw.style.left = '10px';
		}
		ovr.style.visibility = 'visible';
		img.src = blankimg.src;
	}
}

function IOut(id)
{
	if (shown && (id != selitemid))
	{
		ovr = document.getElementById(id + '.div');
		img = document.getElementById(id + '.image');
		ovr.style.visibility = 'hidden';
		img.src = arrow_out.src;
	}
}

function IClick(id)
{
	if (shown)
	{
		shown = false;
		if (selitemid != '')
			ICollapse(selitemid, id);
		else
			IExpand(id);
	}
}

function IBackClick(i)
{
	if (shown)
		ICollapse(selitemid, '');
}

function IExpand(id)
{
	selitemid = id;
	arw = document.getElementById(id + '.arrow');
	txt = document.getElementById(id + '.text');
	dot = document.getElementById(id + '.dot');
	l = parseInt(arw.style.left) + 10;
	if (l > 167)
		l = 167;
	arw.style.left = l + 'px';
	w = txt.clientWidth;
	if (l > w + 20)
		dot.style.width = (l - w - 20) + 'px';
	if (l < 167)
		setTimeout('IExpand(\'' + id + '\')', ratm);
	else
	{
		shown = true;
		EnableMouse(true);
		LoadPage(id);
	}
}

function ICollapse(oldid, id)
{
	EnableMouse(false);
	arw = document.getElementById(oldid + '.arrow');
	txt = document.getElementById(oldid + '.text');
	dot = document.getElementById(oldid + '.dot');
	ovr = document.getElementById(id + '.div');
	l = parseInt(arw.style.left) - 10;
	if (l == 157)
		top.frames[2].document.getElementById('main').innerHTML = '';
	if (l < 10)
		l = 10;
	arw.style.left = l + 'px';
	w = txt.clientWidth;
	if (l > w + 20)
		dot.style.width = (l - w - 20) + 'px';
	else
		dot.style.width = '0px';
	if (l > 10)
		setTimeout('ICollapse(\'' + oldid + '\', \'' + id + '\')', ratm);
	else
	{
		selitemid = id;
		shown = true;
		IOut(oldid);
		shown = false;
		if (qmenu)
		{
				qmenu = false;
				setTimeout('SwitchPanels(\'' + id + '\')', ratm);	
		}
		else
		{
			if (id != '')
			{
				if (ovr.style.visibility == 'hidden')
				{
					shown = true;
					selitemid = oldid;
					IOver(id);
					selitemid = id;
					shown = false;
				}
				setTimeout('IExpand(\'' + id + '\')', ratm);
			}
			else
			{
				shown = true;
				Scroll(selpanel);
			}
		}
	}
}