startList = function() {
    if (document.getElementById) {
	navRoot = document.getElementById("topBar");
	for (i=0; i<navRoot.childNodes.length; i++) {
	    node = navRoot.childNodes[i];
	    if (node.nodeName=="LI") {
		node.onmouseover=function() {
		    this.className+='li_hover';
		}
		node.onmouseout=function() {
		    this.className=this.className.replace('li_hover', "");
		}
	    }
	}
    }
}

window.onload=startList;

function filter(mode){

    var gallery = document.getElementById('gallery').getElementsByTagName('li');
    var found = false;

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

	if (gallery[i].title==mode){

	    gallery[i].style.display='block';

	    found = true;

	}else{

	    gallery[i].style.display='none';

	}

    }

    if (!found){

	for(prod=0;prod<gallery.length;prod++){

	    gallery[prod].style.display='block';

	}

    }

    var modeList = document.getElementById('filter').getElementsByTagName('a');

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

	modeList[i].className = 'filter';

    }

    document.getElementById('filter_'+mode).className='filter_active';

}