var currHeight = 0;
var textContent = "My 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 == "My Vitamins"){
		obj.value = "";
		
	}
	
}
function leaveFormulationName(obj){
	if(obj.value == ""){
		obj.value = "My 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 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";
	
}

var timeId1 = null;

function showUl1(objId){
	clearInterval(timeId1);
	var obj = document.getElementById(objId);
	if(typeof(obj)=="undefined" || obj==null) return;
	obj.style.display = "";
}
function hideUl1(objId){
	if(objId != ""){
		timeId1 = setInterval("hideUla(\""+objId+"\")",1000);
	}
}
//-- ##################################################################
//-- 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');
	var array = new Array('formulas1','formulas2', 'formulas3');
	var parentObj = document.getElementById(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)";
			document.getElementById(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 = "";
}



/*******glide*******/
var $ = function (id) {
	return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
  create: function() {
	return function() {
	  this.initialize.apply(this, arguments);
	}
  }
}

Object.extend = function(destination, source) {
	for (var property in source) {
		destination[property] = source[property];
	}
	return destination;
}

var TransformView = Class.create();
TransformView.prototype = {

  initialize: function(container, slider, parameter, count, options) {
	if(parameter <= 0 || count <= 0) return;
	var oContainer = $(container), oSlider = $(slider), oThis = this;

	this.Index = 0;
	
	this._timer = null;
	this._slider = oSlider;
	this._parameter = parameter;
	this._count = count || 0;
	this._target = 0;
	
	this.SetOptions(options);
	
	this.Up = !!this.options.Up;
	this.Step = Math.abs(this.options.Step);
	this.Time = Math.abs(this.options.Time);
	this.Auto = !!this.options.Auto;
	this.Pause = Math.abs(this.options.Pause);
	this.onStart = this.options.onStart;
	this.onFinish = this.options.onFinish;
	
	oContainer.style.overflow = "hidden";
	oContainer.style.position = "relative";
	
	oSlider.style.position = "absolute";
	oSlider.style.top = oSlider.style.left = 0;
  },
  

  SetOptions: function(options) {
	this.options = {
		Up:			true,
		Step:		5,
		Time:		10,
		Auto:		false,
		Pause:		2000,
		onStart:	function(){},
		onFinish:	function(){}
	};
	Object.extend(this.options, options || {});
  },
  
  Start: function() {
	if(this.Index < 0){
		this.Index = this._count - 1;
	} else if (this.Index >= this._count){ this.Index = 0; }
	
	this._target = -1 * this._parameter * this.Index;
	this.onStart();
	this.Move();
  },
 
  Move: function() {
	clearTimeout(this._timer);
	var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);
	
	if (iStep != 0) {
		this._slider.style[style] = (iNow + iStep) + "px";
		this._timer = setTimeout(function(){ oThis.Move(); }, this.Time);
	} else {
		this._slider.style[style] = this._target + "px";
		this.onFinish();
		if (this.Auto) { this._timer = setTimeout(function(){ oThis.Index++; oThis.Start(); }, this.Pause); }
	}
  },
 
  GetStep: function(iTarget, iNow) {
	var iStep = (iTarget - iNow) / this.Step;
	if (iStep == 0) return 0;
	if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
	return iStep;
  },
 
  Stop: function(iTarget, iNow) {
	clearTimeout(this._timer);
	this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
  }
};


function trimLeft(str) {
	var rtnStr = "";
	for (var i = 0; i < str.length; i++){
	if (str.charAt(i) != " "){
	rtnStr = str.substr(i);
	break;
	}
	}
	return rtnStr;
}

/*
 * 去除字符串右边的空格
 * @str 待处理字符串
 * @return 去除右边空格的字符串
 */
function trimRight(str) {
	var rtnStr = "";
	for (var i = str.length - 1; i >= 0; i--){
	if (str.charAt(i) != " "){
	rtnStr = str.substring(0, i + 1);
	break;
	}
	}
	return rtnStr;
}

/*
 * 去除字符串左右边的空格
 * @str 待处理字符串
 * @return 去除左右边空格的字符串
 */
function trim(str) {
	str = trimLeft(str);
	str = trimRight(str);
	return str;
}