﻿//This JS function file is utilized by easylife tutorial.php and tutorial_detail.php files.
function edit(obj, id, source) //Edit the subject, abstract and content in tutorial.php and tutorial_detail.php files.
{
	var oTD = document.getElementById(obj.id);
	if(source == "content" || source == "property")
	{
		var oSource_input = document.createElement("textarea");
		oSource_input.cols = "35";
		oSource_input.rows = "10";
		oSource_input.value=oTD.value;
	}
	else
	{
		var oSource_input = document.createElement("input");
		oSource_input.type = "text";
	}
	if(document.all)
	{
		oSource_input.value = oTD.innerText;
	}
	else
	{
		oSource_input.value = oTD.innerHTML;
	}
	oSource_input.onblur = function(){commit(id, source)};
	
	oTD.innerHTML = "";
	oTD.appendChild(oSource_input);
	oSource_input.focus();
		
	function commit(id, source)
	{
		var data = oSource_input.value;
		var url = "edit_code.php";
		request.open("POST", url, true);
		request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		request.onreadystatechange = update_edit;
		request.send("id="+id+"&source="+source+"&data="+data);
	}
	
	function update_edit()
	{
		if(request.readyState == 4)
		{
			if(request.status == 200)
			{
				oTD.innerHTML = request.responseText;
			}
		}
	}
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}

function deleteProduct(id)
{
	if(confirm("Are you sure?"))
	{
		var url = "delete_code.php";
		request.open("POST", url, true);
		request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		request.onreadystatechange = update_deleteProduct;
		request.send("id="+id);
		
		function update_deleteProduct()
		{
			if(request.readyState == 4)
			{
				if(request.status == 200)
				{
					MM_goToURL('parent','products.php');
				}
			}
		}
	}
}

function editCate(obj, id, cateid, source)//Edit the product category in tutorial.php file.
{
	var oSpan = document.getElementById(obj.id);
	var url = "cate_code.php";
	request.open("POST", url, true);
	request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	request.onreadystatechange = function (){selectCate(id, cateid, source)};
	request.send(null);
		
	function selectCate(id, cateid, source)
	{
		if(request.readyState == 4)
		{
			if(request.status == 200)
			{
				var json = eval(request.responseText);
				var oCate = document.createElement("select");
				oCate.options.length = 0;
				for(var i=0; i<json.length; i++)
				{
					if(json[i].id != 0)
					{
						oCate.options[i] = new Option(json[i].name, json[i].id);
						if(cateid == json[i].id)
						{
							oCate.options[i].selected = true;
						}
					}
				}
				oSpan.innerHTML = "";
				oSpan.appendChild(oCate);
				oCate.focus();
				oCate.onblur = function (){commitCate(this, id, source)};
			}
		}
	}
	
	function commitCate(oCate, id, source)
	{
		var data = oCate.options[oCate.selectedIndex].value;
		var name = oCate.options[oCate.selectedIndex].text;
		var url = "edit_code.php";
		request.open("POST", url, true);
		request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		request.onreadystatechange = function(){update_cate(oSpan, id, data, source)};
		request.send("id="+id+"&source="+source+"&data="+data+"&name="+name);
	}
	
	function update_cate(oSpan, id, data, source)
	{
		if(request.readyState == 4)
		{
			if(request.status == 200)
			{
				oSpan.innerHTML = request.responseText;
				oSpan.ondblclick = function(){editCate(oSpan, id, data, source)};
			}
		}
	}
}

function displayForm(id)
{
	var oForm = document.getElementById("frmUpload"+id);
	oForm.style.display = "block";
	var oImg = document.getElementById("img"+id);
	oImg.ondblclick = function (){hideForm(id);}
}

function hideForm(id)
{
	var oForm = document.getElementById("frmUpload"+id);
	oForm.style.display = "none";
	var oImg = document.getElementById("img"+id);
	oImg.ondblclick = function (){displayForm(id);}
}
	
function fileUpload(id)
{
	var oForm = document.getElementById("frmUpload"+id);
	oForm.style.display = "none";
	var oLoader = document.getElementById("loader"+id);
	oLoader.innerHTML = "上傳中.....<img src=\"../images/ajax-loader.gif\">";
}

function stopUpload(id, path, success)
{
	var oImg = document.getElementById("img"+id);
	oImg.src = path;
	var oLoader = document.getElementById("loader"+id);
	if(success == 1)
	{
		oLoader.innerHTML = "";
	}
	else
	{
		oLoader.innerHTML = "上傳失敗！（注意檔名不可為中文）";
	}
}