// JavaScript Document



$(document).ready(function(){
					   		   
	$('div.content_container').pngFix();
	
						   
	$('div#nav_watch_opened').mouseleave(function() { 		
		onCloseMenus();
	});					   
	$('div#nav_take_opened').mouseleave(function() { 		
		onCloseMenus();
	});	
	$('div#nav_join_opened').mouseleave(function() { 		
		onCloseMenus();
	});
  
 });


function onOpenNavWindow(_str){
	onCloseMenus();
	
	var sDivToShow = "";
	var sDivToHide = "";
	
	switch(_str){
		case "join" : sDivToShow = "#nav_join_opened";
					  sDivToHide = "#nav_join_closed";
					  nZindex = 97;
					  break;
		case "take" : sDivToShow = "#nav_take_opened";
					  sDivToHide = "#nav_take_closed";
					  break;
		case "watch" :sDivToShow = "#nav_watch_opened";
					  sDivToHide = "#nav_watch_closed";
					  break;
	}
	$(sDivToShow).css("display","block");
	$(sDivToHide).css("visibility","hidden");
}

function submenuMouseoutHandler(event) {
    var toElement = null;
    if (event.relatedTarget)
        toElement = event.relatedTarget;
    else if (event.toElement)
        toElement = event.toElement;

    //while (toElement && toElement.id != submenuId)
    //toElement = toElement.parentNode;
    while (toElement && toElement.tagName != "DIV")
        toElement = toElement.parentNode;
    if (!toElement) {
        onCloseMenus();
        //alert('out of div');
    }
}

function onCloseMenus(){

	var aDivObjectsOpen = new Array("#nav_join_opened","#nav_take_opened","#nav_watch_opened");
	var aDivObjectsClosed = new Array("#nav_join_closed","#nav_take_closed","#nav_watch_closed");
	
	for(var i=0; i<aDivObjectsOpen.length;i++){
		$(aDivObjectsOpen[i]).css("display","none");
	}
	
	for(var j=0; j<aDivObjectsClosed.length;j++){
		$(aDivObjectsClosed[j]).css("visibility","visible");
	}

}