/*---------------------------------------------------*/
/*   script adapted from                             */
/*   http://tutorials.alsacreations.com/deroulant/   */
/*---------------------------------------------------*/

    /*window.onload=start;
    function start(){
        //show();
        //shows2();
        
    }*/
    function precacheImg(){
        var bgsubmenu = new Image();
        bgsubmenu.src = "/images/topnav/bg_submenu.png";
        var bgsubmenuactive = new Image();
        bgsubmenuactive.src = "/images/topnav/bg_submenu_active.jpg";
        var bgcolt = new Image();
        bgcolt.src = "/images/topnav/bg_colt.jpg";
        var bglancer = new Image();
        bglancer.src = "/images/topnav/bg_lancer.jpg";
        var bgevox = new Image();
        bgevox.src = "/images/topnav/bg_evox.jpg";
        var bggrandis = new Image();
        bggrandis.src = "/images/topnav/bg_grandis.jpg";
        var bgoutlander = new Image();
        bgoutlander.src = "/images/topnav/bg_outlander.jpg";
        var bgshogun = new Image();
        bgshogun.src = "/images/topnav/bg_shogun.jpg";
        var bgl200 = new Image();
        bgl200.src = "/images/topnav/bg_l200.jpg";
        var bgi = new Image();
        bgi.src = "/images/topnav/bg_i.jpg";
        var bg4work = new Image();
        bg4work.src = "/images/topnav/bg_4work.jpg";
        var bgactive = new Image();
        bgactive.src = "/images/topnav/bg_submenu_active.jpg";
        var arrow = new Image();
        arrow.src = "/images/topnav/arrow.gif";
    }
    
    function show (id){
        if(id != ""){
            var m = document.getElementById("menu" + id);
        }
        var d = document.getElementById("submenu" + id);
        for (var i = 1; i<10; i++){
            if (document.getElementById('submenu'+i)){ 
                document.getElementById('submenu'+i).style.display='none';
            }
            if (document.getElementById('menu' + i)){
                var m1 = document.getElementById('menu' + i);
                m1.style.border = '1px solid #ffffff';
                m1.style.borderBottom = '0px solid #ffffff';
                m1.style.zIndex = '1';
            }
        }
        if (d){ d.style.display='block'; }
        if (m){
            m.style.border = '1px solid #8e8e8e';
            m.style.position = 'relative';
            m.style.zIndex = '3';
            /* if it has a submenu (i.e. the numbered here) then make bottom white, else bottom solid */
            if (id == '1' || id == '5' || id == '6' || id == '7' || id == '8' || id == '9'){
                m.style.borderBottom = '1px solid #8e8e8e';
            }
            else{
                m.style.borderBottom = '1px solid #8e8e8e';
            }
        }
    }
    
    function shows2 (id){
        var m = document.getElementById("submenu1x" + id);
        var d = document.getElementById("s2menu" + id);
        for (var i = 1; i<12; i++){
            if (document.getElementById('s2menu'+i)){ 
                document.getElementById('s2menu'+i).style.display='none'; 
            }
            if (document.getElementById("submenu1x" + i)){
                if(IE6 == true){
                    document.getElementById("submenu1x" + i).style.background="#ffffff";
                    document.getElementById("submenu1x" + i).style.filter="alpha(opacity=90)";
                }
                else{
                    document.getElementById("submenu1x" + i).style.background="url('/images/topnav/bg_submenu.png')";
                }
                document.getElementById("submenu1x" + i).style.borderRight="1px solid #8e8e8e";
                
            }
        }
        if (d){ d.style.display='block'; }
        if (m){ 
            if(IE6 == true){
                m.style.filter="alpha(opacity=100)";
            }
            m.style.background="#ffffff url('/images/topnav/bg_submenu_active.jpg') repeat-y";
            //m.style.background="#ffffff";
            
            /* if it has a submenu (i.e. the numbered here) then make right solid, else right white */
            /* uses inverse logic here, should be ok for now - if anything changes,
               then need to think about re-writing this function for general use */
            if(id == '1' || id == '11'){}
            else{
                m.style.borderRight="1px solid #ffffff";
            }
        }
    }
    precacheImg();