//<![CDATA[
var baseScale = 0;
function changeFontSize(direction){
	var curScale = (direction=='up') ? 2 : -2; //CONVERT 'UP' OR 'DOWN' TO NUMERICAL VALUE
	if(baseScale>=-4 && baseScale<=8){
		/* THE BLOCK BELOW DETERMINES IF WE ARE AT THE MAX/MIN */
		if(baseScale==8 && curScale==2){
			curScale = 0;
		}else if(baseScale==-4 && curScale==-2){
			curScale = 0;
		}
		/* END MAX/MIN LOGIC */
		baseScale = baseScale + curScale; //KEEP TRACK OF THE CURRENT SELECTED SCALE		
		//alert(baseScale);
		$("#main-content *").each( /* Target ONLY the objects in <div id='main-content'> */
			function(){
				if(this.tagName!="SUP" && $(this).css("font-size").indexOf("%")==-1){ /*MAKE SURE WE ARE NOT IN A SUP TAG, NOR DEALING WITH % FONT SIZE */
					var curSize = Math.floor($(this).css("font-size").slice(0,-2)); /*GRAB THE CURRENT FONT-SIZE, STRIPPED OF 'PX'*/
					var curLeading = Math.floor($(this).css("line-height").slice(0,-2)); /*GRAB THE CURRENT LINE-HEIGHT, STRIPPED OF 'PX'*/
					//alert(curSize); //FOR TESTING ONLY					
					$(this).css({fontSize:(curSize+curScale)+"px"})
					$(this).css({lineHeight:(curLeading+curScale)+"px"});
					}
				}
			)
	} else {
		alert(baseScale);
	}
}

/* ###########################################################*/
/* BELOW IS A GENERIC FLYOUT FUNCTION TO BE USED ANY TIME YOU */
/* ######### NEED A ROUNDED CORNER BOX WITH SHADOW ###########*/
/* ########### PLEASE DO NOT DUPLICATE AND RENAME! ###########*/
/* ###########################################################*/

function showFlyout(_target,_xoffset,_yoffset,_width,_height){
	
	$("#share-flyout").remove(); //REMOVE ALL PREVIOUS FLYOUTS
	
	
	/* This sets the absolute path of the iFrame for Tell-a-Friend - activated by 'Email to Parent' link */
	
	   var _appurlPath = "../tellafriend/StartEmailaFriend.do?teen=true&url="+window.location;
	
	// ---------------------------------------------------------------------------------------- /
	
		
	var objFlyout = "<div id='share-flyout'></div>";
		$("body").append(objFlyout);
		$("#share-flyout").toggle(false);
	var objInner = "<div id='inner'></div>";
		$("#share-flyout").append(objInner);
		$("#share-flyout").css("left",$(_target).offset().left+_xoffset);
		$("#share-flyout").css("top", $(_target).offset().top+_yoffset);
	var objTL = "<div id='share-flyout-tl'></div>";
		$("#share-flyout #inner").append(objTL);
		$("#share-flyout #inner").width(_width);
		$("#share-flyout #inner").height(_height);
	var objTC = "<div id='share-flyout-tc'></div>";
		$("#share-flyout #inner").append(objTC);
		$("#share-flyout #inner #share-flyout-tc").width(_width-18);
	var objTR = "<div id='share-flyout-tr'></div>";
		$("#share-flyout #inner").append(objTR);		
	var objClose = "<div id='share-flyout-close'></div>";
		$("#share-flyout #inner").append(objClose);		
		$("#share-flyout #inner #share-flyout-close").css("cursor","pointer");
		$("#share-flyout #inner #share-flyout-close").click(
			function(){
				$("#share-flyout").hide("fast");
			}
		);
	var objCL = "<div id='share-flyout-cl'></div>";
		$("#share-flyout #inner").append(objCL);		
		$("#share-flyout #inner #share-flyout-cl").height(_height-18);
	var objC = "<div id='share-flyout-c'></div>";
		$("#share-flyout #inner").append(objC);
		var objShareLink ="<div id='share-flyout-sharelinks'></div>";
			$("#share-flyout #inner #share-flyout-c").append(objShareLink);
			$("#share-flyout #inner #share-flyout-c").width(_width-18);			
		var objContent ="<div id='share-flyout-content'></div>";
			$("#share-flyout #inner #share-flyout-sharelinks").append(objContent);
		var objP ="<p class='headline' style='line-height:54px !important;'>Send to your parents</p> <p class='disclaimer'>By submitting an email address, you are requesting that we contact on your behalf the person you specify here. It will not be used other than to distribute the communication you request. Please see our <a href='privacy_policy.htm'>Privacy Policy</a>. <strong>All fields required.</strong></p>";
			$("#share-flyout #inner #share-flyout-content").append(objP);

				var newHeight = $("#share-flyout-sharelinks").height() + _height - 18;
				//alert(newHeight);
				$("#share-flyout #inner #share-flyout-cl").height(newHeight);
				$("#share-flyout #inner #share-flyout-c").height(newHeight);
				$("#share-flyout #inner #share-flyout-cr").height(newHeight);
				$("#share-flyout #inner").height(newHeight+18);			
			
			var objIframe = "<iframe id='frame-content' src="+_appurlPath+" allowtransparency='true' frameborder='0' border='0' scrolling='no' scrollbars='false'></iframe>";	
				$("#share-flyout #inner #share-flyout-c").append(objIframe);
				$("#share-flyout #inner #share-flyout-c #frame-content").width(_width-18);
				$("#share-flyout #inner #share-flyout-c #frame-content").height(_height-18);
	var objCR = "<div id='share-flyout-cr'></div>";
		$("#share-flyout #inner").append(objCR);		
		$("#share-flyout #inner #share-flyout-cr").height(_height-18);
	var objBL = "<div id='share-flyout-bl'></div>";
		$("#share-flyout #inner").append(objBL);		
	var objBC = "<div id='share-flyout-bc'></div>";
		$("#share-flyout #inner").append(objBC);		
		$("#share-flyout #inner #share-flyout-bc").width(_width-18);
	var objBR = "<div id='share-flyout-br'></div>";
		$("#share-flyout #inner").append(objBR);
	
	$("#share-flyout").show("fast");
	
	return false;
	
}

