<!--// ROLLOVER IMAGE ARRAY

btnArray = new Array('','whatsnew','about','science','professionals','products','browse','treatments');

if (document.images) {
	function preloadBtns() {
		if (document.images) {
		btnImg = new Array();btnImgRoll = new Array();btnImgUp = new Array();
		for(i=1;i<btnArray.length;i++) {
				btnImg[i] = new Image();btnImg[i].src = "/img/topnav_" + btnArray[i] + ".gif";
				btnImgRoll[i] = new Image();btnImgRoll[i].src = "/img/topnav_" + btnArray[i] + "_on.gif";
				btnImgUp[i] = new Image();btnImgUp[i].src = "/img/topnav_" + btnArray[i] + "_on.gif";
			}
		}
	}
	preloadBtns();
	function btnRoll(btnNum) {
		if (btnNum != navIndex) {
		document.getElementById(btnArray[btnNum]).src = btnImgRoll[btnNum].src
		}
	}
	function btnOff(btnNum) {
		if (btnNum != navIndex) {
		document.getElementById(btnArray[btnNum]).src = btnImg[btnNum].src
		}
	}
	function btnUp(btnNum) {
		if (btnNum != navIndex) {
		document.getElementById(btnArray[btnNum]).src = btnImgUp[btnNum].src;
		navIndex = btnNum;
		}
	}
}
else {
} 

// ###########
	var windowWidth;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth-17;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth+36;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth+36;
	}
	if (navigator.userAgent.toLowerCase().indexOf('safari')>-1) windowWidth=windowWidth+18; 	

// ###########
document.write('<style type="text/css">');
document.write('#popitmenu {position:absolute; background-color:transparent; font-size:9px; line-height:14px; z-index:100; visibility:visible}');
document.write('#popitmenu div {padding:2px; background:#FFF; border-left:1px solid #C5DEE3; border-right:1px solid #C5DEE3; display:block;}');
document.write('#popitmenu div a {text-decoration:none; text-transform:uppercase; padding-left:10px; color:#666;}');
document.write('#popitmenu div:hover, #popitmenu a:hover {background-color:FFF; color:#2D9EBE;}');
document.write('</style>');
/***********************************************
* Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var defaultMenuWidth="177px" //set default menu width.
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]=''
linkset[0]+=''

linkset[1]='';
//linkset[1]='<div><a href="">Cleanse &amp; Tone</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Prevent</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Correct</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Moisturizers</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Protect</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Body</a></div>'
//linkset[1]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[1]+='<div><a href="">Skin Systems</a></div>'

linkset[2]='';
//linkset[2]='<div><a href="">Problematic Skin</a></div>'
//linkset[2]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[2]+='<div><a href="">Normal/Comb/Skin</a></div>'
//linkset[2]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[2]+='<div><a href="">Dry Skin</a></div>'
//linkset[2]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[2]+='<div><a href="">Oily Skin</a></div>'
//linkset[2]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[2]+='<div><a href="">Sensitive Skin</a></div>'

linkset[3]='';
//linkset[3]='<div><a href="/family/?topic=3&cat=1">AM Regimen</a></div>'
//linkset[3]+='<img src="/img/1px_C5DEE3.gif" width="100%" height="1" border="0" />'
//linkset[3]+='<div><a href="/family/?topic=3&cat=2">PM Regimen</a></div>'

linkset[4]='<a href="">&nbsp;</a>'

navIndex="0";
////No need to edit beyond here

var ie5=document.all && !window.opera
var ns6=document.getElementById
if (ie5||ns6)
document.write('<span id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)" onMouseleave="hideIE()"></span>')
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}
function showmenu(e, which, optWidth){

if (!document.all&&!document.getElementById)
return
if (which!=undefined) {
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML='<div><img src="/img/1px_fff.gif" width="100%" height="4" border="0" /></div>'+which+'<img src="/img/topnav_bottom_l.gif" width="6" height="5" border="0" /><img src="/img/topnav_bottom.gif" width="'+(optWidth-12)+'" height="5" border="0" /><img src="/img/topnav_bottom_r.gif" width="6" height="5" border="0" />';
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
if (windowWidth>1020&&document.body.scrollLeft==0){
var leftPos = windowWidth/2;
if (which==linkset[1]) leftPos-=352;
else if (which==linkset[2]) leftPos-=186;
else if (which==linkset[3]) leftPos+=4;
menuobj.style.left = leftPos;
}
else {
if (which==linkset[1]) menuobj.style.left = '356px';
if (which==linkset[2]) menuobj.style.left = '522px';
if (which==linkset[3]) menuobj.style.left = '712px';
}
menuobj.style.top = '133px';
if (navigator.userAgent.toLowerCase().indexOf('safari')>-1) menuobj.style.top = '130px';
menuobj.style.visibility="visible";
return false
}
else { }
}

function contains_ns6(a, b) {
//Determines if 1 element is contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}

function dynamichide(e){
//if (ie5&&!menuobj.contains(e.toElement))
//hidemenu()
//else 
if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function hideIE(){
delayhidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("hidemenu()",800)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

if (ie5||ns6)
document.onclick=hidemenu


<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

MM_preloadImages('/img/TN_BTN_whatsnew_ON.gif','/img/TN_BTN_about_ON.gif','/img/TN_BTN_science_ON.gif','/img/TN_BTN_professionals_ON.gif','/img/TN_BTN_products_ON.gif','/img/TN_BTN_browse_ON.gif','/img/TN_BTN_treatments_ON.gif');

var LastHdnDiv = '';
var LastHdnAction = '';
function MM_NAVshowHideLayers(DivToShow, ShowVal) {
  var varAct = false; 
  
  //alert(DivToShow);
  //alert(ShowVal);
  //alert(LastHdnDiv);
  //alert(LastHdnAction);
  
  if(LastHdnDiv != DivToShow) 
       varAct = true;
  else
     if(LastHdnAction == ShowVal)
       varAct = true; 		

if(varAct){
  //alert('here');
  LastHdnDiv = DivToShow;
  obj=MM_findObj(DivToShow);
  if(ShowVal == 'show')
    obj.style.visibility='visible';
  else
    obj.style.visibility='hidden';
 }
}

function delayed_MM_NAVshowHideLayers(DivToShow1, ShowVal1) {

  LastHdnAction = ShowVal1;
	setTimeout('MM_NAVshowHideLayers(\'' + DivToShow1 + '\',\'' + ShowVal1 + '\');',10);
}
function showDiv(DivToShow)
{
  LastHdnAction = 'show';

MM_NAVshowHideLayers(DivToShow, 'show')	
}