// JavaScript Document

var timeOutID;

function close_subs()
{
 document.getElementById('sub_home').style.display = "none";
 document.getElementById('sub_vehicles').style.display = "none";
 document.getElementById('sub_production').style.display = "none";
 document.getElementById('sub_services').style.display = "none";
 document.getElementById('sub_rate').style.display = "none";
 document.getElementById('sub_gallery').style.display = "none";
 document.getElementById('sub_contact').style.display = "none";
}

function unhigh_mains()
{
 document.getElementById('home').style.color = "gray";
 document.getElementById('vehicles').style.color = "gray";
 document.getElementById('production').style.color = "gray";
 document.getElementById('services').style.color = "gray";
 document.getElementById('rate').style.color = "gray";
 document.getElementById('gallery').style.color = "gray";
 document.getElementById('contact').style.color = "gray";
}

function unhigh_subs()
{
 document.getElementById('about').style.color = "gray";
 document.getElementById('scooters').style.color = "gray";
 document.getElementById('quads').style.color = "gray";
 document.getElementById('buggies').style.color = "gray";
 document.getElementById('design').style.color = "gray";
 document.getElementById('art').style.color = "gray";
 document.getElementById('job').style.color = "gray";
 document.getElementById('promo').style.color = "gray";
 document.getElementById('r_scooters').style.color = "gray";
 document.getElementById('r_quads').style.color = "gray";
 document.getElementById('r_buggies').style.color = "gray";
 document.getElementById('testimonials').style.color = "gray";
 document.getElementById('location').style.color = "gray";
}

function m_on_main(menu_id)
{
 clearTimeout(timeOutID);
 close_subs();
 unhigh_mains();
 unhigh_subs();
 document.getElementById(menu_id).style.color = "red";
 document.getElementById('sub_' + menu_id).style.display = "block";
}

function m_off(menu_id, sub_menu_id)
{
 menu_id2 = menu_id;
 sub_menu_id2 = sub_menu_id;
 timeOutID = setTimeout("default_state(menu_id2, sub_menu_id2)", 1000);
}

function default_state(menu_id, sub_menu_id)
{
 close_subs();
 unhigh_mains();
 unhigh_subs();
 if (menu_id != "") {
  document.getElementById(menu_id).style.color = "red";
  if (sub_menu_id != "") {
   document.getElementById(sub_menu_id).style.color = "red";
  }
  document.getElementById('sub_' + menu_id).style.display = "block";
 }
}

function m_on_sub(menu_id)
{
 clearTimeout(timeOutID);
 unhigh_subs();
 document.getElementById(menu_id).style.color = "red";
}