﻿// JavaScript Document
//author: 颜林
//createTime: 2010-07-16

// 去掉两边空格
String.prototype.trim=function(){
		return this.replace(/(^\s*)|(\s*$)/g,"");	
	}

// 搜索
function toSearch()
{
	var txtInputvalue = document.getElementById("txtInput").value;
	if(txtInputvalue =="Search help topics"){
		alert("Please Input Your's Question for Search!");
		return false;
	}
	//替换非字母数字下划线为-
	txtInputvalue = txtInputvalue.replace(/\W/g,"-").replace(/\-{2,}/g,"-").replace(/(^\-*)|(\-*$)/g,"").toLowerCase();
	var url = document.getElementById("txtform").action;
	if(txtInputvalue ==""){
		url = url.substring(0,url.length-1);
		return false;
	}else{
		url = url + txtInputvalue;
	}
	document.getElementById("txtform").action= url +"/";
	document.getElementById("txtform").submit();
}
// 控制菜单
function SpanShow(rowcount,currow)
{
	var div = document.getElementById("div_" + currow);
	if(div.style.display=="")
	{
		div.style.display ="none";	
		document.getElementById("img_"+currow).src="/Templates/Site61/Dino/images/R_add.gif";
	}
	else
	{
		div.style.display ="";
		document.getElementById("img_"+currow).src="/Templates/Site61/Dino/images/R_down.gif";
	}
	for(var i =1; i <= rowcount; i++ )
	{
		if(i!=currow)
		{	
			
			if(document.getElementById("div_"+i)!=null && document.getElementById("img_"+i)!=null)
			{
				document.getElementById("div_"+i).style.display="none";
				document.getElementById("img_"+i).src="/Templates/Site61/Dino/images/R_add.gif";	
			}
		}
		continue;
	}

}
function SpanShowNew(rowcount,currow)
{
	var div = document.getElementById("div_" + currow);
	if(div.style.display=="")
	{
		div.style.display ="none";	
		document.getElementById("menu_div_"+currow).className="help_mouse_off";
	}
	else
	{
		div.style.display ="";
		document.getElementById("menu_div_"+currow).className="help_mouse_on";
		for(var i =1; i <= rowcount; i++ )
		{
			if(i!=currow)
			{	
				
				if(document.getElementById("div_"+i)!=null && document.getElementById("menu_div_"+i)!=null)
				{
					document.getElementById("div_"+i).style.display="none";	
					document.getElementById("menu_div_"+i).className="help_mouse_off";
				}
			}
		}
	}
	SpanShowCustomNew(3);
}
function SpanShowCustomNew(currow){
	if(currow==1){
		if(document.getElementById("custom_ul_left1").style.display==""){
			document.getElementById("custom_ul_left1").style.display="none";	
			document.getElementById("custom_left1").className="help_mouse_off";
		}else{
			document.getElementById("custom_ul_left1").style.display="";	
			document.getElementById("custom_left1").className="help_mouse_on";
		}
		document.getElementById("custom_ul_left2").style.display="none";	
		document.getElementById("custom_left2").className="help_mouse_off";
	}else if(currow==2){
		document.getElementById("custom_ul_left1").style.display="none";	
		document.getElementById("custom_left1").className="help_mouse_off";
		if(document.getElementById("custom_ul_left2").style.display==""){
			document.getElementById("custom_ul_left2").style.display="none";	
			document.getElementById("custom_left2").className="help_mouse_off";
		}else{
			document.getElementById("custom_ul_left2").style.display="";	
			document.getElementById("custom_left2").className="help_mouse_on";
		}
	}else{
		document.getElementById("custom_ul_left1").style.display="none";	
		document.getElementById("custom_left1").className="help_mouse_off";
		document.getElementById("custom_ul_left2").style.display="none";	
		document.getElementById("custom_left2").className="help_mouse_off";
	}
	if(currow!=3){
		for(var i =1; i <= parseInt(document.getElementById("ftcount").value); i++ )
		{
			if(document.getElementById("div_"+i)!=null && document.getElementById("menu_div_"+i)!=null){
				document.getElementById("div_"+i).style.display="none";	
				document.getElementById("menu_div_"+i).className="help_mouse_off";
			}
		}
	}
}

