// JavaScript Document
document.onclick = function(event)
{   
    if(!event) event=window.event
  	var obj0=event.srcElement?event.srcElement:event.target;   
 
	if (obj0.id=="li1") {
		if (document.getElementById("ul1").style.display=="none") {
			document.getElementById("ul1").style.display='';
		}
		else {
			document.getElementById("ul1").style.display="none";
		}
	}

	if (obj0.id=="li2") {
		if (document.getElementById("ul2").style.display=="none") {
			document.getElementById("ul2").style.display='';
		}
		else {
			document.getElementById("ul2").style.display="none";
		}
	}

	if (obj0.id=="li3") {
		if (document.getElementById("ul3").style.display=="none") {
			document.getElementById("ul3").style.display='';
		}
		else {
			document.getElementById("ul3").style.display="none";
		}
	}
	
	if (obj0.id=="li4") {
		if (document.getElementById("ul4").style.display=="none") {
			document.getElementById("ul4").style.display='';
		}
		else {
			document.getElementById("ul4").style.display="none";
		}
	}
} 

var divTag = "DIV";
var timeout;

function x() {}

function makeTips(obj, synopsis) {
    var _div = document.getElementById("n" + obj.id);
    if (_div == null) {
        _div = document.createElement(divTag);
        _div.id = "n" + obj.id;
        _div.className = "divTips"; 
        _div.onmouseover = function (evt) {
            showTips(obj.id);
        };
        _div.onmouseout = function (evt) {
            hideTips(obj);
        };
    }

    _div.innerHTML = synopsis;
    document.getElementById("div_" + obj.id).appendChild(_div);
}

function hideTips(obj) {
    timeout = setTimeout("delTips('"+obj.id+"')", 300);
}

function delTips(id) {
    var _div = document.getElementById("n" + id);
    if (_div != null) {
        document.getElementById("div_" + id).removeChild(_div);    
    }
}

function showTips(id) {
    clearTimeout(timeout);
}