var currHeight = 0;
var textContent = "Personal Vitamins";
/*show box modify at 2009-3-4*/
function showBox(objId){
	var objContent = null;
	var objTitle = null;
	var obj = document.getElementById(objId);
	var divs = obj.getElementsByTagName('div');
	for(var i=0; i<divs.length; i=i+1){
		if(divs[i].className == "content"){
			objContent = divs[i];
		}else if(divs[i].className == "close_title" || divs[i].className == "open_title"){
			objTitle = divs[i];
		}
	}
	if(objContent != null){
		if(objContent.style.display == ""){
			objContent.style.display = "none";
			objTitle.className = "close_title";
		}else{
			objContent.style.display = "";
			objTitle.className = "open_title";
		}
	}
	if(document.all){
		var leftObj = document.getElementById('cloumnLeft');
		var rightObj = document.getElementById('cloumnRight');
		if(leftObj != null && leftObj != "undefined" && rightObj != null && rightObj != "undefined"){
			var leftHeight = leftObj.offsetHeight;
			var rightHeight = rightObj.offsetHeight;
			if( leftHeight > rightHeight || rightHeight > currHeight + 550){
				document.getElementById('cloumnRight').style.height = leftHeight + "px";
			}
		}
	}
}
/*show box modify at 2009-3-4*/

/** input text **/
function check_formulation_name(obj){
	if( obj.value == "Personal Vitamins"){
		obj.value = "";
		
	}
	
}
function leaveFormulationName(obj){
	if(obj.value == ""){
		obj.value = "Personal Vitamins";
	}
	textContent = obj.value;
}

/*show pop div*/
function showDiv(fraUrl,dwidth,dheight){
	if(document.getElementById('divId') == null){
		var obj = createDiv(dwidth,dheight);
		obj.id = "divId";
		obj.innerHTML = "<div class='hd' onclick='cls(this)'><a href=\"javascript:closePDiv('botdiv')\">[CLOSE]</a></div><div class='bd'><iframe id='frameDiv' frameborder='0' scrolling='no' height='"+ dheight +"' width='"+ dwidth +"' ></iframe></div>";
		document.getElementById('frameDiv').src = fraUrl;
	}
}

/*show picture*/
function showPicture(objId,dwidth,dheight){
	if(document.getElementById('pictureId') == null){
		var obj = createDiv(dwidth,dheight);
		obj.id = 'pictureId'
		var imgSrc = document.getElementById(objId).src;
		obj.innerHTML = "<div class='hd' onclick='cls(this)'><a href=\"javascript:closePDiv('botdiv')\">[CLOSE]</a></div><div class='bd'><img src='"+ imgSrc +"'/><span id='custom_name' class='custom'>"+ textContent +"</span></div>";
		
	}
}

function createDiv(dwidth,dheight){
	var divWindow = document.createElement('div');
	document.body.appendChild(divWindow);
	var dh = parseInt(dheight) + 35;
	divWindow.style.height = dh + 'px';
	divWindow.style.width = dwidth + 'px';
	divWindow.style.border = "2px solid #ccc";
	divWindow.style.background = "#fff";
	divWindow.style.position = "absolute";
	divWindow.style.zIndex = "100";
	
	var objLeft = parseInt(document.documentElement.scrollLeft+(document.documentElement.clientWidth - dwidth)/2)+'px';
    var relTop=(document.documentElement.clientHeight-dheight)/2 > 0 ? (document.documentElement.clientHeight-dheight)/2:0;
    var objTop;
	if(window.openDatabase){
		objTop = parseInt(document.body.scrollTop+relTop)+'px'
	}else{
		objTop = parseInt(document.documentElement.scrollTop+relTop)+'px';
	}
    divWindow.style.top = objTop;
    divWindow.style.left = objLeft;

	return divWindow;
}

