milov.nl

<ul class="gigography">

<li>mo april 24</li>

<li>UK</li>

<li>London</li>

<li class="wide down" onmouseover="this.className += ' over';" onmouseout="this.className = this.className.replace(' over', '');">Luminaire

<ul>

<li>Double G ...</li>

</ul>

</li>

<li class="down narrow" onmouseover="this.className += ' over';" onmouseout="this.className = this.className.replace(' over', '');">setlist



<ul>

<li>tba</li>

</ul>

</li>

<li class="down narrow" onmouseover="this.className += ' over';" onmouseout="this.className = this.className.replace(' over', '');">lineup

<ul>

<li>Double G &amp; the Traitorous 3</li>

<li>De Rosa</li>

<li>James Morrison</li>

</ul>

</li>



<li>&nbsp;</li>

<li>&nbsp;</li>

 </ul>

ul.gigography 

{ 

	position: relative;

	clear: both;

	margin: 0;

	padding: 0;

}



ul.gigography li

{

	float: left;

	position: relative;

	...

}



ul.gigography li ul

{

	display: none;

	position: absolute;

	z-index: 10;

	margin: 0;

	left: 45px;

	top: 7px;

	...

}



ul.gigography li:hover ul,

ul.gigography li.over ul 

{

	display: block;

	position: absolute;

}



ul.gigography li ul li

{

	float: none;

	position: relative;

	z-index: 20;

	...

}

function addZIndex(){



	if(!document.getElementById) return false;

	if(!document.getElementById('gigography')) return false;

	

	var gig = document.getElementById('gigography').childNodes;

	var z = 1000;

	//alert(gig.length);

	for(var i = 0; i< gig.length; i++){

		

		if(gig[i].nodeName.toLowerCase() == 'ul') {

			gig[i].style.zIndex = z;

			gig[i].onclick = function(){alert(this.style.zIndex);}

			z--;

			

			var gigsub = gig[i].childNodes;

			for(var j = 0; j  < gigsub.length; j++){

				

				if(gigsub[j].nodeName.toLowerCase() == 'li') {

					gigsub[j].style.zIndex = z;

					gigsub[j].onclick = function(){alert(this.style.zIndex);}

					z--;

				}

			}

			

		}



	}

}