i = 8 // number of images available
header1 = new Image();
header1.src = "images/outdoor_ring.jpg";
header2 = new Image();
header2.src = "images/barn_header.jpg";
header3 = new Image();
header3.src = "images/paddock_header.jpg";
header4 = new Image();
header4.src = "images/paddock_header2.jpg";
header5 = new Image();
header5.src = "images/barn_header2.jpg";
header6 = new Image();
header6.src = "images/girl_and_horse.jpg";
header7 = new Image();
header7.src = "images/outdoor_trotting.jpg";
header8 = new Image();
header8.src = "images/jump_header.jpg";

function loadFunctions(){
 var randomnumber = Math.random();
 i = Math.floor(Math.random() * i + 1);
 document.header_image.src = eval("header" + i + ".src");

 var menu = document.getElementById('mainMenu');

 var about = document.createElement('div');
 about.setAttribute("id", "aboutGroup");
 about.setAttribute("className", "menuItem");
 about.setAttribute("class", "menuItem");
 menu.appendChild(about);

 about.onmouseover = function() {
 identity=document.getElementById('about');
 identity.className="expand";
 identity=document.getElementById('aboutGroup');
 identity.className="menuItemGroup";
}
 about.onmouseout = function() {
 identity=document.getElementById('about');
 identity.className="collapse";
 identity=document.getElementById('aboutGroup');
 identity.className="menuItem";
}
 about.innerHTML = 'About<ul class="collapse" id="about"><li><a href="index.html">Welcome</a></li><li><a href="trainers.html">Trainers</a></li><li><a href="facilities.html">Facilities</a></li><li><a href="contactUs.aspx">Contacts</a></li></ul>';

 var boarding = document.createElement('div');
 boarding.setAttribute("id", "boardingGroup");
 boarding.setAttribute("className", "menuItem");
 boarding.setAttribute("class", "menuItem");
 menu.appendChild(boarding);

 boarding.onmouseover = function() {
 identity=document.getElementById('boarding');
 identity.className="expand";
 identity=document.getElementById('boardingGroup');
 identity.className="menuItemGroup";
}
 boarding.onmouseout = function() {
 identity=document.getElementById('boarding');
 identity.className="collapse";
 identity=document.getElementById('boardingGroup');
 identity.className="menuItem";
}
 boarding.innerHTML = 'Boarding<ul class="collapse" id="boarding"><li><a href="boarding.html">General Information</a></li><li><a href="boarding_details.html">Boarding Details</a></li></ul>';

 var lessons = document.createElement('div');
 menu.appendChild(lessons);
 lessons.setAttribute("class", "menuItem");
 lessons.setAttribute("className", "menuItem");
 lessons.setAttribute("id", "lessonsGroup");
 lessons.onmouseover = function() {
 identity=document.getElementById('lessons');
 identity.className="expand";
 identity=document.getElementById('lessonsGroup');
 identity.className="menuItemGroup";
}
 lessons.onmouseout = function() {
 identity=document.getElementById('lessons');
 identity.className="collapse";
 identity=document.getElementById('lessonsGroup');
 identity.className="menuItem";
}
 lessons.innerHTML = 'Lessons<ul class="collapse" id="lessons"><li><a href="lessons.html">Lesson Program</a></li><li><a href="school_horses.html">School Horses</a></li><li><a href="working_students.html">Working Student Program</a></li></ul>';


var shows = document.createElement('div');
 menu.appendChild(shows);
 shows.setAttribute("id", "showsGroup");
 shows.setAttribute("class", "menuItem");
 shows.setAttribute("className", "menuItem");
 shows.onmouseover = function() {
 identity=document.getElementById('shows');
 identity.className="expand";
 identity=document.getElementById('showsGroup');
 identity.className="menuItemGroup";
}
 shows.onmouseout = function() {
 identity=document.getElementById('shows'); 
 identity.className="collapse";
 identity=document.getElementById('showsGroup');
 identity.className="menuItem";
}
 shows.innerHTML = 'Show Calendar<ul class="collapse" id="shows"><li><a href="shows.html">A Shows</a></li><li><a href="school_shows.html">Schooling Shows</a></li></ul>';

var camps = document.createElement('div');
 menu.appendChild(camps);
 camps.setAttribute("class", "menuItem");
 camps.setAttribute("className", "menuItem");
 camps.setAttribute("id", "campsGroup");
 camps.onmouseover = function() {
 identity=document.getElementById('camps');
 identity.className="expand";
 identity=document.getElementById('campsGroup');
 identity.className="menuItemGroup";
}
 camps.onmouseout = function() {
 identity=document.getElementById('camps');
 identity.className="collapse";
 identity=document.getElementById('campsGroup');
 identity.className="menuItem";
}
 camps.innerHTML = 'Summer Camp<ul class="collapse" id="camps"><li><a href="summer_camp.html">Summer Camp</a></li><li><a href="camp_details.html">Camp Details</a></li><li><a href="camp_registration.html">Registration</a></li></ul>';



var horses_for_sale = document.createElement('div');
 menu.appendChild(horses_for_sale);
 horses_for_sale.setAttribute("id", "horses_for_saleGroup");
 horses_for_sale.setAttribute("class", "menuItem");
 horses_for_sale.setAttribute("className", "menuItem");
 horses_for_sale.onmouseover = function() {
 identity=document.getElementById('horses_for_saleGroup');
 identity.className="menuItemGroup";
}
 horses_for_sale.onmouseout = function() {
 identity=document.getElementById('horses_for_saleGroup');
 identity.className="menuItem";
}
 horses_for_sale.innerHTML = '<a href="horses_for_sale.html">Sales/Leases</a>';



var links = document.createElement('div');
 menu.appendChild(links);
 links.setAttribute("id", "linksGroup");
 links.setAttribute("class", "menuItem");
 links.setAttribute("className", "menuItem");
 links.onmouseover = function() {
 identity=document.getElementById('linksGroup');
 identity.className="menuItemGroup";
}
 links.onmouseout = function() {
 identity=document.getElementById('linksGroup');
 identity.className="menuItem";
}
 links.innerHTML = '<a href="links.html">Links</a>';

var directions = document.createElement('div');
 menu.appendChild(directions);
 directions.setAttribute("id", "directionsGroup");
 directions.setAttribute("class", "menuItem");
 directions.setAttribute("className", "menuItem");
 directions.onmouseover = function() {
 identity=document.getElementById('directionsGroup');
 identity.className="menuItemGroup";
}
 directions.onmouseout = function() {
 identity=document.getElementById('directionsGroup');
 identity.className="menuItem";
}
 directions.innerHTML = '<a href="directions.html">Directions</a>';

}