//Menu system data
var root = "../"
//Primary navigation data
function loadPrimaryNavigation(){

var html = "";
html += '<table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">';
html += '<tr>';

if(primaryState == "home"){
html += '';
}else
html += '<td class="primary_nav_off" id="bt_home" style="background-color:#152A8A" onMouseOver="this.className=\'primary_nav_on\';this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="active_button();this.style.backgroundColor=\'#152A8A\'" onClick="document.location=\'' + root +'index.php\'">HOME</td>';

if(primaryState == "products"){
html += '<td class="primary_nav_active" id="bt_products" style="cursor:pointer; cursor:hand" onMouseOver="showMenu(1,-4,\'products\')" onMouseOut="hideMenu(); active_button(); this.style.backgroundColor=\'#D5DCE0\'" onClick="document.location=\'' + root +'products.html\'">PRODUCTS</td>';
}else
html += '<td class="primary_nav_off" id="bt_products" style="background-color:#1B339C" onMouseOver="showMenu(1,-4,\'products\'); this.className=\'primary_nav_on\'; this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="hideMenu(); active_button();this.style.backgroundColor=\'#1B339C\'" onClick="document.location=\'' + root +'products.html\'">PRODUCTS</td>';

if(primaryState == "service"){
html += '<td class="primary_nav_active" id="bt_service" style="cursor:pointer; cursor:hand" onMouseOver="showMenu(1,-4,\'service\')" onMouseOut="hideMenu(); active_button(); this.style.backgroundColor=\'#D5DCE0\'" onClick="document.location=\'' + root +'service.html\'">SERVICE</td>';
}else
html += '<td class="primary_nav_off" id="bt_service" style="background-color:#305AD0" onMouseOver="showMenu(1,-4,\'service\'); this.className=\'primary_nav_on\'; this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="hideMenu(); active_button();this.style.backgroundColor=\'#305AD0\'" onClick="document.location=\'' + root +'service.html\'">SERVICE</td>';

if(primaryState == "community"){
html += '<td class="primary_nav_active" id="bt_community" style="cursor:pointer; cursor:hand" onMouseOver="showMenu(1,-4,\'community\')" onMouseOut="hideMenu(); active_button(); this.style.backgroundColor=\'#D5DCE0\'" onClick="document.location=\'' + root +'community.html\'">COMMUNITY</td>';
}else
html += '<td class="primary_nav_off" id="bt_community" style="background-color:#3C6AD6" onMouseOver="showMenu(1,-4,\'community\'); this.className=\'primary_nav_on\'; this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="hideMenu(); active_button();this.style.backgroundColor=\'#3C6AD6\'" onClick="document.location=\'' + root +'community.html\'">COMMUNITY</td>';

if(primaryState == "health"){
html += '<td class="primary_nav_active" id="bt_health">HEALTH</td>';
}else
html += '<td class="primary_nav_off" id="bt_health" style="background-color:#4F87DE" onMouseOver="this.className=\'primary_nav_on\';this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="active_button();this.style.backgroundColor=\'#4F87DE\'" onClick="document.location=\'' + root +'health.html\'">HEALTH</td>';

if(primaryState == "mascot"){
html += '<td class="primary_nav_active" id="bt_mascot">MASCOT</td>';
}else
html += '<td class="primary_nav_off" id="bt_mascot" style="background-color:#558EE6" onMouseOver="this.className=\'primary_nav_on\';this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="active_button();this.style.backgroundColor=\'#558EE6\'" onClick="document.location=\'' + root +'mascot.html\'">MASCOT</td>';

if(primaryState == "contact"){
html += '<td class="primary_nav_active" id="bt_contact">CONTACT </td>';
}else
html += '<td class="primary_nav_off" id="bt_contact" style="background-color:#6DA7ED" onMouseOver="this.className=\'primary_nav_on\';this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="active_button();this.style.backgroundColor=\'#6DA7ED\'" onClick="document.location=\'' + root +'contact.html\'">CONTACT </td>';

if(primaryState == "faq"){
html += '<td class="primary_nav_active" id="bt_faq" style="border-right:0">FAQ’S</td>';
}else
html += '<td class="primary_nav_off" id="bt_faq" style="background-color:#72AFF0; border-right:0" onMouseOver="this.className=\'primary_nav_on\';this.style.backgroundColor=\'#D5DCE0\'" onMouseOut="active_button();this.style.backgroundColor=\'#72AFF0\'" onClick="document.location=\'' + root +'faq.html\'">FAQ’S</td>';

html += '<tr>';

if(primaryState == "home"){
html += '';
}else
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="home"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="products"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="service"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="community"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="health"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="mascot"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="contact"></td>';
html += '<td style="background-color:#FFFFFF; height:1px"><img src="images/spacer.gif" height="1" width="1" id="faq"></td>';
html += '</tr>';
html += '</tr>';
html += '</table>';

document.write(html);
}

