function lightHeight(){
	var oInput = document.getElementsByTagName("input");
	for (var i in oInput){
		oInput[i].onfocus=function(){
			this.style.border="1px solid #A3C1F5";
		}
		oInput[i].onblur=function(){
			this.style.border="1px solid #ccc";
		}
	}
	try {
		var oTextarea = document.getElementsByTagName("textarea");
		for (var i in oTextarea){
			oTextarea[i].onfocus=function(){
				this.style.border="1px solid #A3C1F5";
			}
			oTextarea[i].onblur=function(){
				this.style.border="1px solid #ccc";
			}
		}
	}catch(e){

	}
}

function getOther(ele,evt){

	//	var oName = document.getElementsByName('accessory_id');

	var oEvt = evt||event;
	var oOther = document.getElementById('content');
	if(ele.checked==true){
		oOther.style.visibility='visible';
	}else{
		oOther.style.visibility='hidden';
		oOther.value='';
	}

	//alert(oEvt.clientX);
}

function fomat(ele, event)
{
	var v = ele.value;

	for (var i = 1; i <= v.length; i++)
	{
		v = v.replace("-", "");
	}

	var a = v.substring(0, 3);
	var b = v.substring(3, 6);
	var c = v.substring(6, 10);
	//ele.value=str;

	if (v.length <= 3)
	{
		ele.value = a;
	}
	else if (v.length > 3 && v.length <= 6)
	{
		ele.value = a + "-" + b;
	}
	else if (v.length > 6)
	{
		ele.value = a + "-" + b + "-" + c;
	}
}

function showHide(){
	var oDiv = document.getElementById("case_detail");
	var oImg = document.getElementById("img");

	if(oDiv.style.display=="none"){
		oDiv.style.display="block";
		oImg.src="images/hide.jpg";

	}else{
		oDiv.style.display="none";
		oImg.src="images/show.jpg";
	}
}

function showCaseList(ele,table){
	var oTable1 = document.getElementById("processing");
	var oTable2 = document.getElementById("under");

	if(table==1){
		if(oTable1.style.display=='block'){
			return false;
		}else{
			oTable2.style.display='none';
			oTable1.style.display='block';
			try{
				var oNav1 = document.getElementById('pro-nav');
				oNav1.style.display="block";
			}catch(e){}
			try{
				var oNav2 = document.getElementById('under-nav');
				oNav2.style.display='none';
			}catch(e){}
			ele.className="tag-01";
			var oU = document.getElementById("u");
			oU.className="tag-02"
		}
	}else{
		if(oTable2.style.display=='block'){
			return false;
		}else{
			oTable1.style.display='none';
			oTable2.style.display="block";
			try{
				var oNav1 = document.getElementById('pro-nav');
				oNav1.style.display="none";
			}catch(e){}
			try{
				var oNav2 = document.getElementById('under-nav');
				oNav2.style.display='block';
			}catch(e){}
			ele.className="tag-01";
			var oP = document.getElementById("p");
			oP.className="tag-02"
		}
	}


}

window.onload = function()
{
	try
	{
		var oUsername = document.getElementById("username");
		oUsername.focus();
	}
	catch (e){}
}

function showMap(url){
	var oMap = document.getElementById("map");
	oMap.parentNode.style.display="block";
	oMap.parentNode.style.position="absolute";
	oMap.parentNode.style.top="100px";
	oMap.parentNode.style.left="170px";


	oMap.src=url;
}

function hideMap(ele){
	ele.style.display="none";
}
function showBelow(ele){
	var oId = ele.value;
	try{
		var oHidden = document.getElementById("hidden_html-"+oId);

		if(ele.checked==false){
			oHidden.style.display='none';
			oHidden.value='';
		}else{
			oHidden.style.display="block"
		}
	}catch(e){}
}

function showOtherBrandText(ele){
	var oOther = document.getElementById("otherBrand");
	if(ele.value=='OTHER'){
		oOther.style.display="block";
		oOther.value='';
		oOther.focus();
	}else{
		oOther.style.display='none';
		oOther.value='';
	}
}

function password_focus(evt){

	var oEvt = evt||window.event;
	var oPassword = document.getElementById("password");
	if(oEvt.keyCode==9){

		oPassword.focus();

	}
	return;

}

var xmlHttp;
function createXHR()
{
	if (window.XMLHttpRequest)
	{
		xmlHttp = new XMLHttpRequest;
	}
	else if (window.ActiveXObject)
	{
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
	}

	if (!xmlHttp)
	{
		alert("Your explore is not support XMLHTTP object!");
		return false;
	}
}

function changePassword(){
	var oDiv = document.createElement('div');
	var oBody = document.getElementsByTagName('body')[0];
	oDiv.style.position="absolute";
	oDiv.style.width="400px";
	oDiv.style.height = "200px";
	oDiv.style.background="#f1f1f1";
	oDiv.style.border="1px solid #ccc";
	var screen_width =screen.availWidth;
	var screen_height = screen.availHeight-200;
	oDiv.style.left=(parseInt(screen_width) - parseInt(oDiv.style.width))/2+'px';
	oDiv.style.top = (parseInt(screen_height) - parseInt(oDiv.style.height))/2+'px';
	oBody.appendChild(oDiv);
	oDiv.innerHTML = '<table id="table_text" border="0" cellpadding="0" cellspacing="0" width="100%" style="padding:10px;"><tr><td colspan="2" heigth="50" class="a-12-0-b" align="center">Change Password</td></tr><tr><td height="30" class="a-12-0-b" align="right" style="padding-right:5px;">New Password</td><td><input type="password" id="pw"></td></tr><tr><td height="30" class="a-12-0-b" align="right" style="padding-right:5px;">RE-password</td><td><input type="password" id="pw2"></td></tr><tr><td align="center" height="30" colspan="2"><input type="button" onclick="changepw()" value="Submit" >&nbsp;&nbsp;<input type="button" value="Cancel" onclick="hideDiv(this)"></td></tr></table>'
	
}

function changepw(){
    var oPw = document.getElementById("pw");
    var oPw2 = document.getElementById("pw2");
    if(oPw.value==''||oPw2.value==''){
    	alert('Please fill the password');
    	return false;
    }
    if(oPw.value!=oPw2.value){
    	alert('Password not match!');
    	return false;
    }
    createXHR();
    var url =  'change_password.php';
    xmlHttp.open('POST',url,true);
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.onreadystatechange = function (){
    	
    	if(xmlHttp.readyState==4&&xmlHttp.status==200&&xmlHttp.responseText.indexOf('success')>-1){
    		alert('Password Change successful.');
    	}
    }
    var data = 'pw='+oPw.value+'&pw2='+oPw2.value;
    xmlHttp.send(data);
    
}

function hideDiv(ele){
	var oTable = document.getElementById("table_text");
	oTable.parentNode.parentNode.removeChild(oTable.parentNode);
//	ele.parentNode.parentNode.parentNode.parentNode.
}