﻿$(function() {

	/*--- APPEND PRINT THIS PAGE LINK ---*/
	
	$("#share ul").append("<li id=\"printBtn\"><a href=\"javascript:void(0);\" onclick=\"window.print()\">Print this page</a></li>");
	
	
	/*--- EXTERNAL LINKS ---*/
		
	/*--- append external link class ---*/
	$('a[rel="external"]').addClass("ext");
		
	/*--- open external links in a new tab/window ---*/
	$('a[rel="external"]').click(function(){
		
		$(this).attr('target','_blank');
		
	});
	
	
	/*--- WRAP TABLES IN EXTRA CONTAINERS TO APPLY CURVED CORNERS & DROP SHADOW ---*/
	
	$("table.performanceData").wrap("<div class=\"sides\"><div class=\"bot\"><div class=\"top\"></div></div></div>");
	
	$("table.dataTable7").wrap("<div class=\"sides\"><div class=\"bot\"><div class=\"top\"></div></div></div>");
	
	$("div.dataContainer").wrap("<div class=\"sides\"><div class=\"bot\"><div class=\"top\"></div></div></div>");
	
	$("table.targetTable").wrap("<div class=\"targetSides\"><div class=\"targetBot\"><div class=\"targetTop\"></div></div></div>");	
	
	
	/*--- TOGGLE BREAKDOWN TABLES ---*/
	
	$("#breakdownToggle").hide(); // first hide breakdown tables
	
	$("#breakdownToggle").before("<p id=\"breakdownToggleLink\"><a href=\"#\">Show the breakdown of patients this clinic treated</a></p>"); // inject link that will toggle show/hide effect
	
	$('p#breakdownToggleLink').css({'clear':'both','float':'left','background':'#e5f1f1','padding':'0 15px','width':'615px'});
	
	$('p#breakdownToggleLink a').css({'display':'block','background':'#e5f1f1','background-image':'url(images/btn-expand.png)','background-repeat':'no-repeat','background-position':'100% 50%','padding':'15px 0','float':'left','width':'615px'});
	
	$('p#breakdownToggleLink a').click(function(){
		
		if ($("#breakdownToggle").is(":hidden")) { // if breakdown tables are hidden
		
			$("#breakdownToggle").slideDown(); // then show slowly
		
			$("p#breakdownToggleLink a").text("Hide patient breakdown"); // change toggle link display text
			
			$("p#breakdownToggleLink a").css({'display':'block','background-image':'url(images/btn-close.png)','background-repeat':'no-repeat','background-position':'100% 50%'});
			
			$("p#breakdownToggleLink").insertAfter("#breakdownToggle"); // position toggle link after the breakdown tables

		} else {
		
			$("#breakdownToggle").slideUp(); // hide breakdown tables
			
			$("p#breakdownToggleLink a").text("Show the breakdown of patients this clinic treated"); // change toggle link display text
			
			$("p#breakdownToggleLink a").css({'background-image':'url(images/btn-expand.png)','background-repeat':'no-repeat','background-position':'100% 50%'});
			
			$("p#breakdownToggleLink").insertBefore("#breakdownToggle"); // position toggle link to before the breakdown tables
		
		};
		
		return false;
		
	});
	
	
	/*--- REFINE SEARCH EXPANDABLE OPTIONS ---*/
	
	$(".expandable").hide(); // hide expandable
	
	$('fieldset fieldset').each(function(){
	
		if($(this).children(".expandable").length == 1){
		
			var linkText = $(this).children('legend').children('strong').text();

			var expandLink = "<a href='#' class='expandLink'><span>Show more " + linkText + " options</span></a>";
		
			$(this).append(expandLink);
			
		}
	
	})
	
	$('.expandLink').click(function(){
	
		if($(this).siblings('.expandable').is(":hidden")){
		
			$(this).siblings('.expandable').slideDown("fast");
			
			var currentText = $(this).siblings('legend').children('strong').text();
			
			$(this).children('span').text("Show less " + currentText + " options")
			
			$(this).children('span').css({'background-image':'url(images/phase2/icn-slideUp.gif)'})
	
		} else {

			$(this).siblings('.expandable').slideUp("fast");
			
			var currentText = $(this).siblings('legend').children('strong').text();
			
			$(this).children('span').text("Show more " + currentText + " options")
			
			$(this).children('span').css({'background-image':'url(images/phase2/icn-slideDown.gif)'})

		}
	
		return false;
	
	})
	
	
	/*--- TOOLTIPS ---*/
		
	$('.hintsPanel').hide();
	
	$('a.tip').css({'font-weight':'normal','color':'#4f4c4d'});
	
	$('table a.tip').css({'display':'block'});
	
	$('table.cycleDataTable a.tip').css({'display':'inline'});
	
	$('table.results a.tip').css({'display':'inline'});
	
	$('#facilities h2 a.tip').css({'color':'#bf550f'});
	$('#facilities h2 a.tip').css({'font-size':'1em'});
		
	$('.tip').click( function(){
	
		if(0 < $(this).find('span.newToolTip').length){
		
			$(this).children('.newToolTip').remove();
			
			$('.tip').css({'position':'static'});
			
		} else {

			$('.newToolTip').remove();

			$('.tip').css({'position':'static'});

			$(this).css({'position':'relative'});
		
			var contentID = $(this).attr('href');
				
			$(this).append($("<span class='newToolTip'><span class='toolTipInner'></span></span>"));
			
			var offset = $(this).width() + 30;
				
			$(this).children('.newToolTip').css({'left':offset});
	
			var heading = "<span class='tipHeading'>" + $(contentID).children('h3').text() + "</span>";
	
			$(heading).prependTo($(this).children('.newToolTip').children('.toolTipInner'));
				
			$(contentID).children('p').clone().appendTo($(this).children('.newToolTip').children('.toolTipInner'));
			
			var newClose = $("<a href='#nogo' class='closeBtn'>Close</a>");
			
			$(this).children('.newToolTip').children('.toolTipInner').children('.tipHeading').prepend(newClose);
			
		}
	
		return false;
	
	});
		
});