    // This script is copywrited and is the soleproperty of 4D Internet Solutions, Inc.
    // It may not be used, copied, sold or reproduced in any form without the express written consent of 4D Internet Solutions, Inc.
	
    // convert all characters to lowercase
    var agt=navigator.userAgent.toLowerCase();

    // Check browser version
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
  
   if (is_ie5up) {
 document.write('<LINK HREF="http://site.sandys-auto-stuff.com/styles-ie.css" TYPE="text/css" REL="stylesheet">');
    } else {
 document.write('<LINK HREF="http://site.sandys-auto-stuff.com/styles-ff.css" TYPE="text/css" REL="stylesheet">');
    }
 

var currentMenu = null;

var isMenuOn = false;

if (!document.getElementById)
    document.getElementById = function() { return null; }

function checkMenu() {
	if (isMenuOn == false && currentMenu != null) {
        currentMenu.style.visibility = "hidden";
	}
}
	
function initializeMenu(menuId, triggerId) {
    var menu = document.getElementById(menuId);
    var trigger = document.getElementById(triggerId);

    if (menu == null || trigger == null) return;

    //menu with can be set here instead of stylesheet
    //menu.style.width = 230 + "px";

    document.onclick = function() {
        if (currentMenu != null) {
            currentMenu.style.visibility = "hidden";
        }
    }

	
    trigger.onmouseover = function() {
        if (currentMenu) {
            currentMenu.style.visibility = "hidden";
            this.showMenu();
        } else {
	    this.showMenu();		
		}
		isMenuOn = true;
		trigger.className = 'bg-on';
    }
	
    trigger.onmouseout = function() {
		trigger.className = 'bg';
		isMenuOn = false;
		setTimeout("checkMenu()", 400);
	}
	
	menu.onmouseout = function() {
		isMenuOn = false;
		setTimeout("checkMenu()", 400);
	}

	menu.onmouseover = function() {
		isMenuOn = true;
	}
  
    //displays sub menu and ties it to bounding box  
    trigger.showMenu = function() {
        if (is_ie5up) {
   	      menu.style.left = document.body.scrollLeft + this.getBoundingClientRect().left + 150 + "px";
          menu.style.top = document.body.scrollTop + this.getBoundingClientRect().top - 3 + "px";
        } else {
		   menu.style.top = document.getBoxObjectFor(this).y - 3 + "px";
           menu.style.left = document.getBoxObjectFor(this).x + 150 + "px";
 
       }
        menu.style.visibility = "visible";
        currentMenu = menu;
    }
}
