//-----------------------------------------------------------------
// NasdaqOMX Top-SubMenu Render Script - IGST
//-----------------------------------------------------------------
var lstTop;

jQuery(document).ready(function(){
   $("#topSubMenu").hide();
   
   $("#topSubMenu").hover(
      function () {
      	return;
	  }, 
      function () {
       hideSub();
       //$("#topSubMenu").hide();
       //$("#n"+lstTop +" a").attr("class","");
      }
    );
    
	$(window).bind('resize', function() {
                hideSub();
		//$("#topSubMenu").hide();
		//$("#n"+lstTop +" a").attr("class","");
	});
});


function toggleSub(id)
{		
	var tabPos = $("#n"+id).position();

	if(lstTop!=null)
	{
		$("#n"+lstTop +" a").attr("class","");
	}
	lstTop = id;
	
	$("#n"+id +" a").attr("class","topNavigationFix");
	
	$("#topSubMenu").hide();
	populateTopSubMenu(id,"left");
	$("#topSubMenu").css({position:"absolute",marginLeft:0,marginTop:0,top: tabPos.top+26, left: tabPos.left });

	if(tabPos.left + $("#topSubMenu").width() > $(window).width())
	{
		var broffset = 0;
		populateTopSubMenu(id,"right");
		var newleft = (tabPos.left + $("#n"+id).width())-($("#topSubMenu").width()+broffset);
		$("#topSubMenu").css({position:"absolute",marginLeft:0,marginTop:0,top: tabPos.top+26, left: newleft });
	}
	$("#topSubMenu").show();
}

function hideSub()
{		
	$("#topSubMenu").hide();
        $("#n"+lstTop +" a").attr("class","");
}

function populateTopSubMenu(id,dir)
{
	var container = "";
	var sm_nodes_out = "";
	var sm_displays_out = "";
	var cleft = "";
	var cright = "";
	
	$("#topSubMenu").html("");

	if(eval("sm_nodes_"+id+".length")<=0)
	{
		return;
	}
	
	for (var i=0;i<eval("sm_nodes_"+id+".length");i++)
	{
			sm_nodes_out += getNodeText(i,id) + "<div class='subMenuNodeSeparator'><!--sep--></div>";
	}	

	if(eval("sm_displays_"+id+".length")>0)
	{
		sm_displays_out = "<table style='margin-top:5px;'><tr>";
		for (var i=0;i<eval("sm_displays_"+id+".length");i++)
		{
				sm_displays_out += "<td valign=top>"+ getNodeDisplay(i,id) +"</td>";
			}	
		sm_displays_out += "</tr></table>";
	}

	if(dir=="right")
	{
		cleft = sm_displays_out;
		cright = sm_nodes_out;
	}
	else
	{
		cleft = sm_nodes_out;
		cright = sm_displays_out;
	}

	container = "<table><tr>";
	container += "<td valign='top'>"+ cleft +"</td>";
	if(sm_displays_out.length>0)
	{
		container += "<td valign='top'>"+ cright +"</td>";
	}
	container += "</tr></table>";
	
	$("#topSubMenu").html(container);
}

function getNodeText(index,nodearr)
{
	var mstr = eval("sm_nodes_"+nodearr+"["+ index +"]");
	var tmp = mstr.split("|");
	return "<div id='subNO_"+ nodearr + index +"' class='subMenuNode0'><a class='subMenuNodeLink' href='"+ tmp[1] +"' onmouseover=displayNodeRollover1('subNO_"+ nodearr + index +"') onmouseout=displayNodeRollover0('subNO_"+ nodearr + index +"')>"+ tmp[0] +"</a></div>";
}

function getNodeDisplay(index,nodearr)
{
	var mstr = eval("sm_displays_"+nodearr+"["+ index +"]");
	var tmp = mstr.split("|");
	var dtxt = tmp[0];
	
	if(dtxt == null)
	{
		dtxt = "";
	}

	if(tmp[1].indexOf(".swf")>0)
	{
		return "<div class='subMenuDisplayimg'><div class='subMenuImg0'><object width='121' height='80'><param name='movie' value='"+ tmp[1] +"'><embed src='"+ tmp[1] +"' width='121' height='80'></embed></object></div><div class='subMenuDisplaytext'><a href='"+ tmp[2] +"'>"+ dtxt +"</a></div></div>";
	}
	else
	{
		return "<div class='subMenuDisplayimg'><a href='"+ tmp[2] +"'><img id='subDI_"+ nodearr + index +"' src='"+ tmp[1] +"' class='subMenuImg0' onmouseover='displayImageRollover1(this.id)' onmouseout='displayImageRollover0(this.id)'/></a></div><div class='subMenuDisplaytext'><a href='"+ tmp[2] +"'>"+ dtxt +"</a></div>"
	}
}
	
function displayImageRollover1(id)
{
	$("#"+id).removeClass("subMenuImg0");
	$("#"+id).addClass("subMenuImg1");
}

function displayImageRollover0(id)
{
	$("#"+id).removeClass("subMenuImg1");
	$("#"+id).addClass("subMenuImg0");
}

function displayNodeRollover1(id)
{
	$("#"+id).removeClass("subMenuNode0");
	$("#"+id).addClass("subMenuNode1");
}

function displayNodeRollover0(id)
{
	$("#"+id).removeClass("subMenuNode1");
	$("#"+id).addClass("subMenuNode0");
}	

