var ProductsKeyTrack=false;
var ProductsIndex=0;
var activeProductIndex = 1;

var StateKeyTrack=false;
var StateGroupIndex=-1;
var StateIndex=0;
var StateCurIndex=0;
var StateGroup='StateA';
var StateString = ' ACDFGHIKLMNOPRSTUVW';
var StateA = new Array("AK", "AL", "AR", "AZ");
var StateC = new Array("CA", "CO", "CT");
var StateD = new Array("DC", "DE");
var StateF = new Array("FL");
var StateG = new Array("GA");
var StateH = new Array("HI");
var StateI = new Array("IA", "ID", "IL", "IN");
var StateK = new Array("KS", "KY");
var StateL = new Array("LA");
var StateM = new Array("MA", "MD", "ME", "MI", "MN", "MO", "MS", "MT");
var StateN = new Array("NC", "ND", "NE", "NH", "NJ", "NM", "NV", "NY");
var StateO = new Array("OH", "OK", "OR");
var StateP = new Array("PA", "PR");
var StateR = new Array("RI");
var StateS = new Array("SC", "SD");
var StateT = new Array("TN", "TX");
var StateU = new Array("UT");
var StateV = new Array("VA", "VT");
var StateW = new Array("WA", "WI", "WV", "WY");


function setProductValue (x, ind)	{
		document.getElementById("productsfieldinner").innerHTML=x;
		document.getElementById("productsselect").style.display='none';
		if (x=="--No Specific Product--") x="";
		if ((x=="<span>One A Day Womens</span><sub>2</sub><span>O Mixed Berry</span>") || (x=="<SPAN>One A Day Womens</SPAN><SUB>2</SUB><SPAN>O Mixed Berry</SPAN>")) x="One A Day Womens2O Mixed Berry";
		if ((x=="<span>One A Day Womens</span><sub>2</sub><span>O Lemonade</span>") || (x=="<SPAN>One A Day Womens</SPAN><SUB>2</SUB><SPAN>O Lemonade</SPAN>")) x="One A Day Womens2O Lemonade";
		if ((x=="<span>One A Day Energy Advantage</span><sub>2</sub><span>O</span>") || (x=="<SPAN>One A Day Energy Advantage</SPAN><SUB>2</SUB><SPAN>O</SPAN>")) x="One A Day Energy Advantage2O";
		if (x=="One A Day Womens Active Mind &amp; Body") x="One A Day Womens Active Mind & Body";
		document.contactForm.product.value=x;		
		//document.getElementById('productfield_'+activeProductIndex).className="";
		activeProductIndex = ind;
		//document.getElementById('productfield_'+activeProductIndex).className="active";
		document.contactForm.product.focus();
}

function setStateValue (x)	{
		document.getElementById("statefieldinner").innerHTML=x;
		document.getElementById("stateselect").style.display='none';
		if (x=="--Please Select--") x="";		
		document.contactForm.state.value=x;
		document.contactForm.state.focus();
		
		StateCurIndex=StateString.indexOf(x.charAt(0));
		if (StateCurIndex > 0) {	
			StateGroup = eval('State'+x.charAt(0));	
			for (i=0; i<=StateGroup.length-1; i++) {
				if (x==StateGroup[i]) StateGroupIndex=i;
			}
		} else StateGroupIndex=-1;
		
		var hEls = document.getElementById("stateselect").getElementsByTagName("A");		
		for (var i=0, len=hEls.length; i<len; i++) {
			hEls[i].className="";
			hEls[i].onmouseover = function() { this.className="active"; }
			hEls[i].onmouseout = function() { this.className=""; }
		}
		if (x!="") {
		var f=document.getElementById('statefield_'+x);
		f.className="active";
		}
}
	
	
	
function showselect (id) {
		var obj = document.getElementById(id);
		
		if (obj.style.display!='block') {
			obj.style.display='block';
			if (id=="stateselect") {
				SetTrackState('state');
				if (StateCurIndex > 0) {
					StateGroup = eval('State'+StateString.charAt(StateCurIndex));
					var f=document.getElementById('statefield_'+StateGroup[StateGroupIndex]);
					f.className="active";
				}
				document.contactForm.state.focus();
			} // end stateselect
			
			else if (id=="productsselect") {
				document.getElementById("stateselect").style.display='none';
				SetTrackState('products');
				//document.getElementById('productfield_'+activeProductIndex).className="active";
				document.contactForm.product.focus();
			
			} else SetTrackState(false);
		} else {
			obj.style.display='none';
		}		
}