function cls(obj){
	document.body.removeChild(obj.parentNode);
}
function closeDiv(){
	obj = parent.window.document.getElementById('divId');
	parent.window.document.body.removeChild(obj);
}
/* change iframe src**/
function changeSrc(fraSrc){
	parent.window.document.getElementById('frameDiv').src = "popPage/" + fraSrc;
}
/********copy favorite**********/
function copayFavorite(obj){
	var i = 0;
	var faDiv = document.createElement('div');
	var objDiv = obj.parentNode.parentNode.parentNode.parentNode;
	objDiv.parentNode.appendChild(faDiv);
	faDiv.id = 'copyFavorite' + i;
	faDiv.className = "content";
	faDiv.innerHTML= objDiv.innerHTML;
}
function deleteFavorite(obj){
	var objDiv = obj.parentNode.parentNode.parentNode.parentNode;
	objDiv.parentNode.removeChild(objDiv);
}
/************delete row****************/
function deleteRow(obj){
	var tableObj = document.getElementById('orderEdit');
	var currentNum = obj.parentNode.parentNode.rowIndex;

	tableObj.deleteRow(currentNum);
}
function copyRow(obj){
	var tableObj = document.getElementById('orderEdit');
	var rowObj = tableObj.insertRow(tableObj.rows.length);
	rowObj.className = obj.parentNode.parentNode.className;
	var tds = obj.parentNode.parentNode.getElementsByTagName('td');

	for(var i=0; i< tds.length; i++){
		var tdObj = rowObj.insertCell(i);
		tdObj.innerHTML = tds[i].innerHTML;
		tdObj.className = tds[i].className;
	}
	
}


function gotoUrl(obj){
	if(obj.value == '支付宝'){
		document.getElementById('pay_agency').style.display = "";
		document.getElementById('pay_credit').style.display = "none";
		document.getElementById('pay_remit').style.display = "none";

	}
	if(obj.value == '信用卡'){
		document.getElementById('pay_agency').style.display = "none";
		document.getElementById('pay_credit').style.display = "";
		document.getElementById('pay_remit').style.display = "none";
	}
	if(obj.value == '银行汇款'){
		document.getElementById('pay_agency').style.display = "none";
		document.getElementById('pay_credit').style.display = "none";
		document.getElementById('pay_remit').style.display = "";
	}
}
//-- ##################################################################
//-- Contents of this file are copyright 2006 Dell Inc
//-- ##################################################################

var monBlock	= null;
var monImg		= null;
var monIdx		= 0;
var monContainer= null;
var monTimeout	= 7000;
var monEffect	= 2;
var monHref;
var monSrc;
var monCaption;
var playNext = true;
var time1, time2, time3;

function montage( href, src, caption, width, height, animate )
{
	if( monBlock )
	{
		return;
	}
		
	monHref		= href;
	monSrc		= src;
	monCaption	= caption;
	
	// this is the case for browsers that don't support filters...
	var cycle	= Math.floor( Math.random() * href.length );

	// switch off animation if we're not on broadband
	var m_montage	= ( typeof(animate) != "undefined" ? animate : hasBroadband() );				
	if( m_montage == false || src.length <= 1 )
	{
		document.writeln( montagePicker( cycle ) );
		return;
	}
	
	// go build all of the nested DIVs out
	monIdx		= cycle;
	
	var nextImage	= (monIdx + 1) % src.length;

	if( height > 0 ) { document.writeln( "<div id=\"banner\" style=\"width:" + width +"px;height:" + height + "px\">" ); }
	else { document.writeln( "<div id=\"banner\" style=\"width:" + width +"px\">" ); }

	for( i = 0; i < src.length; i++ )
	{
		// set up a placeholder
		document.write( "<div id=\"montage" + i + "\" style=\"display:none\">" );
		
		if( i == nextImage )
		{
			// only prefetch the first image we will display
			document.write( montagePicker( i ) );
		}
		
		document.write( "</div>" );
	}

	document.writeln( "<ul class='btnOperation'>"+
					 "<li class='btnStop'><a href='javascript:void(0)' onclick='stopmon()' hidefocus='true'></a></li>"+
					 "<li class='btnNext'><a href='javascript:void(0)' onclick='playpmon()' hidefocus='true'></a></li>"+
				     "</ul></div>" );

	// pull the images out
	monBlock	= new Array( src.length );
	monImg		= new Array( src.length );

	for( i = 0; i < src.length; i++ )
	{
		monBlock[i]	= document.getElementById( "montage" + i );
		
		if( i == nextImage )
		{
			monImg[i] = document.getElementById( "monimg" + i );
		}
		else
		{
			monImg[i] = null;
		}
	}

	monContainer = document.getElementById("banner");
	
	montageEffects();
}
function playpmon(){
	playNext = true;
	clearTimeout(time1);
	clearTimeout(time2);
	
	montagePrep();
	montageSwap();
}
function stopmon(){
	playNext = false;
	montageSwap();
}
function montageEffects(){
	if(playNext == true){
		var nextImage	= (monIdx + 1) % monImg.length;
		
		// run the transition	
		if( readIEVer() >= 4.0 && monEffect > 0 )
		{
			try
			{
				if( monEffect == 1 )
				{
					monContainer.style.filter = "blendTrans(duration=0.6)";
					monContainer.filters(0).apply();
					montageSelect( nextImage );
					monContainer.filters(0).play();
				}
				else
				{
					monContainer.style.filter = "blendTrans(duration=1.5) revealTrans(duration=1.0,transition=7)";
					monContainer.filters(0).apply();
					monContainer.filters(1).apply();
					montageSelect( nextImage );
					monContainer.filters(0).play();
					monContainer.filters(1).play();
				}
			}
			catch( e ) { montageSelect( nextImage ); }
		}
		else
		{
			montageSelect( nextImage );
		}

		// asked to be called again a little later

		time1 = setTimeout( "montagePrep()", monTimeout - 1500);
		time2 = setTimeout( "montageSwap()", monTimeout );
	}
	
}
//change image
function montageSelect( nextImage )
{
	monBlock[monIdx].style.display = "none";
	monIdx = nextImage;
	monBlock[monIdx].style.display = "block";
}		

