YAHOO.subnav = function(){
	var $D = YAHOO.util.Dom;
	var $E = YAHOO.util.Event;
	var $ = $D.get;
	var timer;
	return {
		init: function() {
			var actress, movie, tv, subnav, header;
			subnav = document.createElement("div");
			actress = document.createElement("a");
			movie = document.createElement("a");
			tv = document.createElement("a");
			subnav.setAttribute("id","subnav_container");
			actress.setAttribute("href","/star_search.htm");
			movie.setAttribute("href","/movie_search.htm");
			tv.setAttribute("href","/tv_search.htm");
			actress.setAttribute("id","star_subnav");
			movie.setAttribute("id","movie_subnav");
			tv.setAttribute("id","tv_subnav");
			actress.appendChild(document.createTextNode("Browse Actresses"));
			movie.appendChild(document.createTextNode("Browse Movies"));
			tv.appendChild(document.createTextNode("Browse TV"));
			
			header = document.getElementById("header");
			subnav.appendChild(actress);
			subnav.appendChild(movie);
			subnav.appendChild(tv);
			header.appendChild(subnav);
			$E.on("topnav_browse","mouseover",YAHOO.subnav.toggleInit);
			$E.on("subnav_container","mouseover",YAHOO.subnav.toggleInit);
			$E.on("topnav_browse","mouseout",YAHOO.subnav.toggleInit);
			$E.on("subnav_container","mouseout",YAHOO.subnav.toggleInit);
		},
		toggleVis: function() {
			var subnav;
			subnav = document.getElementById("subnav_container");
			visible = ($D.getStyle(subnav,"visibility") == 'visible') ? "hidden" : "visible";
			subnav.style.visibility = visible;
		},
		toggleInit: function(e) {
			var visible;
			visible = ($D.getStyle("subnav_container","visibility") == 'visible') ? true : false;
			if(e.type == "mouseover" && visible){
				clearTimeout(timer);
			}else if(e.type == "mouseout"){
				timer = setTimeout(YAHOO.subnav.toggleVis,500);
			}else{
				YAHOO.subnav.toggleVis();
			}
		}
	};
} ();

YAHOO.util.Event.addListener(window, "load", YAHOO.subnav.init);
			