//Dropdown menu data
function loadDropDownMenus(){
var html = " ";

//Products menu
html += '<div id="dm_products" onMouseOver="showMenu(1,-4,\'products\'); if(primaryState == \'products\'){ document.getElementById(\'bt_products\').className=\'primary_nav_active\'; document.getElementById(\'bt_products\').style.backgroundColor=\'#D5DCE0\'} else { document.getElementById(\'bt_products\').className=\'primary_nav_on\'; document.getElementById(\'bt_products\').style.backgroundColor=\'#D5DCE0\'}" onMouseOut="hideMenu(); active_button(); if(primaryState != \'products\'){document.getElementById(\'bt_products\').style.backgroundColor=\'#1B339C\'}" style="width:130px; z-index:2; padding-top:5px">';
html += '<table border="0" width=130" cellspacing="0" cellpadding="0">';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'source.html\'">Natural Spring Water</td></tr>';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'demin.html\'">Premium Demineralized</td></tr>';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'regular_stock.html\'">Regular Water Stock</td></tr>';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'reg_stock_coolers.html\'">Coolers - Regular Stock</td></tr>';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'cooler_cleaning.html\'">Cooler Cleaning</td></tr>';
html += '</table>';
html += '</div>';
//Products menu background
html += '<div id="dm_products_bg" style="background-color:#FFFFFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; width:130px; height:134px; z-index:1; margin-top:5px">';
html += '</div>';

//Service menu
html += '<div id="dm_service" onMouseOver="showMenu(1,-4,\'service\'); if(primaryState == \'service\'){ document.getElementById(\'bt_service\').className=\'primary_nav_active\'; document.getElementById(\'bt_service\').style.backgroundColor=\'#D5DCE0\'} else { document.getElementById(\'bt_service\').className=\'primary_nav_on\'; document.getElementById(\'bt_service\').style.backgroundColor=\'#D5DCE0\'}" onMouseOut="hideMenu(); active_button(); if(primaryState != \'service\'){document.getElementById(\'bt_service\').style.backgroundColor=\'#305AD0\'}" style="width:130px; z-index:2; padding-top:5px">';
html += '<table border="0" width=130" cellspacing="1" cellpadding="0">';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'retailers.html\'">Retailers</td></tr>';
html += '</table>';
html += '</div>';
//Service menu background
html += '<div id="dm_service_bg" style="background-color:#FFFFFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; width:130px; height:25px; z-index:1; margin-top:5px">';
html += '</div>';

//Community menu
html += '<div id="dm_community" onMouseOver="showMenu(1,-4,\'community\'); if(primaryState == \'community\'){ document.getElementById(\'bt_community\').className=\'primary_nav_active\'; document.getElementById(\'bt_community\').style.backgroundColor=\'#D5DCE0\'} else { document.getElementById(\'bt_community\').className=\'primary_nav_on\'; document.getElementById(\'bt_community\').style.backgroundColor=\'#D5DCE0\'}" onMouseOut="hideMenu(); active_button(); if(primaryState != \'community\'){document.getElementById(\'bt_community\').style.backgroundColor=\'#3C6AD6\'}" style="width:130px; z-index:2; padding-top:5px">';
html += '<table border="0" width=130" cellspacing="0" cellpadding="0">';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'' + root +'events.html\'">Events and Groups we Support</td></tr>';
html += '<tr><td class="drop_down_off" onMouseOver="this.className=\'drop_down_on\'" onMouseOut="this.className=\'drop_down_off\'" onClick="document.location=\'/gallery\'">Photo Gallery</td></tr>';
html += '</table>';
html += '</div>';
//Community menu background
html += '<div id="dm_community_bg" style="background-color:#FFFFFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; width:130px; height:55px; z-index:1; margin-top:5px">';
html += '</div>';

document.write(html);
}