//<![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
		
	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 objIframe = "<iframe id='frame-content' src="+_target+" 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 = "http://www.acuvue.com/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';  
  }  
  
//]]>