function montagePrep()
{
	// prefetch the next image if we don't already have it
	var nextImage	= (monIdx + 1) % monImg.length;
	

	if( !monImg[nextImage] )
	{
		monBlock[nextImage].innerHTML = montagePicker( nextImage );
		monImg[nextImage] = document.getElementById( "monimg" + nextImage );
	}
}

function montageSwap()
{
	if( monImg[monIdx].complete )
	{
		// move the image index along
		montageEffects();
	}
	else
	{
		// check again 3 seconds later
		setTimeout( "montageSwap()", 3000 );
	}
}

function montagePicker( cycle )
{
	var divHtml;

	if( monHref[cycle] != null ) 
	{
		divHtml = "<A href=\"" + monHref[cycle] + "\"><IMG src=\"" + monSrc[cycle] + "\" alt=\"" + monCaption[cycle] + "\" BORDER=\"0\" ID=\"monimg" + cycle + "\"></a>";
	}
	else
	{
		divHtml = "<IMG src=\"" + monSrc[cycle] + "\" ID=\"monimg" + cycle + "\">";
	}
	
	return divHtml;
}

function hasBroadband()
{
	if( readIEVer() < 5.0 )
	{
		return false;
	}
	
	try
	{
		if(navigator.userAgent.indexOf("Firefox")<0){
			document.body.addBehavior ("#default#clientCaps");
	
			return ( typeof(document.body.connectionType) != "undefined" && document.body.connectionType == "lan" );
		}else{
			return true;
		}
	}
	catch( e )
	{
		return false;
	}
}


///////////////////////////////
function readIEVer()
{
	var agent = navigator.userAgent;
	var offset = agent.indexOf( "MSIE" );
	if( offset < 0 )
	{
		if(agent.indexOf("Firefox")<0){
			return 0;
		}else{
			return 6;
		}
	}
	return parseFloat( agent.substring( offset + 5, agent.indexOf( ";", offset ) ) );
}
function readOperaVer()
{
	var agent = navigator.userAgent;
	var offset = agent.indexOf( "Opera" );
	if( offset < 0 )
	{
		return 0;
	}
	return parseFloat( agent.substring( offset + 6 ) );
}

function tabSelect(obj){
	var lis  = obj.parentNode.parentNode.getElementsByTagName('li');
	var content;
	for(var i=0; i<lis.length; i++){
		if(lis[i].className == "selected"){
			lis[i].className = "";
			content = lis[i].id + "_content";
			document.getElementById(content).style.display = "none";
		}
	}
	obj.parentNode.className = "selected";
	content = obj.parentNode.id + "_content";
	document.getElementById(content).style.display = "";
}

function showhide(obj){ 
	var objContent;	
	if(document.all){
		objContent =obj.nextSibling;
	}else{
		objContent = obj.nextSibling.nextSibling;
	}
	if(objContent.style.display == "none"){
		objContent.style.display = "";
		obj.className = "itemHead";
	}else{
		objContent.style.display = "none";
		obj.className = "itemClose";
	}
	var leftObj = document.getElementById('cloumnLeft');
	var rightObj = document.getElementById('cloumnRight');
	if(leftObj != null && leftObj != "undefined" && rightObj != null && rightObj != "undefined"){
		var leftHeight = leftObj.offsetHeight + 20;
		var rightHeight = rightObj.offsetHeight;
		if(rightHeight > currHeight + 300){
			document.getElementById('cloumnRight').style.height = leftHeight + "px";
		}
	}
}


//-- ##################################################################
//-- Add by piglet
//-- ##################################################################

