// JavaScript Document

//==========Function ใส่ตัวหนาในข้อความ==========
var ran;
	bBool=false;
	var copiedtext=""
	var tempstore=""
	
	function initiatecopy() {
	bBool=true;
	}
	
	function copyit(id) {
if (bBool) {
tempstore=copiedtext
document.execCommand("Copy")
copiedtext=window.clipboardData.getData("Text");
if (tempstore!=copiedtext) {
	var st=$(id).value.indexOf(copiedtext);
	var ft=$(id).value.substring(0,st);
	var c=st+copiedtext.length;
	var lt=$(id).value.substring(c);
	$(id).value=ft+"<b>"+copiedtext+"</b>"+lt;
}
bBool=false;
}
}

document.onselectionchange = initiatecopy

/* ---------------------------เพิ่มแถว สำหรับตาราง----------------------*/
function insertRowImageM(tableName,type,name){ //insertRowImageM(ชื่อTable,ลักษณะของ Input เช่น file หรือ text,ชื่อของ Input เช่น productname[])
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	myObj.insertRow(myNumRow-1);
	for (i=0;i<2;i++) myObj.rows[myNumRow-1].insertCell();
	//myObj.rows[myNumRow-1].align  = "center";
	myObj.rows[myNumRow-1].className = "mytable_row1";
	myObj.rows[myNumRow-1].cells[0].innerHTML = "<input name="+name+" type="+type+" id='inputImageTo' size='30' >";
	myObj.rows[myNumRow-1].cells[1].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageM('"+tableName+"',"+(myNumRow-2)+") alt='Delete'>";
	formatTableImageM(tableName);
}

function deleteRowImageM(tableName,myRowDelete) {
	var myObj=document.getElementById(tableName);
	myObj.deleteRow(myRowDelete);
	formatTableImageM(tableName);
}

function formatTableImageM(tableName) {
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	if (myNumRow>2) {
		for(i=0;i<myNumRow-1;i++) {
			myObj.rows[i].cells[1].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageM('"+tableName+"',"+i+") alt='Delete'>";
		}
	} else {
		myObj.rows[0].cells[1].innerHTML = '<img src="../images/minus_disable.gif" width="11" height="11">';
	}
}

/* ---------------------------เพิ่มแถว สำหรับตาราง กรณี มี ชื่อรูปด้วย----------------------*/
function insertRowImageT(tableName,type,name){ //insertRowImageM(ชื่อTable,ลักษณะของ Input เช่น file หรือ text,ชื่อของ Input เช่น productname[])
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	myObj.insertRow(myNumRow-1);
	for (i=0;i<3;i++) myObj.rows[myNumRow-1].insertCell();
	//myObj.rows[myNumRow-1].align  = "center";
	myObj.rows[myNumRow-1].className = "mytable_row1";
	myObj.rows[myNumRow-1].cells[0].innerHTML = "<input name='name[]' type='text' id='name' >";
	myObj.rows[myNumRow-1].cells[1].innerHTML = "<input name="+name+" type="+type+" id='inputImageTo' size='20' >";
	myObj.rows[myNumRow-1].cells[2].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageT('"+tableName+"',"+(myNumRow-2)+") alt='Delete'>";
	formatTableImageT(tableName);
}

function deleteRowImageT(tableName,myRowDelete) {
	var myObj=document.getElementById(tableName);
	myObj.deleteRow(myRowDelete);
	formatTableImageT(tableName);
}

function formatTableImageT(tableName) {
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	if (myNumRow>3) {
		for(i=1;i<myNumRow-1;i++) {
			myObj.rows[i].cells[2].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageT('"+tableName+"',"+i+") alt='Delete'>";
		}
	} else {
		myObj.rows[1].cells[2].innerHTML = '<img src="../images/minus_disable.gif" width="11" height="11">';
	}
}

/* ---------------------------เพิ่มแถว สำหรับตาราง กรณี มี ชื่อรูปด้วย และใส่ Detail ด้วย----------------------*/
function insertRowImageTD(tableName,type,name){ //insertRowImageM(ชื่อTable,ลักษณะของ Input เช่น file หรือ text,ชื่อของ Input เช่น productname[])
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	myObj.insertRow(myNumRow-1);
	for (i=0;i<4;i++) myObj.rows[myNumRow-1].insertCell();
	//myObj.rows[myNumRow-1].align  = "center";
	myObj.rows[myNumRow-1].className = "mytable_row1";
	myObj.rows[myNumRow-1].cells[0].innerHTML = "<input name='name[]' type='text' id='name' >";
	myObj.rows[myNumRow-1].cells[1].innerHTML = "<textarea name='detail[]' id='detail' cols='30' rows='5'></textarea>";
	myObj.rows[myNumRow-1].cells[2].innerHTML = "<input name="+name+" type="+type+" id='inputImageTo' size='20' >";
	myObj.rows[myNumRow-1].cells[3].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageTD('"+tableName+"',"+(myNumRow-2)+") alt='Delete'>";
	formatTableImageTD(tableName);
}

function deleteRowImageTD(tableName,myRowDelete) {
	var myObj=document.getElementById(tableName);
	myObj.deleteRow(myRowDelete);
	formatTableImageTD(tableName);
}