// 控制菜单滑动显示
function toShow(cactory)
{
	var div = document.getElementById("divShow");
	var imgs = div.getElementsByTagName("img");	
	// 如果是IE
	if(window.ActiveXObject)
	{
		var spans = div.getElementsByTagName("span");
		var id = cactory.title;
		// 得到所有的小类span
		//var spans = document.getElementsByName("span");
		// 得到大类
		//var lis = document.getElementsByTagName("li");
		var lis = div.getElementsByTagName("li");
		for(i = 0; i<spans.length;i++)
		{
			if(spans[i].name=="span")
			{
				if(spans[i].id==id)
				{
					// 显示该span
				if(spans[i].style.display =="")
				{
					spans[i].style.display ="none";	
				}
				else
				{
					spans[i].style.display ="";	
				}
				for(m=0 ;m<imgs.length;m++)
				{
					if(imgs[m].title == cactory.title)
					{
						if(spans[i].style.display=="block")
						{
							cactory.src="/Templates/Site61/Dino/images/R_down.gif";	
						}else{
							cactory.src="/Templates/Site61/Dino/images/R_add.gif";	
						}
					}else{
						imgs[m].src ="/Templates/Site61/Dino/images/R_add.gif";		
					}
				}
					// 循环所有的大类,根据条件添加样式
					for(j =0 ;j<lis.length;j++)
					{
						if(lis[j].title == id)
						{
							lis[j].id="help_mouse_on";
						}
						else
						{
							lis[j].id="";	
						}
					}
				}
				else
				{
					spans[i].style.display ="none";		
				}
			}
		}		
	} // 如果是FIREFOX
	else if (document.getBoxObjectFor)
	{
		var id = cactory.title;
		// 得到所有的小类span
		var spans = document.getElementsByName("span");
		// 得到大类
		var lis = document.getElementsByTagName("li");
		for(i = 0; i<spans.length;i++)
		{
			if(spans[i].id==id)
			{
				// 显示该span
				if(spans[i].style.display =="")
				{
					spans[i].style.display ="none";	
				}
				else
				{
					spans[i].style.display ="";	
				}
				for(m=0 ;m<imgs.length;m++)
				{
					if(imgs[m].title == cactory.title)
					{
						if(spans[i].style.display=="")
						{
							cactory.src="/Templates/Site61/Dino/images/R_down.gif";	
						}else{
							cactory.src="/Templates/Site61/Dino/images/R_add.gif";	
						}
					}else{
						imgs[m].src ="/Templates/Site61/Dino/images/R_add.gif";		
					}
				}
				
				// 循环所有的大类,根据条件添加样式
				for(j =0 ;j<lis.length;j++)
				{
					if(lis[j].title == id)
					{
						lis[j].id="help_mouse_on";
					}
					else
					{
						lis[j].id="";	
					}
				}
			}
			else
			{
				spans[i].style.display ="none";		
			}
		}	
	}
	
}

// 获得焦点清除或显示文本输入框内容

function toClear(input,type)
{
	if(type==1)
	{
		if(input.value =="Search help topics")
		{
			input.value="";	
			input.style.color="black";
		}
		else if(input.value !="Search help topics")
		{
			input.style.color="black";	
		}
		else
		{
			input.style.color="#cccccc";
		}
	}
	else if(type ==2)
	{
		if(input.value =="")
		{
			input.value="Search help topics";
			input.style.color="#cccccc";
		}
		else
		{
			input.value = input.value;
			input.style.color="black";
		}
	}
}

function toChange(input)
{
	if(input.value!="Search help topics" && input.value!="")
	{
		input.style.color="black";	
	}else
	{
		input.style.color="#cccccc";	
	}
}

