﻿   var Menu=""
        Menu +="<div style='width: 511px; height: 42px'> </div>"
        Menu +=" <div id='menu_bar' style='width: 507px;background-color:Transparent;'>"
              
       Menu +="<ul class='menulist' id='listMenuRoot' style='background-color:Transparent;'>"
           //<%--First menu--%>
        Menu +="<li class='menu_home' style='background:Transparent;width: 112px;height:28px; left: 0px; top: 0px;'>"
        Menu +="<a href='our_company.html' style='background:Transparent;'>&nbsp;</a>"
        Menu +="</li>"
               
             //<%-- Second Menu--%> 
        Menu +="<li class='menu_li' style='width:89px;height:28px;background:Transparent;'>"
        Menu +="<a href='#' style='background:Transparent;'> &nbsp;</a>"
        Menu +="<ul>"
        Menu +="<li id='Top'>&nbsp; </li>"
        
        Menu +="<li>"
        Menu +="<a href='#' style='height:20px'>&nbsp;&nbsp;&nbsp;Coloring</a>" 
                
                   
        Menu +="<ul >"
        Menu +="<li id='SBTop'>&nbsp; </li>"

        Menu +="<li id='SbMid' >"
                                    
        Menu +="<a href='nu_color.html'style='height:35px;'>Professional hair"
        Menu +="<br />"
        Menu +="&nbsp;&nbsp;&nbsp;coloring cream</a>" 
                                     
        Menu +="</li>"
                           
        Menu +="<li id='SbMid' >"
        Menu +="<a href='nu_color3.html' style='height:35px'>Contrast Colors  "
        Menu +="<br />"
        Menu +="&nbsp;&nbsp;&nbsp;(Magic Meches)</a>" 
                                   
        Menu +="</li>"
                                
        Menu +="<li id='SbMid' >"
        Menu +="<a href='nu_color2.html' style='height:25px'>"
        Menu +="Super Lightners</a>"  
        Menu +="</li>"
                                 
        Menu +="<li id='SBBottom'>&nbsp; </li>"
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"   
        Menu +="</li>"
                  
                     
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Bleaching</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop' >&nbsp;</li>"
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='jaron_bleachy.html' style='height:35px'>Platinum Bleach"
        Menu +="<br />&nbsp;&nbsp;&nbsp for hair</a>"
                  
        Menu +="</li>"
                   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='jaron_blondor.html' style='height:30px'>Blondor Geli 1 : 3 "
        Menu +="<br />&nbsp;&nbsp;face bleach</a>"  
        Menu +="</li>"
        Menu +="<li id='SBBottom' >&nbsp;</li>"
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>"    
            
            
        

        Menu +="<li  >" 
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Activating "
        Menu +="<br />&nbsp;&nbsp;&nbsp;Emulsions</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>  "
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='jaroxon.html' style='height:30px;'>Developers / Stabilised peroxides</a>" 
        Menu +="</li>"
        Menu +="<li id='SBBottom'>&nbsp;</li> "
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"      
        Menu +="</li>" 
        Menu +="</li>"            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Shampoo's</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"  
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:60px'>&nbsp;&nbsp;Color Care &" 
		Menu +="<br />"
        Menu +="&nbsp;&nbsp;Revitalizing (for" 
		Menu +="<br />"
        Menu +="&nbsp;&nbsp;Dry & Damaged" 
		Menu +="<br />"
        Menu +="&nbsp;&nbsp;Hair)</a>" 

		
        Menu +="</li>"
                   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:50px'>&nbsp;&nbsp;Repair" 
		Menu +="<br />"
        Menu +="&nbsp;&nbsp;& Smoothening" 
		Menu +="<br />"
        Menu +="&nbsp;&nbsp;(Frizzy & Dry Hair)</a>" 
		
                       
        Menu +="</li>"
                        
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:20px'>&nbsp;&nbsp;With herbs</a>" 
        Menu +="</li>"
        Menu +="<li id='SBBottom'>&nbsp;</li>"
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>" 
            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Conditioners</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:55px'>Color Care <br /> & Revitalizing <br />(for Dry & Damaged Hair) </a>"
                     
        Menu +="</li>"
                   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:55px'>Repair & Smoothening "
        Menu +="<br /> ( for Frizzy & Dry <br />Hair)</a>" 
        Menu +="</li>"
		
		Menu +="<li id='SbMid' >"
        Menu +="<a href='under_constructions.html' style='height:25px'>"
        Menu +="General pH Control <br /> & Protecting</a>"  
        Menu +="</li>"
		
        Menu +="<li id='SBBottom'>&nbsp;</li> "
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>" 
            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Straightening</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='jaron_strate.html' style='height:25px'>Straightening Cream</a>" 
        Menu +="</li>"
        Menu +="<li id='SBBottom'>&nbsp;</li>"
                        
        Menu +="</ul>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>" 
            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Perming</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:30px'>Permanent Waving"
        Menu +="<br />&nbsp;&nbsp; Lotion</a>" 
        Menu +="</li>"
        Menu +="<li id='SBBottom'>&nbsp;</li>"
                        
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"       
        Menu +="</li>" 
		
		
		Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Finishing </br>&nbsp;&nbsp;&nbsp;Treatments</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"   
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:30px'>Keracote Hair "
        Menu +="<br />&nbsp;&nbsp; Serum</a>" 
        Menu +="</li>"
        Menu +="<li id='SBBottom'>&nbsp;</li>"
                        
        Menu +="</ul>"
        Menu +="<div id='separator'></div>"       
        Menu +="</li>" 
            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Ayurvedic"
        Menu +="<br />&nbsp;&nbsp;&nbsp;Products</a>" 

                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:20px;text-align:center'>MUDD</a>" 
        Menu +="</li>" 
        Menu +="<li id='SBBottom'>&nbsp;</li>"
                                                 
        Menu +="</ul>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"              
            
            
        Menu +="<li> "
        Menu +="<a href='#' style='height:25px'>&nbsp;&nbsp;&nbsp;Home Care</a>" 
                
        Menu +="<ul>"
        Menu +="<li id='SBTop'>&nbsp;</li>"
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html' style='height:25px'>Complete handwash</a>" 
                      
        Menu +="</li>" 
                        
        Menu +="<li id='SbMid' >" 
        Menu +="<a href='under_constructions.html'>liquid dishwash</a>" 
        Menu +="</li>"  
        Menu +="<li id='SBBottom'>&nbsp;</li>"
        Menu +="</ul>"
                    
                 
        Menu +="</li>"
                 
        Menu +="<li id='Bottom'>&nbsp;</li>"

        Menu +="</ul>"   
         
        Menu +="</li>"

                
                //<%--Third Menu  --%>      
        Menu +="<li class='menu_li' style='width: 56px;height:28px;background:Transparent; left: 14px;'>"
        Menu +="<a href='#' style='background:Transparent;'> &nbsp;</a>"    
        Menu +="<ul>"
        Menu +="<li id='Top'>&nbsp; </li> "
                         
                         
        Menu +="<li>"
        Menu +="<a href='under_constructions.html' style='height:25px'>BioColor Shampoo</a>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
            
        
        Menu +="<li> "                  
        Menu +="<a href='under_constructions.html' style='height:25px'>BioColor Conditioner</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>Body n Bounce </a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>Fluf</a>"
        Menu +="<div id='separator'></div>" 
        Menu +="</li>"
            
        
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>HydraStase Shampoo</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>Hydrastase Conditioner</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='jaron_bleachy.html' style='height:25px'>Jaron Bleacy</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
            
        
        Menu +="<li> "
        Menu +="<a href='jaron_blondor.html' style='height:25px'>Jaron Blondor Geli</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='jaroxon.html' style='height:25px'>Jaroxon</a>"
        Menu +="<div id='separator'></div>" 
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>Jaron (Shampoo)</a>"
        Menu +="<div id='separator'></div>" 
        Menu +="</li>"
            
        
        Menu +="<li> "
        Menu +="<a href='jaron_strate.html' style='height:30px'>JaronStrate</a>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:30px'>Jaron Fashion Curl</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:30px'>Keracote</a>"
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
            
        
        Menu +="<li> "
        Menu +="<a href='under_constructions.html' style='height:25px'>Mudd</a>" 
        Menu +="<div id='separator'></div>"
        Menu +="</li>"
                
        Menu +="<li> " 
        Menu +="<a href='nu_color3.html' style='height:25px'>NuColor Magik Meches</a>" 
        Menu +="</li>"
                
                        
        Menu +="<li> " 
        Menu +="<a href='nu_color.html' style='height:25px'>NuColor Professional</a>" 
        Menu +="</li>"
		
		                
        Menu +="<li> " 
        Menu +="<a href='nu_color2.html' style='height:25px'>NuColor Super Lightners</a>" 
        Menu +="</li>"
		
		                
        Menu +="<li> " 
        Menu +="<a href='under_constructions.html' style='height:25px'>Sopy</a>" 
        Menu +="</li>"
		
		                
        Menu +="<li> " 
        Menu +="<a href='under_constructions.html' style='height:25px'>Squirt</a>" 
        Menu +="</li>"
                          
        Menu +="<li id='Bottom'>&nbsp; </li>"                       
        Menu +="</ul>"
        Menu +="</li>"   
                        
                //<%--Forth Menu  --%>      
        Menu +="<li class='menu_li' style='width: 102px;height:28px;background:Transparent; left: 29px; top: 0px;'>"
        Menu +="<a href='http://saloonproducts.com/saloon_locator.php' style='background:Transparent;' target='_blank'> &nbsp;</a>"    
                    
        Menu +="</li>"                         
                                  
                //<%--Fifth Menu  --%>      
        Menu +="<li class='menu_li' style='width: 95px;height:28px;background:Transparent; left: 45px; top: 0px;'>"
        Menu +="<a href='#' style='background:Transparent;'> &nbsp;</a>"    
                    
        Menu +="</li>"                
                        
                        
               //<%-- End Of All menu --%>            
        Menu +="</ul>"
        Menu +="</div>" 

        document.open();
        document.write(Menu);
        document.close();
        
        
          //<![CDATA[

            // For each menu you create, you must create a matching "FSMenu" JavaScript object to represent
            // it and manage its behaviour. You don't have to edit this script at all if you don't want to;
            // these comments are just here for completeness. Also, feel free to paste this script into the
            // external .JS file to make including it in your pages easier!

            // Here's a menu object to control the above list of menu data:
            var listMenu = new FSMenu('listMenu', true, 'display', 'block', 'none');

            // The parameters of the FSMenu object are:
            //  1) Its own name in quotes.
            //  2) Whether this is a nested list menu or not (in this case, true means yes).
            //  3) The CSS property name to change when menus are shown and hidden.
            //  4) The visible value of that CSS property.
            //  5) The hidden value of that CSS property.
            //
            // Next, here's some optional settings for delays and highlighting:
            //  * showDelay is the time (in milliseconds) to display a new child menu.
            //    Remember that 1000 milliseconds = 1 second.
            //  * switchDelay is the time to switch from one child menu to another child menu.
            //    Set this higher and point at 2 neighbouring items to see what it does.
            //  * hideDelay is the time it takes for a menu to hide after mouseout.
            //    Set this to a negative number to disable hiding entirely.
            //  * cssLitClass is the CSS classname applied to parent items of active menus.
            //  * showOnClick will, suprisingly, set the menus to show on click. Pick one of 3 values:
            //    0 = all mouseover, 1 = first level click, sublevels mouseover, 2 = all click.
            //  * hideOnClick hides all visible menus when one is clicked (defaults to true).
            //  * animInSpeed and animOutSpeed set the animation speed. Set to a number
            //    between 0 and 1 where higher = faster. Setting both to 1 disables animation.

            //listMenu.showDelay = 0;
            listMenu.switchDelay = 25;
            listMenu.hideDelay = 125;
            //listMenu.cssLitClass = 'highlighted';
            //listMenu.showOnClick = 0;
            //listMenu.hideOnClick = true;
            //listMenu.animInSpeed = 0.1;
            //listMenu.animOutSpeed = 0.1;


            // Now the fun part... animation! This script supports animation plugins you
            // can add to each menu object you create. I have provided 3 to get you started.
            // To enable animation, add one or more functions to the menuObject.animations
            // array; available animations are:
            //  * FSMenu.animSwipeDown is a "swipe" animation that sweeps the menu down.
            //  * FSMenu.animFade is an alpha fading animation using tranparency.
            //  * FSMenu.animClipDown is a "blind" animation similar to 'Swipe'.
            // They are listed inside the "fsmenu.js" file for you to modify and extend :).

            // I'm applying two at once to listMenu. Delete this to disable!
            //listMenu.animations[listMenu.animations.length] = FSMenu.animFade;
            //listMenu.animations[listMenu.animations.length] = FSMenu.animSwipeDown;
            listMenu.animations[listMenu.animations.length] = FSMenu.animClipDown;


            // Finally, on page load you have to activate the menu by calling its 'activateMenu()' method.
            // I've provided an "addEvent" method that lets you easily run page events across browsers.
            // You pass the activateMenu() function two parameters:
            //  (1) The ID of the outermost <ul> list tag containing your menu data.
            //  (2) A node containing your submenu popout arrow indicator.
            // If none of that made sense, just cut and paste this next bit for each menu you create.

            var arrow = null;
            //if (document.createElement && document.documentElement)
            //{
            // arrow = document.createElement('span');
             //arrow.appendChild(document.createTextNode('>'));
             // Feel free to replace the above two lines with these for a small arrow image...
            // arrow = document.createElement('img');
             //arrow.src = 'Menu/NewmenuImages/arrow.gif';
             //arrow.style.borderWidth = '0';
             //arrow.className = 'subind';
           // }
            addEvent(window, 'load', new Function('listMenu.activateMenu("listMenuRoot", arrow)'));


            // You may wish to leave your menu as a visible list initially, then apply its style
            // dynamically on activation for better accessibility. Screenreaders and older browsers will
            // then see all your menu data, but there will be a 'flicker' of the raw list before the
            // page has completely loaded. If you want to do this, remove the CLASS="..." attribute from
            // the above outermost UL tag, and uncomment this line:
            //addEvent(window, 'load', new Function('getRef("listMenuRoot").className="menulist"'));


            // To create more menus, duplicate this section and make sure you rename your
            // menu object to something different; also, activate another <ul> list with a
            // different ID, of course :). You can hae as many menus as you want on a page.



            //]]>

