// JavaScript Document
var navSelection;

$(window).load(function(){
	
	$(".closed .toggle").click(function(event){
	toggleExpand(event)
	});
	
	$(".expanded .toggle").click(function(event){
	toggleExpand(event)
	});
	
	
	$(".expanded img").click(function(event){
	toggleExpand(event)
	});
	
	
	$(".closed img").click(function(event){
	toggleExpand(event)
	});
	
	function toggleExpand(event)
	{
		var target = $("#"+event.target.parentNode.id);
		if(target.hasClass("closed"))
		{
			//event.target.parentNode.className = "expanded";
			target.removeClass("closed").addClass("expanded");
		}
		else
		{
			target.removeClass("expanded").addClass("closed");
			
		}
	}
	
							
		/*				
	$(".ref").each(function(index){
		var parentDiv = $(this).parents("div:eq(0)")
		if(parentDiv.css("position") != "absolute")
		{
			parentDiv.css("position", "relative");
		}
		//var paddingTop = (parentDiv.css("paddingTop"));
		//var paddingLeft = (parentDiv.css("paddingLeft"));
		
		//paddingTop  = paddingTop.substr(0, paddingTop.length -3);
		//paddingLeft  = paddingLeft.substr(0, paddingLeft.length -3);
		
		//alert(paddingTop);

		var myTop = $(this).position().top - 2 ; //- paddingTop;
		var myLeft = $(this).position().left +1;// - paddingLeft;
		var myWidth = $(this).width();
		
		//alert(myWidth);
		
		if($(this).html().indexOf("<a") == -1)
		{
		    parentDiv.prepend('<div id="reference'+index+'" style="position:absolute; border:none; font-size:9px; margin:-1px 0 0 -1px; padding:0; width:20px" class="javaScriptReference"></div>');
		$("#reference"+index).html($(this).html());
		$(this).html('<img src="images/blank.gif" height="1" width="'+myWidth+'" />');
		}
		else
		{
		    parentDiv.prepend('<div id="reference'+index+'" style="position:absolute; border:none; margin:0; padding:0;  width:20px" class="javaScriptReference"></div>');
		$("#reference"+index).html($(this).html());
		$(this).html('<img src="images/blank.gif" height="1" width="'+myWidth+'" />');
		}
		//if($(this).html().indexOf("<a") == -1);
		//if($(this).html().indexOf("&reg;") != -1)
		
		$("#reference"+index).css("top", myTop);
		$("#reference"+index).css("left", myLeft);
		$("#reference"+index).css("z-index", index+10);
		
		
						   });	   
	
	*/
	
	/*
$(window).resize(function(){
						  $(".ref").each(function(index){
							var myTop = $(this).position().top - 2 ;
							var myLeft = $(this).position().left + 1;
							$("#reference"+index).css("top", myTop);
							$("#reference"+index).css("left", myLeft);				 
							});		
						 					 
}); */
		})



function updateNavSelection(newSection){
	navSelection = newSection;	
	//alert(navSelection);
	// $("#About-OA-of-the-Knee").addClass('selected');
	
	$(window).load(function(){
		var target = $("#"+navSelection)
		target.addClass('selected');
		
		if(target.hasClass("closed"))
		{
			target.removeClass("closed");
			target.addClass("expanded");
		}
		
		if(target.hasClass("subSection"))
		{
			target.parent().parent().removeClass("closed");
			target.parent().parent().addClass("expanded");
		    target.parent().parent().addClass("selected");
		}
		
	});
	
}


function gotoHCPSite()
{
	if(!document.getElementById("healthcareProfessionalsLink"))
	{
	var healthcareProfessionalsLink	= document.createElement("div");
	
	healthcareProfessionalsLink.id = healthcareProfessionalsLink.name = "healthcareProfessionalsLink";
	healthcareProfessionalsLink.style.left  =  document.body.clientWidth / 2 - 563/2 + "px";
	healthcareProfessionalsLink.innerHTML = '<p id="healthcareProfessionalsText">Please certify that you are a Healthcare Professional by clicking the button marked &quot;I&nbsp;Agree.&quot; If you are not a Healthcare Professional, please click the button marked "I&nbsp;Do&nbsp;Not&nbsp;Agree" to return to the previous page.</p><a href="/healthcareprofessional" style="padding-left:57px">I Agree</a><a href="">I Do Not Agree</a>';
	
	document.body.appendChild(healthcareProfessionalsLink);
	}
}