/* ###########################################################*/
/*  BELOW IS A SPECIFIC FLYOUT FUNCTION FOR THE SHARE FLYOUT  */
/* ########### PLEASE DO NOT DUPLICATE AND RENAME! ###########*/
/* ########### USE GENERIC FLYOUT FUNCTION ABOVE!  ###########*/
/* ###########################################################*/

function showShareFlyout(_target,_xoffset,_yoffset,_width,_appheight){
	
	$("#share-flyout").remove(); //REMOVE ALL PREVIOUS FLYOUTS
	
	/* This sets the absolute path of the iFrame for Tell-a-Friend - activated by 'Share' icon link */
	
	//DEVEL
	//var _appurlPath = "http://vusjadwdevel.na.jnj.com/tellafriend/StartEmailaFriend.do?url="+window.location;
	
	//Stage
	//var _appurlPath = "http://stage.acuvue.com/tellafriend/StartEmailaFriend.do?url="+window.location;
	
	//Production
	var _appurlPath = "../tellafriend/StartEmailaFriend.do?url="+window.location;
	
	// ---------------------------------------------------------------------------------------- /
	
	/* BUILD THE OUTER CONTAINERS */
	var objFlyout = "<div id='share-flyout'></div>";
		$("body").append(objFlyout);
		$("#share-flyout").hide();
	var objInner = "<div id='inner'></div>";
		$("#share-flyout").append(objInner);
		$("#share-flyout #inner").height(_appheight);
		$("#share-flyout #inner").width(_width);
		$("#share-flyout").css("left",$(_target).offset().left+_xoffset);
		$("#share-flyout").css("top", $(_target).offset().top+_yoffset);
	
	/* BUILD THE TOP OF THE FLYOUT */
	var objTL = "<div id='share-flyout-tl'></div>";
		$("#share-flyout #inner").append(objTL);
	var objTC = "<div id='share-flyout-tc'></div>";
		$("#share-flyout #inner").append(objTC);
		$("#share-flyout #inner #share-flyout-tc").width(_width-18);
	var objTR = "<div id='share-flyout-tr'></div>";
		$("#share-flyout #inner").append(objTR);		
	var objClose = "<div id='share-flyout-close'></div>";
		$("#share-flyout #inner").append(objClose);		
		$("#share-flyout #inner #share-flyout-close").css("cursor","pointer");
		$("#share-flyout #inner #share-flyout-close").click(
			function(){
				$("#share-flyout").hide("fast");
			}
		);
	
	/* BUILD THE CENTER AREA OF THE FLYOUT */
	var objCL = "<div id='share-flyout-cl'></div>";
		$("#share-flyout #inner").append(objCL);		
	var objC = "<div id='share-flyout-c'></div>";
		$("#share-flyout #inner").append(objC);
		
	/* BUILD THE DIV TO HOLD THE SHARE LINKS FILE */
	var objSharelinks = "<div id='share-flyout-sharelinks'></div>";
		$("#share-flyout #inner #share-flyout-c").append(objSharelinks);
		$("#share-flyout #inner #share-flyout-c").width(_width-18);
	/* THE AJAX CALL BELOW SERVES THE SAME AS A SERVER-SIDE INCLUDE */
	/* TO CHANGE THE LINKS PRESENTED, SEE /INCLUDES/share-links.html */
		$.ajax({
		  url: '/includes/share-links.html',
		  success: function(data) {
			$('#share-flyout-sharelinks').html(data);
			//alert('Load was performed.');
			/* NOW RESIZE THE CENTER, LEFT & RIGHT SIDES TO MATCH THE COMPILED CONTENT */
				var newHeight = $("#share-flyout-sharelinks").height() + _appheight - 18;
				//alert(newHeight);
				$("#share-flyout #inner #share-flyout-cl").height(newHeight);
				$("#share-flyout #inner #share-flyout-c").height(newHeight);
				$("#share-flyout #inner #share-flyout-cr").height(newHeight);
				$("#share-flyout #inner").height(newHeight+18);
		  }
		});	
		var objIframe = "<iframe id='frame-content' src="+_appurlPath+" allowtransparency='true' frameborder='0' border='0' scrolling='no' scrollbars='false'></iframe>";	
			$("#share-flyout #inner #share-flyout-c").append(objIframe);
			$("#share-flyout #inner #share-flyout-c #frame-content").width(_width-18);
			$("#share-flyout #inner #share-flyout-c #frame-content").height(_appheight);
	var objCR = "<div id='share-flyout-cr'></div>";
		$("#share-flyout #inner").append(objCR);		
	
	
	/*BUILD OUT THE BOTTOM SECTION OF THE FLYOUT */
	var objBL = "<div id='share-flyout-bl'></div>";
		$("#share-flyout #inner").append(objBL);		
	var objBC = "<div id='share-flyout-bc'></div>";
		$("#share-flyout #inner").append(objBC);		
		$("#share-flyout #inner #share-flyout-bc").width(_width-18);
	var objBR = "<div id='share-flyout-br'></div>";
		$("#share-flyout #inner").append(objBR);
	
	$("#share-flyout").show("fast");
	
	return false;
	
}

function resizeIframe(obj)  
  {  
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';  
    obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';  
  }  
  
//]]>
