

$(document).ready(
	function()
	{
		$("#aRefinning").click(
			function()
			{
				$.blockUI(
					{
						message: $('#dvRefiningMask'), 
						css: { top: '125px', left: '360px',  height: '470px', width: '450px', 
							   textAlign: 'left', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', 
							   '-moz-border-radius': '10px', 
							   paddingLeft: '10px', paddingRight: '10px',
							   color: '#fff', border: 'none', fontSize: '11px', color: '#000'
							 }						
					}
				);
			}
		);
		
		$("#aGreenTea").click(
			function()
			{
				$.blockUI(
					{
						message: $('#dvGreenTeaMoisturizer'), 
						css: { top: '125px', left: '360px',  height: '470px', width: '450px', 
							   textAlign: 'left', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', 
							   '-moz-border-radius': '10px', 
							   paddingLeft: '10px', paddingRight: '10px',
							   color: '#fff', border: 'none', fontSize: '11px', color: '#000'
							 }						
					}
				);
			}
		);
		
		$("#aFaceFacts").click(
			function()
			{
					$.blockUI(
					{
						message: $('#dvFaceFacts'), 
						css: { top: '125px', left: '360px',  height: '390px', width: '400px', 
							   textAlign: 'left', backgroundColor: '#fff', 
							   '-webkit-border-radius': '10px', 
							   '-moz-border-radius': '10px', 
							   paddingLeft: '10px', paddingRight: '10px',
							   color: '#fff', border: 'none', fontSize: '11px', color: '#000'
							 }						
					}
				);			
			}
		);
		
		$(".aLinkCloseModal").click(
			function()
			{
				$.unblockUI();
			}
		);
		
		$("#tabRefineIng").click(
			function()
			{
				$("#refineMaskDesc").hide();
				$("#refineMaskDesc").fadeOut("slow");
				$("#refineMaskIngredients").fadeIn("slow");
				
				$("#tdRefineDesc").css( { border: 'none' } );
				$("#tdRefineDesc").css( { borderBottom: '1px solid #000' } );
				
				$("#tdRefineIng").css(
					{
						borderLeft: '1px solid #000',
						borderRight: '1px solid #000',
						borderTop: '1px solid #000',
						borderBottom: 'none'
					}
				);				
			}
		);
		
		$("#tabRefineDesc").click(
			function()
			{
				$("#refineMaskIngredients").hide();
				$("#refineMaskIngredients").fadeOut("slow");
				$("#refineMaskDesc").fadeIn("slow");
				
				$("#tdRefineIng").css( { border: 'none' } );
				$("#tdRefineIng").css( { borderBottom: '1px solid #000' } );
				
				$("#tdRefineDesc").css(
					{
						borderLeft: '1px solid #000',
						borderRight: '1px solid #000',
						borderTop: '1px solid #000',
						borderBottom: 'none'
					}
				);				
			}
		);
		
		$("#tabGreenTeaIng").click(
			function()
			{
				$("#greenTeaDesc").hide();
				$("#greenTeaDesc").fadeOut("slow");
				$("#greenTeaIngredients").fadeIn("slow");
				
				$("#tdGreenTeaDesc").css( { border: 'none' } );
				$("#tdGreenTeaDesc").css( { borderBottom: '1px solid #000' } );
				
				$("#tdGreenTeaIng").css(
					{
						borderLeft: '1px solid #000',
						borderRight: '1px solid #000',
						borderTop: '1px solid #000',
						borderBottom: 'none'
					}
				);				
			}		
		);
		
		$("#tabGreenTeaDesc").click(
			function()
			{
				$("#greenTeaIngredients").hide();
				$("#greenTeaIngredients").fadeOut("slow");
				$("#greenTeaDesc").fadeIn("slow");
				
				$("#tdGreenTeaIng").css( { border: 'none' } );
				$("#tdGreenTeaIng").css( { borderBottom: '1px solid #000' } );
				
				$("#tdGreenTeaDesc").css(
					{
						borderLeft: '1px solid #000',
						borderRight: '1px solid #000',
						borderTop: '1px solid #000',
						borderBottom: 'none'
					}
				);				
			}
		);
	}
);