$j().ready(function(){
        
        $j('#sub_menu').hide();        
                               
        var loadThese = ['/img/sign.png', '/img/sign_alone.png', '/img/pole.png'];
        var panels = [];
        var top = 0;
        var iDev = (navigator.userAgent.match(/iPad/gi) || navigator.userAgent.match(/iPhone/gi)) ? true : false;       
        
        if(!$j.cookie('visited') && !iDev){
           // $j('#sign_tall').hide();
           // $j('#pole').animate({top:'124px'}, {queue:false, duration:500, easing:'linear'});
            $j('#pole').css('top', '124px');


            setTimeout(function(){
                //$j('#sign_tall').delay(500).fadeIn(2000);           
                
                setTimeout(function(){
                    $j('#sign').css('visibility', 'visible');
                    
                    $j('.nav_panel').css('visibility', 'visible');
                    $j('#sign_tall').hide();
                    //nav
                    $j('.nav_panel').hide().delay(800).slideDown(100);
                    setTimeout(function(){
                        for(var i=0;i<countTopCats;i++){
                            $j('#panel_'+i).animate({top:top}, {queue:false, duration:900, easing:'easeOutBounce'});        
                            top += 30;
                        }
                    }, 700);
                }, 1100);
            }, 500);            
        
        }else{
            for(var i=0;i<countTopCats;i++){
                $j('#panel_'+i).css('visibility', 'visible');
                $j('#panel_'+i).css('top', top);     
                top += 30;
            }
            $j('#pole').css('top', '124px');
            $j('#pole').css('visibility', 'visible');
            $j('#sign').css('visibility', 'visible');
            $j('#sign_tall').hide();
        }       
       
        //controls rollover colors on nav
        $j('.nav_panel').mouseover(function(){
           // clearTimeout();
            //$j('.nav_panel').css('cursor', 'pointer');
            var panel = $j(this).attr('id');
            //$j('#'+panel+'_nav a').css('color','#c4161c');
        }).mouseout(function(){
            var panel = $j(this).attr('id');
            //$j('#'+panel+'_nav a').css('color','black');
        });
       
        var keepAlive = false;
        //$j('.nav_panel').mouseover(function(){  
         $j('#panel_0_nav, #panel_5_nav').mouseover(function(){ //hardcoded for phase 1

            $j().scheduleClose(true);
            $j('#sub_nav').css('top', '30px');
            var panel = $j(this).parent().attr('id');
            //subnav pos
            var top = $j('#'+panel).css('top').replace('px', '');
            top = Number(top)+5;
            $j('#sub_nav').css('top', top+'px');
            
            var cat = $j(this).attr('name');

            if($j.inArray(cat, tags) && (cat == 'tires' || cat == 'wheels')){
                
                keepAlive = true;   
                $j('#sub_bar').animate({width:137}, {queue:false, duration:100, easing:'linear'});
                $j('#sub_bar').css('z-index', '200000');
                setTimeout(function(){
                    $j('#sub_menu').slideDown(100);
                }, 100);                 

                //hardcoded subnavs phase 1
                var uppers = ['suv'];  
                if(cat == 'tires'){
                    var tagList = ['car', 
                                  'truck', 
                                  'suv', 
                                  'commercial', 
                                  'farm',
                                  'other'];
                }
                
                if(cat == 'wheels'){
                    var tagList = ['car',
                                   'truck & suv',
                                   'other'];
             
                }
				 
				 if(cat == 'videos'){
                    var tagList = ['winter tires',
                                   'chains',
								   'siping',
								   'tire pressure',
								   'penny test',
								   'brakes',
								   'batteries',
								   'alignment'];
             
                }
             
                if(tagList != undefined){
                    var items = '';
                    for(var i=0;i<tagList.length;i++){
                        var url = "/products/"+cat+"/"+tagList[i].replace('&', '').replace(/\s/g, '_').replace(/__/g, '_');
                        var num = 'item_'+i;
                        //Upper case acronyms from uppers array
                        var std = true;
                        for(var x=0;x<uppers.length;x++){
                        	var idx = tagList[i].indexOf(uppers[x]);
                            if(idx != -1){       
                                var title = tagList[i].substr(0, idx).capitalize()+tagList[i].substr(idx, uppers[x].length).toUpperCase();
                                title += tagList[i].substr(title.length, tagList[i].length);
                                std = false;
                            }
                        }
                        if(std == true){
                            var title = $j.inArray(tagList[i], uppers) > -1 ? tagList[i].toUpperCase() : tagList[i].capitalize();                   
                        }
                        $j('#sub_menu').css('background-image', tagList.length <= 3 ? 'url("/img/short_panel.png")' : 'url("/img/sub_panel.png")');
                        $j('#sub_menu').css('height', tagList.length <= 3 ? '85px' : '175px'); 
                        
                        items += "<div class='sub_menu_item' name='"+num+"' onclick='$j().subNav(\""+url+"\");'><a id='"+num+"' href='"+url+"'>&nbsp;&nbsp;"+title+"</a></div>";
                    }
                
                    $j('#sub_menu_items').html(items);
                    $j('.sub_menu_item').mouseover(function(){
                        var item = $j(this).attr('name');
                        $j(this).css('cursor', 'pointer');
                        $j('#'+item).css('color', '#fff');
                    }).mouseout(function(){
                        var item = $j(this).attr('name');
                        $j('#'+item).css('color', '#000');
                    });
                }
                
            }
            
        }).mouseout(function(){
            var panel = $j(this).attr('id');
            $j('#'+panel+'_nav').css('color','black');
            keepAlive = false;
            $j().scheduleClose();       
        });

        $j.fn.subNav = function(url){
            location.href = url;
        }
        
        $j('#sub_menu').mouseover(function(){
            keepAlive = true;
        }).mouseout(function(){
            keepAlive = false;
            $j().scheduleClose();
        });

        $j.fn.scheduleClose = function(doNow){
            if(doNow){
                $j('#sub_menu').hide();
                $j('#sub_bar').css('width', '0px');
                $j('#sub_menu_items').html('');
            }else{
                setTimeout(function(){
                    clearTimeout();
                    if(!keepAlive){
                        $j('#sub_menu').hide();
                        $j('#sub_bar').css('width', '0px');
                        $j('#sub_menu_items').html('');
                    }
                }, 2000);
            }
        }
      
        $j('.nav_panel').click(function(){
            location.href = '/products/'+$j(this).attr('name');
        });
        
        $j('#sign').click(function(){
            location.href = '/?v';
        });
        
        $j.fn.preloadImages = function(imgList){
            for(var i=0;i<imgList.length;i++){
                var img = new Image();
                img.src = imgList[i];
            }
        }  
        
        $j().preloadImages(loadThese);
    });