function createMenu(element)
{
 if (document.getElementsByTagName){
	
    ars =element.getElementsByTagName('img');
    links =element.getElementsByTagName('a');

    collapseMenu(element);
    hiliteSelected(element)

	for(i=0;i<ars.length;i++){
		c=ars[i];
		//if(c.src.indexOf('arrow_grey_down.jpg')>-1 ){
		if(c.className == 'nav-arrow' ){
		    c.thisElement = element
			c.onclick = function(){
			    collapseMenu(this.thisElement,true);
			    removeSelected(this.thisElement);
			    this.parentNode.className="selected";
			    openMenu(this.parentNode);
			    return false;
			    
			    collapseMenu(this.thisElement,true);
			    //openMenu(this.parentNode.parentNode);
			    openMenu(this.parentNode);
			}
		};
	};
	
	for(i=0;i<links.length;i++){
		c=links[i];
		if(c.href.indexOf("#")>-1 ){
		    c.thisElement = element
			c.onclick = function(){
			    //alert('onclick');
			    collapseMenu(this.thisElement,true);
			    removeSelected(this.thisElement);
			    this.parentNode.className="selected";
			    openMenu(this.parentNode);
			    return false;
			    
			}
			if (c.className =='selected'){
			    c.isSelected = true;
			}else{
			   c.isSelected = false;
			}
			
			c.href="javascript:this.onclick();void('#');";
			
		};
	};
	return;
	
 }
};

function collapseMenu(element,removeSelected){
    uls=element.getElementsByTagName('UL');
	for(i=0;i<uls.length;i++){
		c=uls[i];
		if(c.parentNode.tagName=='LI' ){
			c.style.display='none';
			if (removeSelected){c.parentNode.className=""}
		};
		if (removeSelected && c.className=='selected'){alert(c);c.className=""}
	};
}
function openMenu(element){
    uls=element.getElementsByTagName('UL');
	for(i=0;i<uls.length;i++){
		c=uls[i];
		if(c.parentNode.tagName=='LI' ){
			c.style.display='block';
		};
	};
}
function hiliteSelected(element){
    lis=element.getElementsByTagName('LI');
	for(i=0;i<lis.length;i++){
		c=lis[i];
		if(c.className=='selected' ){
			c.style.display='block';
			//debugger
			c.parentNode.style.display='block';
			if (c.parentNode.tagName=='LI'){c.parentNode.className='selected'}
			c.parentNode.parentNode.style.display='block';
			if (c.parentNode.parentNode.tagName=='LI'){c.parentNode.parentNode.className='selected'}
			openMenu(c)
			break;
		};
	};
}

function removeSelected(element){
    lis=element.getElementsByTagName('LI');
	for(i=0;i<lis.length;i++){
		c=lis[i];
		if(c.className=='selected' ){c.className='' };
	};
}