function formatTableImageTD(tableName) {
	var myObj=document.getElementById(tableName);
	var myNumRow = myObj.rows.length;
	var myNumCol = myObj.rows[0].cells.length;
	if (myNumRow>3) {
		for(i=1;i<myNumRow-1;i++) {
			myObj.rows[i].cells[3].innerHTML = "<img src='../images/minus.gif' width='11' height='11' onMouseOver=this.style.cursor='hand' onClick=deleteRowImageTD('"+tableName+"',"+i+") alt='Delete'>";
		}
	} else {
		myObj.rows[1].cells[3].innerHTML = '<img src="../images/minus_disable.gif" width="11" height="11">';
	}
}

//============================================= function สำหรับ mouseover แล้วเปลี่ยนรูป

		function changePicJava(pic1,pic){
		even=pic1.srcElement.id;
		document.getElementById(even).src=pic;
		}

		function resPic(pic1,pic){
		even=pic1.srcElement.id;
		document.getElementById(even).src=pic;
		}
		
		//================Function ตัดรูป ===============
var dragapproved=0;
function DragDrop(){
//	document.onmousedown=dragdrop1;
	document.onmouseup=function(){dragapproved=0}
}

function drag(){
	var eventobj=window.event;
	targetobj=event.srcElement;
	dragapproved=1;
	if (isNaN(parseInt(targetobj.style.left))){targetobj.style.left=0}
	if(isNaN(parseInt(targetobj.style.top))){targetobj.style.top=0}
	targetobj.offsetx=parseInt(targetobj.style.left);
	targetobj.offsety=parseInt(targetobj.style.top);
	targetobj.x=eventobj.clientX;
	targetobj.y=eventobj.clientY;
	document.onmousemove=function(){
		if(dragapproved==1){
			targetobj.style.left=targetobj.offsetx+eventobj.clientX-targetobj.x+"px";
			targetobj.style.top=targetobj.offsety+eventobj.clientY-targetobj.y+"px";
			$('pox').value=targetobj.offsetx+eventobj.clientX-targetobj.x;
			$('poy').value=targetobj.offsety+eventobj.clientY-targetobj.y;
			if ($F('lpic')=='' || $F('tpic')==''){
			$('lpic').value=parseInt($('pic').offsetLeft);
			$('tpic').value=parseInt($('pic').offsetTop);
			}
			return false
		}
	};
}


		function dragdrop1(picW,picH){
			var oDiv = document.getElementById("pic");
			var eventobj1=window.event ;
			var wShow = document.getElementById("wpic");
			var hShow = document.getElementById("hpic");
			var targetobj1 = document.getElementById("imgSlider");
			var bgSlider = document.getElementById("imgBG") ;
			dragapproved=1;
			if (isNaN(parseInt(targetobj1.style.left))){targetobj1.style.left=0}
			if (isNaN(parseInt(targetobj1.style.top))){targetobj1.style.top=0}
			targetobj1.offsetx=parseInt(targetobj1.style.left)
			targetobj1.offsety=parseInt(targetobj1.style.top)
			targetobj1.x=eventobj1.clientX
			targetobj1.y=eventobj1.clientY
			document.onmousemove = function(){
				if (dragapproved==1){
					targetobj1.style.left = targetobj1.offsetx+eventobj1.clientX-targetobj1.x +"px"
					objValue = targetobj1.style.left.indexOf("p")
					objValue2 = targetobj1.style.left.slice(0,objValue)
					wShow.value = Math.round((parseInt(picW) *  objValue2) /  (bgSlider.offsetWidth - targetobj1.offsetWidth));
					hShow.value = Math.round((parseInt(picH) *  objValue2) /  (bgSlider.offsetWidth - targetobj1.offsetWidth));
					if (objValue2 <= 0) {
						targetobj1.style.left = 0 ;
						wShow.value = 0 ;
						hShow.value = 0 ;
					}
					if(objValue2 >= (bgSlider.offsetWidth - targetobj1.offsetWidth )) 	{
						targetobj1.style.left = bgSlider.offsetWidth - targetobj1.offsetWidth ;
						wShow.value = picW ;
						hShow.value = picH ;
					}
					oDiv.style.width = wShow.value +"px" ;
					oDiv.style.height = hShow.value +"px";
					$('lpic').value=parseInt(oDiv.offsetLeft);
					$('tpic').value=parseInt(oDiv.offsetTop);
					return false
				}
			};
		}
		
		//===============function เปลี่ยนสีตัวหนังสือ================
		function changeFontColor(displayid){ //mouseover
			$(displayid).style.color="#0033ff";
		}
		
		function changeFontColorOver(displayid){ //mouseout
			$(displayid).style.color="#000000";
		}

//======================function DragDrop===========================

var lastHover;
function handleHover(dragged, dropon, event, target)  {
    itemid = dragged.getAttribute("itemid");
    if (lastHover == itemid)  {
        return;
    }
    lastHover = itemid;
    AjaxOperation("revert-" + itemid + ".txt", 
            function(req) {checkRevert(req)});
    AjaxHTML("hover-" + itemid + ".html", target);
}

function handleDrop(dragged, dropon, event, target)  {
    lastHover = null;
    itemid = dragged.getAttribute("itemid");
    AjaxHTML("drop-" + itemid + ".html", target);
}
function handleRevert(dragged)  {
    return revertFlag;
}
//=============================================================
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}