var cinLayersLayer;
var cinButtonsLayer

var cinButtons;
var cinLayers;

var menuButtonClassName ="kategory_new";
var menuButtonClassNameHover ="kategory_new_hover";

var menuButtonClassNameMor ="kategory_new_mor";
var menuButtonClassNameHoverMor ="kategory_new_hover_mor";

var menuLayersClassName = "cinMenuLayers";

var menuLayerTablesClassName="kategory_new_table";

var menuLayerTablesTdsClassName="kategory_new_links";
var menuLayerTablesTdsClassNameHover="kategory_new_links_hover";

var menuBlankTdsClassName = 'blank_menu_tds';

var curleft = 0;
var curtop = 0;

function initializeCinMenu()
{
	cinButtonsLayer = document.getElementById('cinmenubuttons');
	cinLayersLayer = document.getElementById('cinmenulayers');

	cinButtons = cinButtonsLayer.getElementsByTagName('div');
	cinLayers = cinLayersLayer.getElementsByTagName('div');
	
	for(i=0;i<cinButtons.length;i++)
	{
		if(document.all)
		{
			cinButtons[i].onmouseleave = iemouseout;
		}
		else
		{
			cinButtons[i].onmouseout = ffmouseout;
		}
		cinButtons[i].onmouseover = crossmouseover;
		
		if(i==2)
		{
		cinButtons[i].className = menuButtonClassNameMor;		
		}else{
		cinButtons[i].className = menuButtonClassName;
		}
	}
	

	var layerTables = cinLayersLayer.getElementsByTagName('table');
	var layerTableTds = cinLayersLayer.getElementsByTagName('td');
		
	for(i=0;i<cinLayers.length;i++)
	{
		cinLayers[i].className = menuLayersClassName;
		
		if(document.all)
		{
			cinLayers[i].onmouseleave = iecinlayermouseout;
		}
		else
		{
			cinLayers[i].onmouseout = ffcinlayermouseout;
		}
	}
	
	
	for(k=0;k<layerTables.length;k++)
	{
		layerTables[k].className=menuLayerTablesClassName;
	}

	for(k=0;k<layerTableTds.length;k++)
	{
		if(layerTableTds[k].innerHTML!='')
		{
			layerTableTds[k].className=menuLayerTablesTdsClassName;
			layerTableTds[k].onmouseover = tdonmouseover;
			layerTableTds[k].onmouseout = tdonmouseout;	
			layerTableTds[k].onclick = tdonclick;	
		}
		else
		{
			layerTableTds[k].className=menuBlankTdsClassName;
		}
	}	
}

function iemouseout()
{
	var indexOfEl = 0;
	for(i=0;i<cinButtons.length;i++)
	{
		if(this==cinButtons[i])
		{
			indexOfEl = i;
			break;
		}
	}
	
	var thisMenuItem = cinLayers[indexOfEl];
	
	if(event.toElement!=thisMenuItem) 
	{
		thisMenuItem.style.display='none';
	if(indexOfEl!=2){
	this.className=menuButtonClassName;
	}else{
	this.className=menuButtonClassNameMor;
	}

	}
}

function ffmouseout(e)
{
	var indexOfEl = 0;
	for(i=0;i<cinButtons.length;i++)
	{
		if(this==cinButtons[i])
		{
			indexOfEl = i;
			break;
		}
	}
	
	var thisMenuItem = cinLayers[indexOfEl];
	
	if(e.relatedTarget!=thisMenuItem) 
	{
		thisMenuItem.style.display='none';
	if(indexOfEl!=2){
	this.className=menuButtonClassName;
	}else{
	this.className=menuButtonClassNameMor;
	}

	}
}

function crossmouseover(event)
{

	var indexOfEl = 0;
	for(i=0;i<cinButtons.length;i++)
	{
		if(this==cinButtons[i])
		{
			indexOfEl = i;
			break;
		}
	}
	
	var thisMenuItem = cinLayers[indexOfEl];
	for(i=0;i<cinLayers.length;i++)
	{
		if(cinLayers[i]!=thisMenuItem)
		{
			cinLayers[i].style.display='none';
		}
	}
	
	
	for(i=0;i<cinButtons.length;i++)
	{
		if(this!=cinButtons[i] && i!=2)
		{
			cinButtons[i].className=menuButtonClassName;
		}
	}

	findPos(this);
	
	if(indexOfEl==2){
	this.className=menuButtonClassNameHoverMor;
	}else{
	this.className=menuButtonClassNameHover;
	}
	
	thisMenuItem.style.display='block';
	
	thisMenuItem.style.top = (curtop)+'px';
	thisMenuItem.style.left = (curleft)+'px';
}

function tdonmouseover()
{
	this.className=menuLayerTablesTdsClassNameHover;
}

function tdonmouseout()
{
	this.className=menuLayerTablesTdsClassName;
}

function tdonclick()
{
this.parentNode.parentNode.parentNode.parentNode.style.display='none';
window.location.href=this.getAttribute('link');

}

function iecinlayermouseout()
{
	var indexOfEl = 0;
	for(i=0;i<cinLayers.length;i++)
	{
		if(this==cinLayers[i])
		{
			indexOfEl = i;
			break;
		}
	}
	
	var thisMenuButton = cinButtons[indexOfEl];
	
	this.style.display='none';
	if(indexOfEl!=2){
	thisMenuButton.className=menuButtonClassName;
	}else{
	thisMenuButton.className=menuButtonClassNameMor;
	}
}

function ffcinlayermouseout(e)
{
	var indexOfEl = 0;
	for(i=0;i<cinLayers.length;i++)
	{
		if(this==cinLayers[i])
		{
			indexOfEl = i;
			break;
		}
	}
	
	var thisMenuButton = cinButtons[indexOfEl];
	if(e.currentTarget==this&&e.relatedTarget==this) 
	{
		this.style.display='none';
	if(indexOfEl!=2){
	thisMenuButton.className=menuButtonClassName;
	}else{
	thisMenuButton.className=menuButtonClassNameMor;
	}

	}
}

function findPos(obj) {

	if (obj.offsetParent) {
		curleft = obj.offsetLeft+obj.offsetWidth-25;
		curtop = obj.offsetTop-20;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

window.onload = initializeCinMenu;