out = "#99aaaa";
over = "#558888";
on = "#336666";

function navi(ids){
	ids = "t" + ids;
		this[ids].style.backgroundImage = 'url(img/menu_over.png)';
		this[ids].style.color = "#ffffff";
	this[ids].style.cursor = "pointer"; 
}
function navo(ids){
	if(t == ids){
		ids = "t" + ids;
		this[ids].style.backgroundImage = 'url(img/menu_on.png)';
		this[ids].style.color = "#ffffff";
	}else{
		ids = "t" + ids;
		this[ids].style.backgroundImage = 'url(img/menu_off.png)';
		this[ids].style.color = "#003333";
	}
}
function nava(adress){
	location.href = adress;
}

document.write("<table align=center valign=top width=600 border=0 cellspacing=1 background=img/navi.jpg><tr>");
	document.write("<td id=t1 class=title onmouseover=navi('1') onmouseout=navo('1') onclick=nava('index.html')>");
	document.write("<td id=t4 class=title onmouseover=navi('4') onmouseout=navo('4') onclick=nava('event.html')>");
	document.write("<td id=t2 class=title onmouseover=navi('2') onmouseout=navo('2') onclick=nava('filmizm.html')>");
		document.write("<td id=t3 class=title onmouseover=navi('3') onmouseout=navo('3') onclick=nava('filme.html')>");
	document.write("<td id=t5 class=title onmouseover=navi('5') onmouseout=navo('5') onclick=nava('link.html')>");
	document.write("</table>");
	for( i = 1 ; i <= 5 ; i++ ){
	ids = "t" + i;
	if(t == i){
		this[ids].style.backgroundImage = 'url(img/menu_on.png)';
		this[ids].style.color = "#ffffff";
	}else{
		this[ids].style.backgroundImage = 'url(img/menu_off.png)';
	}
}