// Variables ============================================================================
// Set different variables to customize menu

var mouseover_menus = '#C91A29';
var mouseout_menus  = '#C91A29';

var mouseover_items = '#f0f0f0';
var mouseout_items  = '#f9f9f9';


// Write menus here
var menus = new Array (
                    "Kirkop United",
					"The Club",
					"Senior Team",
					"The Nursery",
					"Events",
					"The Gallery",
					"Contact Us",
					"Squad Kits"
					 );

var items = new Array();

// Write menu Items here respectively. If any menu item don't have sub items, then leave its respective array blank
items[0]  = new Array (                    
                    "Home Page|index.php"                   
                    );
					
items[1]  = new Array (                    
                    "Club History|club_history.php",
					"Club Honours | club_honours.php"                   
                    );
                         
items[2]  = new Array (                    
                    "Fixtures & Results|seniorteam_fixtures.php",
					"Senior Team | seniorteam_lineup.php",
					"The Committee | seniorteam_committee.php"                   
                    );
					
items[3]  = new Array (                    
                    "The Nursery Teams|nursery_teams.php" ,
					"The Committee | nursery_committee.php" ,
					"Training Schedule |trainingschedule.php",
					"Fixtures & Results | nursery_fixtures.php",
					"Events | events.php",
					"Nursery History | nursery_history.php",
					"Join Kirkop Nursery | join.php"                  
                    );
                        
items[4]  = new Array (                    
                    "Events|events.php"                   
                    );
					
items[5]  = new Array (                    
                    "Photo Gallery|filebank/gallery/gallery.php"                   
                    );
				
items[6]  = new Array (                    
                    "Contact Us|contactus.php",
					"Book a Game | bookgame.php"                  
                    );
					
items[7]  = new Array (                    
                    "Squad Kits| squad_kits.php"                   
                    );
                        
                        
                                                                                 




// Functions ============================================================================
// Don't Edit Below


// Menu Title Mouse Over-Mouse Out
function menu_over(x)
    {
        if(document.getElementById||(document.all && !(document.getElementById)))
            {
                x.style.backgroundColor=mouseover_menus;
            }
     }

function menu_out(x)
    {
        if(document.getElementById||(document.all && !(document.getElementById)))
            {
                x.style.backgroundColor=mouseout_menus;
            }
    }

// Item Mouse Over-Mouse Out
function item_over(x)
    {
        if(document.getElementById||(document.all && !(document.getElementById)))
            {
                x.style.backgroundColor=mouseover_items;
            }
    }

function item_out(x)
    {
        if(document.getElementById||(document.all && !(document.getElementById)))
            {
                x.style.backgroundColor=mouseout_items;
            }
    }
 
 
 
// Statement to collapse items;
function collapse(id)
    {
        if (document.getElementById(id).style.display=="")
            {
                document.getElementById(id).style.display = "none";
                return;
            }
        for (i=0; i<menus.length; i++)
            {
                var others = document.getElementById(i+1);
                others.style.display = "none";
            }
        document.getElementById(id).style.display = "";
    }
 
// Statement to open links
function go(url)
    {
        window.location=url;
    }
 
                     
                         
// Writes menu
function write_menu()
    {
        document.write('<div id="navigation_bar">');
        
        for(x=0; x<menus.length; x++)
            {
                document.write('<div>');
                
                // Spilts menus into array for menu name and url
                var menu_array  = menus[x].split("|");
                // If menus url is not available the just makes expand and collapse effect on menu
                if (!menu_array[1])
                    {
                        var menu  = '<div id="menu" onMouseOver=menu_over(this); onMouseOut=menu_out(this); onClick="collapse(\''+(x+1)+'\')">'+menus[x]+'</div>';
                    }
                else
                    {
                        var menu  = '<div id="menu" onMouseOver=menu_over(this); onMouseOut=menu_out(this); onClick="collapse(\''+(x+1)+'\'); go(\''+menu_array[1]+'\')"><a href="'+menu_array[1]+'">'+menu_array[0]+'</a></div>';
                    }
                document.write(menu); 
                    
                // Checks if current menu has items then writes items
                if(items[x] !='')
                    {
                        // If menu is not current then sets its display to none
                        if (menu_array[0] != current_menu)
                            {
                                document.write('<div style="display:none" id="'+(x+1)+'">');
                            }
                        else
                            {
                                document.write('<div style="display:" id="'+(x+1)+'">');
                            }
                                
                            // Writes Items
                            for(y=0; y<items[x].length; y++)
                                {
                                    // Splits current item into name and url
                                    var item_array   = items[x][y].split("|");
                                    
                                    // If item name is not current then acts with it as a ordinary item
                                    if (item_array[0] != current_item)
                                        {
                                            document.write('<div id="item" onMouseOver=item_over(this); onMouseOut=item_out(this); onClick="go(\''+item_array[1]+'\')"><a href="'+item_array[1]+'">'+item_array[0]+'</a></div>');
                                        }
                                    // Or if it current, then removes hyperlink and change it background color to current items background color
                                    else
                                        {
                                            document.write('<div id="current_item">'+item_array[0]+'</div>');
                                        }
        
                                }
                        }
                        
                    document.write('</div>');            
                document.write('</div>');
            }
            
        document.write('</div>');
    }
    
function stoperror()
    {
        return true
    }
    
window.onerror=stoperror