var dropdownbg = new Image(1,1); dropdownbg.src = "rv4_images/drop_down_bg.png";
var searchbg = new Image(1,1); searchbg.src = "rv4_images/live_search_bg.gif";
var searchbg1 = new Image(1,1); searchbg1.src = "rv4_images/live_search_left.gif";
var searchbg2 = new Image(1,1); searchbg2.src = "rv4_images/live_search_left_green.gif";
var searchbg3 = new Image(1,1); searchbg3.src = "rv4_images/live_search_left_yellow.gif";
var searchbg4 = new Image(1,1); searchbg4.src = "rv4_images/live_search_left_blue.gif";

if(!active)
{
	active = 1;
}
jQuery(document).ready(function(){
    jQuery("#dropDownNav").superfish({
        delay:       300,                               // milliseconds delay on mouseout 
        animation:   {height:'show'},                   // fade-in and slide-down animation 
        speed:       'fast',                            // animation speed 
        autoArrows:  false,                             // generation of arrow mark-up
        disableHI:   true,                              // disable hoverIntent detection
        dropShadows: false                              // drop shadows
    });

    // Popup Tabs on the Live Search
    	jQuery("#liveSearch").hoverIntent({    
    	     sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)    
    	     interval: 0, // number = milliseconds for onMouseOver polling interval    
    	     over: 
    			function(){
    				jQuery("#liveSearchTabs").show("slide",{direction: "down"},500);
    			}, // function = onMouseOver callback (REQUIRED)    
    	     timeout: 500, // number = milliseconds delay before onMouseOut    
    	     out: 
    			function(){
    				jQuery("#liveSearchTabs").hide("slide",{direction: "down"},500);
    			} // function = onMouseOut callback (REQUIRED)    
    	});
    	function resetColor()
		{
			if(active != 1)
			{
    	    	jQuery("#liveSearchTabs1").css({ color: "#fff" });
			} else {
				jQuery("#liveSearchTabs1").css({ color: "#111" });
			}
			if(active != 2)
			{
    			jQuery("#liveSearchTabs2").css({ color: "#fff" });
			} else {
					jQuery("#liveSearchTabs2").css({ color: "#9AA47f" });
				}
			if(active != 3)
			{
    			jQuery("#liveSearchTabs3").css({ color: "#fff" });
			} else {
					jQuery("#liveSearchTabs3").css({ color: "#e7bd18" });
				}
			if(active != 4)
			{
    			jQuery("#liveSearchTabs4").css({ color: "#fff" });
			} else {
					jQuery("#liveSearchTabs4").css({ color: "#2db8e0" });
				}
    	}
		function barColor(bg,text,image,a,tab,search)
		{
			jQuery("#liveSearch").css({ background: bg});
    		jQuery("#liveSearchLeft").css({ background: image});
			active = a;
    		resetColor();
			jQuery(tab).css({ color: text });
			document.getElementById("searchForm").action = search;
		}
    	// Change Tab BG on hover
		resetColor();
    	jQuery("#liveSearchTabs1").hoverIntent({
		    sensitivity: 1,  
    	    interval: 0,
    	    over:
		        function(){
					resetColor();
					jQuery("#liveSearchTabs1").css({ color: "#111" });
				},
		    timeout: 0, 
            out:
                function(){
		            resetColor();
            	}
		});
		jQuery("#liveSearchTabs2").hoverIntent({
		    sensitivity: 1,  
    	    interval: 0,
    	    over:
		        function(){
					resetColor();
					jQuery("#liveSearchTabs2").css({ color: "#9AA45f" });
				},
		    timeout: 0, 
            out:
                function(){
		            resetColor();
            	}
		});
		jQuery("#liveSearchTabs3").hoverIntent({
		    sensitivity: 1,  
    	    interval: 0,
		    over:
		        function(){
					resetColor();
					jQuery("#liveSearchTabs3").css({ color: "#e7bd18" });
			    },
			timeout: 0,
			out:
		        function(){
		            resetColor();
			    }
		});
		jQuery("#liveSearchTabs4").hoverIntent({
		    sensitivity: 1,  
    	    interval: 0,
		    over:
		        function(){
					resetColor();
        			jQuery("#liveSearchTabs4").css({ color: "#2db8e0" });
        		},
    		timeout: 0,
    		out:
		        function(){
		            resetColor();
			    }
		});
		if(active == 1)
		{
			barColor("#525252","#111","url(rv4_images/live_search_left.gif) no-repeat",1,"#liveSearchTabs1","http://www4.army.mil/search/index.php");
		}
		if(active == 2)
		{
			barColor("#78823f","#9AA45f","url(rv4_images/live_search_left_green.gif) no-repeat",2,"#liveSearchTabs2","http://www4.army.mil/search/articles/index.php");
		}
		if(active == 3)
		{
			barColor("#e7bd18","#e7bd18","url(rv4_images/live_search_left_yellow.gif) no-repeat",3,"#liveSearchTabs3","http://www4.army.mil/search/images/index.php");
		}
		if(active == 4)
		{
			barColor("#2db8e0","#2db8e0","url(rv4_images/live_search_left_blue.gif) no-repeat",4,"#liveSearchTabs4","http://www4.army.mil/search/videos/index.php");
		}
    	// Alter search type and search bar color
    	jQuery("#liveSearchTabs1").click(function(){
			barColor("#525252","#111","url(rv4_images/live_search_left.gif) no-repeat",1,"#liveSearchTabs1","http://www4.army.mil/search/index.php");
			document.getElementById("search").focus();
    	});
    	jQuery("#liveSearchTabs2").click(function(){
			barColor("#78823f","#9AA47f","url(rv4_images/live_search_left_green.gif) no-repeat",2,"#liveSearchTabs2","http://www4.army.mil/search/articles/index.php");
			document.getElementById("search").focus();
    	});
    	jQuery("#liveSearchTabs3").click(function(){
			barColor("#e7bd18","#e7bd18","url(rv4_images/live_search_left_yellow.gif) no-repeat",3,"#liveSearchTabs3","http://www4.army.mil/search/images/index.php");
			document.getElementById("search").focus();
    	});
    	jQuery("#liveSearchTabs4").click(function(){
			barColor("#2db8e0","#2db8e0","url(rv4_images/live_search_left_blue.gif) no-repeat",4,"#liveSearchTabs4","http://www4.army.mil/search/videos/index.php");
			document.getElementById("search").focus();
    	});
    });