/**select payment type**/
function showPaymentType(objId){
	var obj;
	var array = new Array('payment1','payment2', 'payment3');
	for(var i=0; i<array.length; i++){
		obj = document.getElementById(array[i]);
	
		if(obj == null || obj == "undefinded") return;
		if(array[i] == objId){
			obj.style.display = "";
		}else{
			obj.style.display = "none";
			
		}
	}
}

/**select formula type**/
function showFormulaType(objId){
	var obj;
	var tabbg = document.getElementById('tabHead');
	var array = new Array('formulas1','formulas2', 'formulas3');
	for(var i=0; i<array.length; i++){
		obj = document.getElementById(array[i]);
		if(obj == null || obj == "undefinded") return;
		if(array[i] == objId){
			obj.style.display = "";
			if(tabbg == null || tabbg == "undefinded") return;
			tabbg.style.backgroundImage  = "url(/images/formula_top"+ (i+1) +".gif)";
		}else{
			obj.style.display = "none";
			
		}
	}
}
/**add at 2009-4-22*/
var timeId = null;

function showUl(objId){
	clearInterval(timeId);
	var obj = document.getElementById(objId);
	if(typeof(obj)=="undefined" || obj==null) return;
	obj.style.display = "";
}
function hideUl(objId){
	if(objId != ""){
		timeId = setInterval("hideUla(\""+objId+"\")",1000);
	}
}
function hideUla(objId){
	var obj = document.getElementById(objId);
	if(typeof(obj)=="undefined" || obj==null) return;
	obj.style.display = "none";
	
}
//-- ##################################################################
//-- Add by seymour for landingpage/   for longtailpage/  for Multiconditions.html/
//-- ##################################################################

/**select landingpage formula, longtailpage, Multiconditions, type**/
function showFormulaTypeLandingPage(objId,selectObj){
	var obj;
	//var tabbg = document.getElementById('tabHead_1');
	var array = new Array('formulas1','formulas2', 'formulas3');

	var parentObj = selectObj.parentNode;
	var divs = parentObj.getElementsByTagName('div');
	for(var i=0; i< divs.length; i++){
		if(divs[i].className == "compare_200_select"){
			divs[i].className = "compare_200";
		}
	}
	for(var i=0; i<array.length; i++){
		obj = document.getElementById(array[i]);
		if(obj == null || obj == "undefinded") return;
		if(array[i] == objId){
			obj.style.display = "";
			//if(tabbg == null || tabbg == "undefinded") return;
			//tabbg.style.backgroundImage  = "url(images/formula_top"+ (i+1) +".jpg)";
			selectObj.className = "compare_200_select";
		}else{
			obj.style.display = "none";
		}
	}

}


function getOs(){ 
    var OsObject = ""; 
    if(navigator.userAgent.indexOf("MSIE")>0) { 
         return "MSIE"; 
    } 
    if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
         return "Firefox"; 
    } 
    if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
         return "Safari"; 
    } 
    if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
         return "Camino"; 
    } 
    if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
         return "Gecko"; 
    }  
} 
/**add by wuyh*/

function check_search_name(obj){
  if( obj.value == "input your concern here"){
		obj.value = "";
		
  }
}
function leaveSearchName(obj){
	if(obj.value == ""){
		obj.value = "input your concern here";
	}
	textContent = obj.value;
}
/*************************/

function judgeLen(obj,minLen,maxLen){
	if(minLen>maxLen){
		var tmp = maxLen;
		maxLen = minLen;
		minLen = tmp;
	}
	if(typeof(obj)!="undefined" && typeof(obj.value)!="undefined"){
		var v = obj.value;
		if(""==obj.value){
			alert("Please enter a custom formula name to appear on your bottle in step 6.");
			obj.value="";
			obj.focus();
			return false;
		}
		if(typeof(v.length)!="undefined"){
			var len = v.length;
			if(len<minLen ){
				alert("Input should be between "+minLen+" and "+maxLen+" characters");
				obj.value=obj.value.substring(0,maxLen);
				obj.focus();
				return false;
			}else if(len>maxLen){
				alert("Input should be between "+minLen+" and "+maxLen+" characters");
				obj.value=obj.value.substring(0,maxLen);
				obj.focus();
				return false;
			}
			return true;
		}
	}
	return false;
}


