var saved_class_name = new Array();
var opened_li = "";
function expand(ulid){
	
	li=document.getElementById(ulid);
	// get the ul to modify
	var ul=li.getElementsByTagName('ul')[0];
	//check to see if it is already visible
	if(ul.style.display!="block"){
		// it isn't, so display it
		ul.style.display="block";
		ul.style.visibility="visible";
		saved_class_name[ulid] = li.className;
		var iscategory = false;
		if(saved_class_name[ulid].indexOf("dropDown")!=-1) {
		  iscategory = true;
		}
		//if(saved_class_name[ulid] == "verticalItem1" || saved_class_name[ulid] == "first verticalItem1" || saved_class_name[ulid] == "last verticalItem1") {
		if(saved_class_name[ulid].indexOf("verticalItem1")!=-1) {
			li.className = "verticalItemOn";
			if(iscategory) {
			  li.className = "verticalItemOn "+saved_class_name[ulid].replace('first', '');
			}
			if(opened_li != "") {
				expand(opened_li);
				opened_li = "";
			}
			
			opened_li = ulid;
		}
		
	}else{
		// it is hidden, show it again
		ul.style.display="none";
		ul.style.visibility="hidden";
		if(saved_class_name[ulid]) {
			li.className = saved_class_name[ulid];
			
			//if(saved_class_name[ulid] == "verticalItem1" || saved_class_name[ulid] == "first verticalItem1" || saved_class_name[ulid] == "last verticalItem1") {
			if(saved_class_name[ulid].indexOf("verticalItem1")!=-1) {
				opened_li = "";
			}
		}
		
	}
}