var menuItems = new Array();
var menuLinks = new Array();

menuItems[0] = "Home";
menuLinks[0] = "index.htm";
menuItems[1] = "News";
menuLinks[1] = "news.htm";
menuItems[2] = "Events";
menuLinks[2] = "events.htm";
menuItems[3] = "Magazine";
menuLinks[3] = "magazine.htm";
menuItems[4] = "Competitions";
menuLinks[4] = "competitions.htm";
menuItems[5] = "Activities";
menuLinks[5] = "activities.htm";
menuItems[6] = "Message Board";
menuLinks[6] = "message_board.htm";
menuItems[7] = "Photos";
menuLinks[7] = "photos.htm";
menuItems[8] = "Driving Rules";
menuLinks[8] = "rules.htm";
menuItems[9] = "Join";
menuLinks[9] = "join.htm";
menuItems[10] = "Contact";
menuLinks[10] = "contact.htm";
menuItems[11] = "Links";
menuLinks[11] = "links.htm";



function makeMenu(page)
{

	var HTML = "";
	var a = 0;
	var ID = 1;
	HTML += "<ul><li class=\"menuEnd\" id=\"ID"+ID+"\"><img src=\"images/menu_left.gif\"></li>";
	ID++;
	for(a=0; a<menuItems.length; a++)
	{
		HTML += "<li class=\"menuLi\" id=\"ID"+ID+"\">";
		if(page == a)
		{
			HTML += "<span>" + menuItems[a] + "</span>";
		}
		else
		{
			HTML += "<a href=\""+menuLinks[a]+"\">"+menuItems[a]+"</a>";
		}
		HTML += "</li>";
	
	
		ID++;
	}
	HTML += "<li class=\"menuEnd\" id=\"ID"+ID+"\"><img src=\"images/menu_right.gif\"></li></ul>";
	
	document.getElementById("menu").innerHTML = HTML;
	
	
}

$(document).ready(function(){

	/*$("body").animate({ 
        opacity: 1
      }, 200 );*/

    
    $("#main_logo").animate({ 
        opacity: 1
      }, 500 );
      
    
    
   
    showMenu(1);
    
    $("#menu .menuLi").hover(
      function () {
      	      	
      	$("#menuHighlight").stop();
      	$("#menuHighlightBox").stop();
      	
      	$("#menuHighlightBox").animate({ width: $(this).children().width() }, 300);
      	$("#menuHighlight").animate({ left: $(this).position().left, opacity: 1}, 300 );
      	
      }, 
      function () {
      
      $("#menuHighlight").stop();
      $("#menuHighlightBox").stop();
      $("#menuHighlight").animate({ opacity: 0}, 500 );
      }
    );
    
      
    
    $("#submenu").append("<span id=\"submenuContent\"></span>");
    $("#submenu").append("<span id=\"submenuContent2\"></span>");
    
	var items = new Array();
	items = $("#main").children("h1");

	var link = "";	
	var spacer = "";
	
	for(var a=0; a<items.length; a++)
	{
		
		link += spacer;
		link += "<a href=\"#bookmark"+ a +"\">"+ jQuery.trim(items[a].innerHTML) +"</a></li>";
		$("#submenuContent2").append(link);
		spacer = "&nbsp;&#8226;&nbsp;";
		
		if((($("#submenuContent").width())+($("#submenuContent2").width()))>870)
		{			
			a = items.length;
			$("#submenuContent2").remove();
		}
		else
		{
			$(items[a]).append("<a name=\"bookmark"+ a +"\">");
			$("#submenuContent").append(link);
		}	
		$("#submenuContent2").empty();
		link = "";
	}
	
	
	

});

function showMenu(ID)
{
	var name="#ID" + ID;

	$(name).animate({ 
    	left: 0
      }, 0 );
    $(name).animate({ 
    	top: 5,
        opacity: 0.33
      }, 300 );
    $(name).animate({ 
    	top: -5,
        opacity: 0.66
      }, 300 );
    $(name).animate({ 
      	opacity: 1,
        top: 0
      }, 300 );
	      
	
      
    if(ID < (menuLinks.length+2))
    {
    	ID++;
    	setTimeout ('showMenu('+ (ID) +')', 30 );
    }
}





function addJavascript(jsname,pos)
{
	var th = document.getElementsByTagName(pos)[0];
	var s = document.createElement('script');
	s.setAttribute('type','text/javascript');
	s.setAttribute('src',jsname);
	th.appendChild(s);
} 



/* Christmas */





//setTimeout("addJavascript('christmas.js','head')",1000);