var w3c=(document.getElementById)? true: false;
var agt=navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
function GetScrollTop(){
 return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
var userAgent =navigator.userAgent.toLowerCase();
var isIE=1;
if(userAgent.indexOf("msie")>0)
{
	browser="IE";
	isIE=1;	
}
else
{
	isIE =2;	
}
//弹出CLICK  TO CALL
function toShowClick()
{
	document.getElementById("tdInput").style.width="61%";
	document.getElementById("tdSpan").style.width="39%";
	if(document.getElementById("ClickSubmit")!=null)
	{
		document.getElementById("ClickSubmit").disabled="";	
	}
	if(document.getElementById("divError")!=null)
	{
		document.getElementById("divError").style.display="none";
	}
	if(document.getElementById("divInput")!=null)
	{
		document.getElementById("divInput").style.display="block";
	}
	if(document.getElementById("divClick")!=null)
	{
		document.getElementById("divClick").style.display="block";
	}
	if(document.getElementById("divSuccess")!=null)
	{
		document.getElementById("divSuccess").style.display="none";
	}
	if(document.getElementById("spanName")!=null)
	{
		document.getElementById("spanName").style.display="none";
	}
	if(document.getElementById("spanPhone")!=null)
	{
		document.getElementById("spanPhone").style.display="none";
	}
	if(document.getElementById("spanPhoneError")!=null)
	{
		document.getElementById("spanPhoneError").style.display="none";
	}
	if(document.getElementById("txtName")!=null)
	{
		document.getElementById("txtName").value="";
	}
	if(document.getElementById("txtPhone")!=null)
	{
		document.getElementById("txtPhone").value="";
	}
	if(document.getElementById("txtFocus")!=null)
	{
		document.getElementById("txtFocus").value="";
	}
	if(document.getElementById("select")!=null)
	{
		document.getElementById("select").value=1;
	}
	if(document.getElementById("spanCountry")!=null)
	{
		document.getElementById("spanCountry").style.display="none";
	}
	if(document.getElementById("spanphoneNameLoad")!=null)
	{
		document.getElementById("spanphoneNameLoad").style.display="";
	}
	if(document.getElementById("spanphoneName")!=null)
	{
		document.getElementById("spanphoneName").style.display="none";
	}
	if(document.getElementById("selectCountry")!=null)
	{
		document.getElementById("selectCountry").value="";
	}
	if(document.getElementById("txtCountryCode")!=null)
	{
		document.getElementById("txtCountryCode").value="";
	}
	if(document.getElementById("txtAreaCode")!=null)
	{
		document.getElementById("txtAreaCode").value="";
		document.getElementById("txtAreaCode").style.display="";
	}
	var height = document.documentElement.scrollHeight;
	var width = document.body.scrollWidth;
	if(document.getElementById("iframeTopHide")!=null)
	{
		if(document.getElementById("iframeTopHide").className == "iframeTopHide")
		{
			document.getElementById("iframeTopHide").height= height;
			document.getElementById("iframeTopHide").width = 1440+"px";
		}
		else 
		{
			document.getElementById("iframeTopHide").style.height= height;
			document.getElementById("iframeTopHide").style.width =1440;
		}
		document.getElementById("iframeTopHide").style.display="block";
	}
	if(document.getElementById("divClick")!=null)
	{
		if(isIE==1)
		{
			document.getElementById("divClick").style.top = GetScrollTop()+240;
			document.getElementById("divError").style.top = GetScrollTop()+240;
		}
		else
		{
			document.getElementById("divClick").style.top =	(GetScrollTop()+240)+"px";
			document.getElementById("divError").style.top =	(GetScrollTop()+240)+"px";
		}
		toHide();
		if(document.getElementById("divCurtain")!=null)
		{
			document.getElementById("divCurtain").style.marginTop=0;	
		}
		document.getElementById("divClick").style.display ="block";
	}
}

//验证电话号码

function validatePhone_new(phoneNumber)
{
	var usph = /^\d{5,20}$/;
	return usph.test(phoneNumber);
}

function toHide()
{
	var selecttype = document.getElementsByTagName("select");
	var slen = selecttype.length;
	if(slen >0)
	{
		for(i=0;i<slen;i++)
		{
			if(selecttype[i].id!="select" && selecttype[i].id!="selectCountry")
			{
				selecttype[i].style.display="none";	
			}
		}
	}
}
function toShowSelect()
{
	var selecttype = document.getElementsByTagName("select");
	var slen = selecttype.length;
	if(slen >0)
	{
		for(i=0;i<slen;i++)
		{
			selecttype[i].style.display="block";	
		}
	}
}


	var xmlHttp = null;
	var CurURL = document.URL;
	// Get User's IP
	//CreateXML
	function createXmlHttp(url)
	{
		if(window.XMLHttpRequest)
		{
			xmlHttp = new XMLHttpRequest();	
		}
		else if(window.ActiveXObject)
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");		
		}
		if(xmlHttp!=null)
		{
			xmlHttp.onreadystatechange = stateChange;
			xmlHttp.open("GET",url,true);
			xmlHttp.send(null);
		}
	}
	
	function stateChange()
	{
		if(xmlHttp.readyState==4)
		{
			if(xmlHttp.status == 200)
			{
				if(trim(xmlHttp.responseText)=="true")
				{
					document.getElementById("divInput").style.display="none";
					document.getElementById("divSuccess").style.display="block";
					document.getElementById("divClick").style.display="block";
					document.getElementById("divError").style.display="none";
				}
				else if(trim(xmlHttp.responseText)=="false")
				{
					document.getElementById("divInput").style.display="none";
					document.getElementById("divSuccess").style.display="none";
					document.getElementById("divError").style.display="block";
					document.getElementById("divClick").style.display="none";
				}
				else
				{
					document.getElementById("divInput").style.display="none";
					document.getElementById("divSuccess").style.display="none";
					document.getElementById("divError").style.display="block";
					document.getElementById("divClick").style.display="none";
				}
			}
			else
			{
				document.getElementById("divInput").style.display="none";
				document.getElementById("divSuccess").style.display="none";
				document.getElementById("divError").style.display="block";
				document.getElementById("divClick").style.display="none";
			}
		}
	}
	
	function toClose()
	{
		toShowSelect();
		document.getElementById("iframeTopHide").style.display="none";
		document.getElementById("divClick").style.display ="none";
		document.getElementById("divError").style.display ="none";
	}
	
	function toSubmit()
	{
		var isPhoneWrong = /^\d{1,}$/;
		var isSubmit = false;
		var isName = false;
		var coun = true;
		var countryC = true;
		var phoneNew ="";
		var fullName = document.getElementById("txtName");
		var userPhone = document.getElementById("txtPhone");
		var time = document.getElementById("select");
		var userfocus = document.getElementById("txtFocus");
		var country = document.getElementById("selectCountry");
		var countryCode = document.getElementById("txtCountryCode");
		var areaCode = document.getElementById("txtAreaCode");
		if(trim(country.value) =="")
		{
			document.getElementById("spanCountry").style.display="";
			coun = false;
		}
		else
		{
			document.getElementById("spanCountry").style.display="none";
			coun = true;	
		}
		if(trim(countryCode.value)=="")
		{
			document.getElementById("spanphoneNameLoad").style.display="none";
			document.getElementById("spanphoneName").style.display="";
			document.getElementById("txtCountryCode").focus();
			countryC = false;	
		}
		if(fullName != null)
		{
			if(trim(fullName.value) == "")
			{
				document.getElementById("spanName").style.display ="block";	
				document.getElementById("txtName").focus();
				isName= false;
			}
			else{
				document.getElementById("spanName").style.display ="none";	
				isName = true;
			}
		}
		if(userPhone!=null)
		{
			if(trim(userPhone.value) == "")
			{
				document.getElementById("spanphoneName").style.display ="block";
				document.getElementById("spanphoneNameLoad").style.display="none";
				document.getElementById("spanareaCode").style.display="none";
				document.getElementById("txtPhone").focus();
				isSubmit= false;	
			}
			else if(!isPhoneWrong.test(trim(userPhone.value)))
			{
				document.getElementById("spanphoneName").style.display ="none";
				document.getElementById("spanphoneNameLoad").style.display="none";
				document.getElementById("spanphoneNumberError").style.display="";
				document.getElementById("spanareaCode").style.display="none";
				document.getElementById("txtPhone").focus();
				isSubmit= false;	
			}
			else
			{
				document.getElementById("spanphoneName").style.display ="none";
				document.getElementById("spanphoneNameLoad").style.display="none";
				document.getElementById("spanphoneNumberError").style.display="none";
				document.getElementById("spanareaCode").style.display="none";	
				isSubmit= true;
			}
			
		}
		if(isSubmit==true && isName==true && coun==true &&countryC==true && checkAreaCode()==true)
		{
			document.getElementById("ClickSubmit").disabled="disabled";	
			phoneNew=trim(countryCode.value)+"|"+trim(areaCode.value)+"|"+trim(userPhone.value);
			var url = jsMainSiteUrl+"Templates/Site61/Dino/ClickWebService.cfm?curUrl="+escape(CurURL)+"&fullName="+escape(fullName.value)+"&phone="+escape(phoneNew)+"&time="+escape(time.value)+"&focus="+escape(userfocus.value)+"&country="+escape(country.options[country.selectedIndex].id);
			createXmlHttp(url);
		}
		
	}
	
	function toClickhear()
	{
		document.getElementById("divError").style.display="none";
		document.getElementById("divInput").style.display="block";
		document.getElementById("divSuccess").style.display="none";
		document.getElementById("divClick").style.display ="block";
		document.getElementById("spanphoneNameLoad").style.display ="block";
		document.getElementById("ClickSubmit").disabled="";
	}
	// 当切换国家时
	function onChange()
	{
		if(trim(document.getElementById("selectCountry").value)=="United States")	
		{
			document.getElementById("txtAreaCode").style.display="";
			document.getElementById("phoneStyle").innerHTML="(123-456-7890)";
			document.getElementById("txtPhone").maxLength=12;
			document.getElementById("tdInput").style.width="61%";
			document.getElementById("tdSpan").style.width="39%";
		}
		else
		{
			document.getElementById("txtAreaCode").style.display="none";
			document.getElementById("phoneStyle").innerHTML="(123456)";
			document.getElementById("txtPhone").maxLength=20;
			document.getElementById("tdInput").style.width="49%";
			document.getElementById("tdSpan").style.width="51%";
		}
	}
	function checkAreaCode()
	{
		var isNumber = /^\d{1,5}$/;
		var isAreaCode = true;
		var areaCode = document.getElementById("txtAreaCode");
		if(areaCode.style.display=="")
		{
			if(!isNumber.test(areaCode.value))	
			{
				document.getElementById("spanareaCode").style.display="";
				document.getElementById("spanphoneNameLoad").style.display ="none";
				document.getElementById("spanphoneName").style.display="none";
				document.getElementById("spanphoneNumberError").style.display="none";
				isAreaCode = false;
				
			}
			else
			{
				document.getElementById("spanareaCode").style.display="none";
				isAreaCode = true;
			}
		}
		return isAreaCode;
	}