function judgeFormulaName(obj,minLen,maxLen){
	if(obj==null)
		return true;
	var result = judgeLen(obj,minLen,maxLen);
	if(result){
		var patrn=/^([\x20-\x21]|[\x24]|[\x27-\x29]|[\x2b-\x2e]|[\x30-\x3c]|[\x3e]|[\x40-\x7e])+$/; 
		if (!patrn.test(obj.value)){
			alert("Please do not include \" * # % & / = ? . \" in your bottle name.");
			obj.focus();
			result = false;  
		}else{
			result = true;
		}
	}else{
		obj.focus();
		result = false;
	}

	if(result==true){
		if(typeof(obj.style)!="undefined"){
			obj.className="normal";
		}
	}else{
		if(typeof(obj.style)!="undefined"){
			obj.focus();
			obj.className="error";
		}
	}
	return result;
}




/*********scroll*******/
function s(){
	if (!canroll) return;
	if (dir) {
		if((awidth+mData)>=0){
			mData=mData-step;
		}else{
			mData=-step;
		}
	} else {
		if(mData>=0){
			mData=-awidth;
		}else{
			mData+=step;
		}
	}

	obox.style.marginLeft=mData+"px";

	if (isStop) return;

	setTimeout(s,speed);
}


function moveLeft() {
  var wasStop = isStop;
  dir = 1;
  speed = 50;
  isStop=0;
  if (wasStop) {
	setTimeout(s,speed);
  }
}

function moveRight() {
  var wasStop = isStop;
  dir = 0;
  speed = 50;
  isStop=0;
  if (wasStop) {
	setTimeout(s,speed);
  }
}

function scrollStop() {
isStop=1;
}

function clickLeft() {
  var wasStop = isStop;
  dir = 1;
  speed = 25;
  isStop=0;
  if (wasStop) {
	setTimeout(s,speed);
  }
}

function clickRight() {
  var wasStop = isStop;
  dir = 0;
  speed = 25;
  isStop=0;
  if (wasStop) {
	setTimeout(s,speed);
  }
}

function tab(obj){
	objparent = obj.parentNode;
	hs = obj.parentNode.getElementsByTagName("h4");
	for(var i=0; i<hs.length; i++){
		hs[i].className = "";
		document.getElementById(hs[i].id+"Content").style.display = "none";
	}
	obj.className = "selected";
	document.getElementById(obj.id+"Content").style.display = "";
}



/******Vitaganic aka Mitamins*******/
var   increaseFlag;       
var   IntervalID;         
var   interval=60;       
var   divWidth=10;       
var   divHeight=1;         
var   maxWidth=600,maxHeight=62,minWidth=280,minHeight=30;   

function   init(){ 
	increaseFlag=true;   
	document.getElementById('imgBar').src = "images/change2.gif";
	InterValID=setInterval("changeImageSize()",interval);   
}   
function initl(){
	increaseFlag=false;   
	document.getElementById('imgBar').src = "images/change2.gif";
	InterValID=setInterval("changeImageSize()",interval);   
}
var bar=0;
function changeImageSize(){
	var img1 = document.getElementById('imgBar');
	if(increaseFlag){   
	  t=parseInt(img1.style.width)+divWidth;   
	  if(t>=maxWidth){   
		img1.style.width=maxWidth + 'px';   
		img1.style.height=maxHeight + 'px';   
		clearInterval(InterValID);
		setTimeout("initl()",2000);
		increaseFlag=false;  
	  }   
	  else{   
		img1.style.width=t + 'px';   
		img1.style.height=parseInt(img1.style.height)+divHeight + 'px';   
	  }   
	}   
	else{   
		  t=parseInt(img1.style.width)-divWidth;   
		  if(t<=minWidth){   
			img1.style.width=minWidth + 'px';   
			img1.style.height=minHeight +'px';  
			img1.src = "images/change1.gif";
			clearInterval(InterValID);  
		  }   
		  else{   
			img1.style.width=t + 'px';   
			img1.style.height=parseInt(img1.style.height)-divHeight + 'px';   
	  }   
	}   
}   


/*********show hide paragraph*************/
function showhidePar(obj){
	var conObj = document.getElementById(obj.id + "_content");
	if(conObj == null || conObj == "undefinded") return;
	if(conObj.style.display == "none"){
		conObj.style.display = "";
		obj.innerText = "Close";
	}else{
		conObj.style.display = "none";
		obj.innerText = "See More";
	}
}



function tabTitle(obj){
	var tab = obj.parentNode.parentNode;
	var conObj;
	tabs = tab.getElementsByTagName('a');
	for(var i=0; i<tabs.length; i++){
		tabs[i].className = "";
		conObj = tabs[i].parentNode.id+"_con";
		document.getElementById(conObj).style.display = "none";
	}
	obj.className = "select";
	document.getElementById(obj.parentNode.id + "_con").style.display = "";
}