function slowhigh(obj) {
	//Initial vars
	opacStart = 0;
	opacEnd = 100;
	millisec = 200;
	
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
	for(i = opacStart; i <= opacEnd; i++) {
		obj.id = 'nav_' + obj.src;
        setTimeout( "changeOpac(" + i + ",'" + obj.id + "')",(timer * speed));
        timer++;
    }
}

function slowlow(obj) {
	//Initial vars
	opacStart = 100;
	opacEnd = 0;
	millisec = 300;
	
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
	
	for(i = opacStart; i >= opacEnd; i--) {
		obj.id = 'nav_' + obj.src;
        setTimeout("changeOpac(" + i + ",'" + obj.id + "')",(timer * speed));
        timer++;
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById( id ).style;	
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}


//<![CDATA[
function enhanceCheckboxes() {

// finds every checkbox on the page
// and converts it to a graphical version
  
  // find all input controls:
  var els=document.getElementsByTagName("input");
  
  // for each input element...
  for(var i=0; i < els.length; i++) {

    if (els[i].type=='checkbox') { // its a checkbox
  
      // hide the original checkbox control:  
      els[i].style.display='none';
      
      // create the graphical alternative:
      var img = document.createElement("img");
      
      // initial state of graphical checkbox 
      // is the same as the original checkbox:
       
      if (els[i].checked) {
        img.src="images/illustration/checked.gif";
        img.title="Checked";
		img.className='checkboxes';
      }
      else {
        img.src="images/illustration/unchecked.gif";
        img.title="Unchecked";
		img.className='checkboxes';
      } 
      
      // assign our onclick event 
      img.onclick= toggleCheckbox;
      
      // insert the new, clickable image into the DOM
      // infront of the original checkbox:
      
      els[i].parentNode.insertBefore(img, els[i]);
      
    }  
  
  }

}


function toggleCheckbox() {

// graphical checkbox onclick event handler
  
  // toggle the checkbox state:
  
  if (this.title == "Checked") {

    // toggle the image and title:  
    this.src="images/illustration/unchecked.gif";
    this.title="Unchecked";
	this.className='checkboxes';
    
    // update the hidden real checkbox to match the state of the graphical 
    // version:
    this.nextSibling.checked=false;
    
  }
  else {
  
    // toggle the image and title:  
    this.src="images/illustration/checked.gif";
    this.title="Checked";
	this.className='checkboxes';

    // update the hidden real checkbox to match the state of the graphical 
    // version:
    this.nextSibling.checked=true;
 
  }

}

function nameStateSearch(form) {
				var selected=false;
				if (form.sensitiveSkin.checked == true) selected=true;
				if (form.skinDiscolorations.checked == true) selected=true;
				if (form.blemishes.checked == true) selected=true;
				if (form.drySkin.checked == true) selected=true;
	if (form.extraDrySkin.checked == true) selected=true;
				if (form.unwantedHair.checked == true) selected=true;
				if (form.stressRelief.checked == true) selected=true;
				if (form.chappedLips.checked == true) selected=true;
				if (form.coldSores.checked == true) selected=true;
				if (form.babySkinCare.checked == true) selected=true;
				if (form.sunProtection.checked == true) selected=true;
	if ( selected==false) {
				   alert("Please check a box to search for products.");
				   return;
				}
				form.submit();
 }
function disclaimer (url){
	window.open('disclaimer.asp?url='+url,'disclaimer','width=300,height=250');
}