function SetTrackState (state) {
	StateKeyTrack   = false;
	ProductsKeyTrack= false;
	
	var f1=document.getElementById('statefield');
	var f2=document.getElementById('productsfield');	
	f1.className="select_spec";
	f2.className="select_spec";

	if (state=="state") {
		f1.className+=" active";
		StateKeyTrack=true;
	}
	if (state=="products") {
		f2.className+=" active";
		ProductsKeyTrack=true;
	}
	
}


function GetKey(e) {
	var keynum;
	var keychar;
	
	//alert(activeProductIndex+", "+ProductsIndex);
	
	if(window.event) keynum = e.keyCode;
	else if(e.which) keynum = e.which;
		
		
	if (StateKeyTrack==true) {
		keychar = String.fromCharCode(keynum);
		keychar = keychar.toUpperCase();
		
		if (StateString.indexOf(keychar)!=-1) {
			StateIndex = StateString.indexOf(keychar);
			StateGroup = eval('State'+keychar);		
			if (StateIndex==StateCurIndex) {
				if (StateGroupIndex+1 <= StateGroup.length-1) StateGroupIndex++;
				else StateGroupIndex=0;
			} else {
				StateCurIndex=StateIndex;
				StateGroupIndex=0;
			}
			setStateValue (StateGroup[StateGroupIndex]);
		}
		
		if (keynum==38) {	
			if (StateCurIndex > 0) {	
				if (StateGroupIndex > 0) {
					StateGroupIndex--;
					setStateValue (StateGroup[StateGroupIndex]);
				} else {
					StateCurIndex--;
					if (StateCurIndex > 0) {
						StateGroup = eval('State'+StateString.charAt(StateCurIndex));
						StateGroupIndex = StateGroup.length-1;
						setStateValue (StateGroup[StateGroupIndex]);
					} else {setStateValue ("--Please Select--"); StateGroupIndex=-1;}
				}		
			} else {setStateValue ("--Please Select--"); StateGroupIndex=-1;}
		}
		
		if (keynum==40) {		
			if (StateCurIndex < StateString.length) {
				if (StateGroupIndex < StateGroup.length-1) {
					StateGroupIndex++;
					if (StateCurIndex==0) StateCurIndex++;
					StateGroup = eval('State'+StateString.charAt(StateCurIndex));
					setStateValue (StateGroup[StateGroupIndex]);
				} else {
					StateCurIndex++;					
					if (StateCurIndex < StateString.length) {
						StateGroup = eval('State'+StateString.charAt(StateCurIndex));						
						StateGroupIndex = 0;
						setStateValue (StateGroup[StateGroupIndex]);
					}
				}
			}
		} // end keynum==40
	} // end StateKeyTrack==true
	
	
	if (ProductsKeyTrack==true) {		
		var newindex;
		if (keynum==38) {	
			if (activeProductIndex > 1) {	
				newindex=activeProductIndex-1;
				setProductValue (document.getElementById("productfield_"+newindex).innerHTML, newindex)		
			} else {
				setProductValue ("--No Specific Product--", 1); 
				activeProductIndex=1;
			}
		} // end keynum==38
		
		if (keynum==40) {		
			if (activeProductIndex < ProductsIndex) {	
				newindex=activeProductIndex+1;
				setProductValue (document.getElementById("productfield_"+newindex).innerHTML, newindex)		
			} else {
				setProductValue (document.getElementById("productfield_"+ProductsIndex).innerHTML, ProductsIndex)		
				activeProductIndex=ProductsIndex;
			}
		} // end keynum==40
	}

}	




function writeStateOption(val) {
	document.write("<a id='statefield_"+val+"' href=\"javascript:setStateValue('"+val+"')\">"+val+"</a>");
}

function writeProductOption(val) {
	ProductsIndex++;
	document.write("<a id='productfield_"+ProductsIndex+"' href=\"javascript:setProductValue('"+val.replace(/\'/, "\\\'")+"', "+ProductsIndex+")\">"+val+"</a>");
}



function hideSelects(e) {
  var isSelect = false;
  var nameStr;
  
  if (navigator.appName == "Microsoft Internet Explorer") {
	  nameStr = event.srcElement.id;
  } else {
	  nameStr = e.target.id;
  };

  if ((nameStr == 'productsfield') || (nameStr == 'productsselect') ||
  	  (nameStr == 'statefield')    || (nameStr == 'stateselect')) isSelect = true;

  if (!isSelect) {
  	document.getElementById("productsselect").style.display='none';
  	document.getElementById("stateselect").style.display='none';
  }
}

document.onclick = hideSelects;