//Drop down menu items
function pickup_nav_menu(){
    var el=get_el("menu_data");
    if (el){
        var div_string=$('menu_data').value;
        if (div_string.length!=0){
        	var adiv=div_string.split(",");
        	for (var d=0;d<adiv.length;d++){
        		var div_name='sub' + adiv[d];
        	    Event.observe(div_name, 'mouseover', set_sub_position);
               }
        }
        Event.observe("display_div", 'mouseover', show_submenu);
    }
}




/* hide_menus: tidies up the drop down menus (i.e. hides them !) */
function hide_menus(){
    $('display_div').hide()
    $('display_child_div').hide()
}

// define placement of the pop-up menu based on the mouseover event that triggered the event //
function set_sub_position(event){
   	Element.hide('display_div');
   	Element.hide('display_child_div');
    
    current_edit_element=Event.element(event)
    //alert(current_edit_element.id);
  	parent_id=current_edit_element.id
    
	u_id= parent_id.replace("sub","")
	//u_id= parent_id
	subdiv_name ='mnu' + u_id
    var el=get_el(subdiv_name);
    if (el){
        var menu=$(subdiv_name);        
        menu.cleanWhitespace();
        
        var links=menu.immediateDescendants();
       
        var w=0;
        for (var c=0;c<links.length;c++){
            var thing = links[c].getElementsByClassName('submenu_link')
             if((thing[0].innerHTML.toString().stripTags().length)>w){
                w=thing[0].innerHTML.toString().stripTags().length
            }
        }
        var div_width=(w * 9) + 22;
    	$('display_div').innerHTML = $(subdiv_name).innerHTML
        //alert($('display_div').innerHTML)
        //$('display_div').innerHTML=$('display_div').innerHTML.toString().replace('-','~');
        //alert($('display_div').innerHTML)
        /* examine the new contents to create an event observer for each anchor */

        var links=$('display_div').getElementsByClassName('submenu_link');
        for (var i=0;i<links.length;i++){
            var n='copy_' + links[i].id
            var test_el_name= links[i].id.toString().replace('subchild','sub_child_mnu');
            var test_el=get_el(test_el_name);
            if (test_el){
                links[i].id=n;
                Event.observe(n, 'mouseover', display_child_menu);
                //Event.observe(n, 'mouseout', reset_class);
            }
        }

        var x_pos=Position.cumulativeOffset(current_edit_element)
        var n_pos= x_pos[0] + div_width + 230
        var y_pos= 93;//-50;
    	Element.setStyle('display_div',{left: x_pos[0]+ 230 + 'px'});
    	Element.setStyle('display_child_div',{left: n_pos+'px'});
    	Element.setStyle('display_div',{top:  y_pos+'px'});
    	Element.setStyle('display_div',{width: div_width + 'px'});
    	Element.show('display_div');
   	    //new Rico.Effect.SizeAndPosition( 'display_div', x_pos,y_pos, null, null, 300, 30);
        
    }
}
function reset_class(event){
    Event.element(event).className='submenu_link';
}
function display_child_menu(event){
    $('display_child_div').innerHTML=$(Event.element(event).id.toString().replace('copy_subchild','sub_child_mnu')).innerHTML;
    var y_factor=Position.cumulativeOffset(Event.element(event))[1];
    var n=Event.element(event).id
    var p=n.replace('copy_subchild','sub');
    //alert(p);
   // $(n).className='highlight'; 
    //alert($(n).tagName);
    //alert(Element.extend(n).ancestors());
    
        var links=$('display_child_div').getElementsByClassName('menu_link');
        var w=0;
        for (var c=0;c<links.length;c++){
            //var thing = links[c].getElementsByClassName('menu_link')
             if((links[c].innerHTML.toString().stripTags().length)>w){
                w=links[c].innerHTML.toString().stripTags().length
            }
        }
        var div_width=(w * 9) + 22;
    y_pos=y_factor
    Element.setStyle('display_child_div',{width: div_width+'px'});
    Element.setStyle('display_child_div',{top: y_pos+'px'});
    Element.show('display_child_div');
}

//hide_submenu: hide menu that is currently displayed //
function hide_submenu(){
    var el=get_el('display_div');   
    if (el){
	    Element.hide('display_div')
    }
}

//show_submenu: show the child menu //
function show_submenu(){
    var el=get_el('display_div');   
    if (el){
	    Element.show('display_div')
    }
}