var callFlag = "N"; 
var imgType = "floating"; 
var f_interval = null; 
var f_urlParam = ""; 
var f_urlParamTemp = ""; 
var f_urlParamDifferentFlag = false; 

var f_hostname = window.location.href; 
var f_pathname =""; 
var f_search = window.location.search; 
var f_referrer = document.referrer; 
var f_appVersion = navigator.appVersion; 
	f_appVersion = f_appVersion.replace("(","_");		//  ( 
	f_appVersion = f_appVersion.replace(")","_");		//	) 
	f_appVersion = f_appVersion.replace("; ","_");		//	; 
var f_appName = navigator.appName; 

if(f_appVersion == ""){	f_appVersion = "NODATA";	} 
if(f_appName == ""){	f_appName = "NODATA";	} 
if(f_referrer == ""){	f_referrer = "NODATA";	} 
if(f_pathname == ""){	f_pathname = "NODATA";	} 
if(f_hostname == ""){	f_hostname = "NODATA";	} 
if(f_search == ""){	f_search = "NODATA";	} 

f_urlParamTemp= "&hostname="+f_hostname+"&pathname="+f_pathname+"&search="+f_search+"&referrer="+f_referrer+"&appVersion="+f_appVersion+"&appName="+f_appName; 

if(f_urlParam != f_urlParamTemp){ 
	f_urlParamDifferentFlag = true; 
	f_urlParam = f_urlParamTemp; 
}else { 
	f_urlParamDifferentFlag = false; 
} 

var changeFlag = "N"; 
var moveObjName = "moveinbound";   //ibokpage    ibnopage 
if(imgType == "static"){ 
	moveObjName = "staticinbound"; 
}	 

document.writeln('<div id="staticinbound" style="z-index:20000;position:absolute;visibility:hidden;" >'); 
document.writeln('<img src="http://www.liveweb.co.kr/lwpchat/GetImage?szMethodName=GetOnOffImage&site_id=star1004&site_index=322&group=system&agentid="  id="onoffimg" name="onoffimg" border=0 style="position:relative;cursor:hand" onmouseup="callInboundImgChat();">'); 
document.writeln('</div>'); 

document.writeln('<div id="moveinbound" onmousedown="drags();" onmouseup="initdragapproved();" style="z-index:20000;position:absolute;visibility:hidden;left:1400;top:1400" ><table border="0" cellspacing="0" cellpadding="0"><tr><td>'); 
document.writeln('<img src="http://www.liveweb.co.kr/lwpchat/GetImage?szMethodName=GetOnOffImage&site_id=star1004&site_index=322&group=system&agentid="  id="moveimg" name="moveimg" class="drag_liveweb" border=0  style="position:relative;cursor:hand"    >'); 
document.writeln('</td></tr></table><DIV id=result style=color:red;visibility:visible ></DIV></div>'); 

document.writeln('<div id="ibokpage" onmousedown="drags();" onmouseup="initdragapproved();" style="z-index:20000;position:absolute;visibility:hidden;left:1400;top:1400" >'); 
document.writeln('<form name=form1 onSubmit="return false" >'); 
 document.writeln('<table width=204 height=236 border=0 cellpadding=0 cellspacing=0 id="tb_id">');  document.writeln('<tr><td colspan=4 height=38 width=204 background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_01.gif" class=drag_liveweb style="cursor:move;padding-right:8px" align=right ><img src="http://www.liveweb.co.kr/lwpchat/images/closebut_on.gif" border=0 alt="hidden" style="cursor:default" onclick="f_hidden_all()"></td></tr>');  document.writeln('<tr><td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_02.gif" width=8 height=163 ></td>');  document.writeln('<td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_03.gif" width=164 height=163></td>');  document.writeln('<td colspan=2><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_04.gif" width=32 height=163 ></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_05.gif" width=204 height=4 ></td></tr>');  document.writeln('<tr><td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_06.gif" width=8 height=25 ></td>');  document.writeln('<td width=164 height=25 background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_07.gif" valign=middle align=center><input name=inboundmsg id=inboundmsg type=text onKeyPress="javascript:f_keyP(event, 1)" style="width:95%; height:22px; border:1px solid #dbdbdb; font-family:돋움;font_size:9pt;" class=text></td>');  document.writeln('<td> <a href="javascript:callInboundChat()"><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_08.gif" width=25 height=25 border=0 alt="go"></a></td>');  document.writeln('<td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_09.gif" width=7 height=25></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_10.gif" width=204 height=6 ></td></tr>');  document.writeln('</table>');  
document.writeln('</form>'); 
document.writeln('</div>'); 

document.writeln('<div id="ibnopage" onmousedown="drags();" onmouseup="initdragapproved();" style="z-index:20000;position:absolute;visibility:hidden;left:1400;top:1400" >'); 
document.writeln('<form name=form1 onSubmit="return false" >'); 
 document.writeln('<table width=204 height=236 border=0 cellpadding=0 cellspacing=0>');  document.writeln('<tr><td colspan=4 width=204 height=38 class=drag_liveweb background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_01.gif" style="cursor:move;padding-right:8px" align=right><img src="http://www.liveweb.co.kr/lwpchat/images/closebut_on.gif" border=0 alt="hidden" style="cursor:default" onclick="f_hidden_all()"></td></tr>');  document.writeln('<tr><td width=8><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_02.gif" width=8 height=111 ></td>');  document.writeln('<td colspan=2><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_03.gif" width=189 height=111 ></td>');  document.writeln('<td width=7><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_04.gif" width=7 height=111 ></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_05.gif" width=204 height=3 ></td></tr>');  document.writeln('<tr><td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_06.gif" width=8 height=24></td>');  document.writeln('<td colspan=2 height=24 background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_07.gif" valign=middle>');  document.writeln('<img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/name.gif" align=absmiddle>');  document.writeln('<input type=text name=cusname id=cusname size=13 style="font-family:돋움;font_size:9pt;" class=text></td>');  document.writeln('<td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_08.gif" width=7 height=24></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_09.gif" width=204 height=3></td></tr>');  document.writeln('<tr><td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_10.gif" width=8 height=23></td>');  document.writeln('<td width=178 height=23 background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_11.gif"  colspan=2>');  document.writeln('<img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/phone.gif" align=absmiddle>');  document.writeln('<input type=text name=p1 id=p1 size=2 maxlength=3 style="font-family:돋움;font_size:9pt;" class=text>-');  document.writeln('<input type=text name=p2 id=p2 size=3 maxlength=4 style="font-family:돋움;font_size:9pt;" class=text>-');  document.writeln('<input type=text name=p3 id=p3 size=3 maxlength=4 style="font-family:돋움;font_size:9pt;" class=text></td>');  document.writeln('<td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_12.gif" width=7 height=23></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_13.gif" width=204 height=3></td></tr>');  document.writeln('<tr><td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_14.gif" width=8 height=25></td>');  document.writeln('<td width=164 height=25 background="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_15.gif" align=center>');  document.writeln('<input name=durcontent id=durcontent type=text size=24 style="width:94%;height:15px;font-family:돋움;font-size:9pt;" onKeyPress="javascript:f_keyP(event, 2)" class=text></td>');  document.writeln('<td width=25><a href="javascript:callInboundNoChat();"><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_16.gif" width=25 height=25 border=0></a></td>');  document.writeln('<td><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_17.gif" width=7 height=25></td></tr>');  document.writeln('<tr><td colspan=4><img src="http://www.liveweb.co.kr/lwpchat/images/iblayer/chat_box_off_18.gif" width=204 height=6></td></tr>');  document.writeln('</table>');  
document.writeln('</form>'); 
document.writeln('</div>');	 

function f_changefImage(){ 

	if(callFlag=="Y"){ 
		window.clearInterval("f_interval" ); 
		return; 
	} 

	var getimg1 = new Image; 
	getimg1 = document.getElementById("moveimg"); 
	getimg1.src = "http://www.liveweb.co.kr/lwpchat/GetImage?szMethodName=GetOnOffImage&site_id=star1004&site_index=322&group=system&agentid=&count="+f_count; 
	f_count++; 

	if(getimg1.width == 3 ){		//ibokpage 
		if(moveObjName != "ibokpage"){ 
			changeFlag = "Y"; 
		} 
		moveObjName = "ibokpage"; 
		document.getElementById("moveinbound").style.visibility = "hidden"; 
		document.getElementById("staticinbound").style.visibility = "hidden";	 

		document.getElementById("ibokpage").style.visibility = "visible"; 
		document.getElementById("ibnopage").style.visibility = "hidden"; 

	}else if(getimg1.width == 4 ){		//ibnopage 
		if(moveObjName != "ibnopage"){ 
			changeFlag = "Y"; 
		} 
		moveObjName = "ibnopage"; 
		document.getElementById("moveinbound").style.visibility = "hidden"; 
		document.getElementById("staticinbound").style.visibility = "hidden"; 

		document.getElementById("ibokpage").style.visibility = "hidden"; 
		document.getElementById("ibnopage").style.visibility = "visible"; 

	}else{ 
		if(moveObjName != "moveinbound"){ 
			changeFlag = "Y"; 
		} 

//		moveObjName = "moveinbound"; 
		if(imgType == "static"){ 
			moveObjName = "staticinbound"; 
		}else{ 
			moveObjName = "moveinbound"; 
		} 
		document.getElementById("moveinbound").style.visibility = "hidden"; 
		document.getElementById("staticinbound").style.visibility = "hidden";		 

		document.getElementById(moveObjName).style.visibility = "visible"; 

		document.getElementById("ibokpage").style.visibility = "hidden";	 
		document.getElementById("ibnopage").style.visibility = "hidden";	 
	} 

	if(changeFlag == "Y"){ 
		changeFlag = "N" 
		if(imgType != "static"){ 
			setLocation(moveObjName); 
		} 
	} 
	if(imgType != "static"){ 
		locReset(); 
	} 
	getimg1 = null; 
} 

function f_hidden_all(){ 
	document.getElementById("moveinbound").style.visibility = "hidden"; 
	document.getElementById("staticinbound").style.visibility = "hidden"; 
	document.getElementById("ibokpage").style.visibility = "hidden"; 
	document.getElementById("ibnopage").style.visibility = "hidden"; 
  callFlag = "Y"; 
}		

//var ibOKimgtype = "<%IBOKIMGTYPE%>"; 
//var ibNOimgtype = "<%IBNOIMGTYPE%>"; 
var ibfloctype = "02";		 

var f_count = 0; 
var dragapproved=false; 
var dragapproved2=false; 
var callMsg = ""; 

var x,y; 

var temp11=document.getElementById(moveObjName).style.pixelLeft; 
var temp22=document.getElementById(moveObjName).style.pixelTop;	 
var magineLeft = temp11 - document.body.scrollLeft;	 
var magineTop = temp22 - document.body.scrollTop;	 

function f_move(){ 
	var objImgLoc = document.getElementById(moveObjName); 

	if (event.button==1&&dragapproved){ 
		if(event.clientX>0 ){ 
			objImgLoc.style.left = temp11 + event.clientX - x + 1; 
			if(objImgLoc.style.pixelLeft - document.body.scrollLeft < 0){ 
				objImgLoc.style.left = document.body.scrollLeft; 
			}			 
		}	 
		if(event.clientX > document.body.clientWidth - objImgLoc.offsetWidth){ 
			objImgLoc.style.left = document.body.scrollLeft + document.body.clientWidth - objImgLoc.offsetWidth; 
		} 
		if(event.clientY>0){ 
			objImgLoc.style.top = temp22 + event.clientY - y ; 
			if(objImgLoc.style.pixelTop - document.body.scrollTop< 0){ 
				objImgLoc.style.top = document.body.scrollTop; 
			} 
		} 
		if(event.clientY > document.body.clientHeight - objImgLoc.offsetHeight){ 
			objImgLoc.style.top = document.body.scrollTop + document.body.clientHeight - objImgLoc.offsetHeight; 
		}		 

		dragapproved2=true; 
		return false; 
	}	 
} 

function drags(){ 
	locReset(); 
	if (!document.all) 
		return ;
	if (event.srcElement.className=="drag_liveweb"){ 
		dragapproved=true ;
		dragapproved2=false ;
		x=event.clientX ;
		y=event.clientY ;
		window.document.onmousemove=f_move ;
	}	 
} 

function initdragapproved(){ 
	if(!dragapproved2 && moveObjName == "moveinbound"){ 
		var winopen = window.open('http://www.liveweb.co.kr/lwpchat/Check/?szMethodName=InboundCall&site_id=star1004&site_index=322&group=system&agentid=&action=Y'+f_urlParamTemp,'_blank','resizable=no, width=190, height=200, top=100, left=100, titlebar=no,status=no,scrollbars=no'); 
		dragapproved2=true; 
	} 
	dragapproved=false; 
	locReset();	 
} 

function callInboundChat(){ 
	callMsg = document.getElementById("inboundmsg").value; 
	var winopen = window.open('http://www.liveweb.co.kr/lwpchat/Check/?szMethodName=InboundCall&site_id=star1004&site_index=322&group=system&agentid=&action=Y&callmsg='+callMsg+f_urlParamTemp,'_blank','resizable=no, width=190, height=200, top=100, left=100, titlebar=no,status=no,scrollbars=no'); 
	document.getElementById("ibokpage").style.visibility = "hidden"; 
	callFlag = "Y"; 
} 

function callInboundImgChat(){ 
	var winopen = window.open('http://www.liveweb.co.kr/lwpchat/Check/?szMethodName=InboundCall&site_id=star1004&site_index=322&group=system&agentid=&action=Y'+f_urlParamTemp,'_blank','resizable=no, width=190, height=200, top=100, left=100, titlebar=no,status=no,scrollbars=no'); 
} 

function callInboundNoChat(){ 
	var durContent = document.getElementById("durcontent").value; 
	var cusName = document.getElementById("cusname").value; 
	var cusPhone1 = document.getElementById("p1").value; 
	var cusPhone2 = document.getElementById("p2").value; 
	var cusPhone3 = document.getElementById("p3").value;	 
	var cusPhone = cusPhone1 + "-" + cusPhone2 + "-" + cusPhone3; 
	var setDurData = new Image;	 
	setDurData.src = "http://www.liveweb.co.kr/lwpchat/GetImage?szMethodName=InsertDurData&site_id=star1004&site_index=322&group=system&agentid=&cusname="+cusName+"&cusphone="+cusPhone+"&durcontent="+durContent; 
	setDurData = null; 
	document.getElementById("ibnopage").style.visibility = "hidden"; 
	callFlag = "Y"; 
} 

window.onload=function(){ 
	if(imgType != "static"){ 
	//	setLocation('staticinbound'); 
		setLocation('moveinbound'); 
		setLocation('ibokpage'); 
		setLocation('ibnopage'); 

		locReset(); 
	}	 
	f_interval = window.setInterval("f_changefImage()", 3000); 

//	if(ibOKimgtype != "01" || ibNOimgtype != "01"){ 
//		var f_checkType = window.setInterval("f_checkIBType()", 5000); 
//	} 

} 

window.onscroll=function(){	 
	if(imgType != "static"){ 
		var xScroll = document.body.scrollLeft + magineLeft; 
		var yScroll = document.body.scrollTop + magineTop;	 
		redrawImg(xScroll, yScroll); 
	} 
} 

window.onresize = function(){ 
	if(imgType != "static"){ 
		var objImgLoc = document.getElementById(moveObjName);	 

		if(magineTop + objImgLoc.offsetHeight > document.body.clientHeight){ 
			objImgLoc.style.top = document.body.scrollTop + document.body.clientHeight - objImgLoc.offsetHeight; 
		} 
		if(objImgLoc.style.pixelTop - document.body.scrollTop <0){ 
			objImgLoc.style.top = document.body.scrollTop; 
		} 
		if(objImgLoc.style.pixelLeft + objImgLoc.offsetWidth > document.body.clientWidth){ 
			objImgLoc.style.left = document.body.scrollLeft + document.body.clientWidth - objImgLoc.offsetWidth; 
		}	 
		locReset(); 
	} 
} 

function redrawImg(xx, yy){ 
	document.getElementById(moveObjName).style.left = xx; 
	document.getElementById(moveObjName).style.top =yy; 
} 

function locReset(){ 
	temp11=document.getElementById(moveObjName).style.pixelLeft; 
	temp22=document.getElementById(moveObjName).style.pixelTop;
	magineLeft = temp11 - document.body.scrollLeft;	 
	magineTop = temp22 - document.body.scrollTop; 
} 

function setLocation(objName){ 
	var objImgLoc = document.getElementById(objName); 

	if(ibfloctype == "01"){ 
		objImgLoc.style.left= (document.body.clientWidth  - objImgLoc.offsetWidth )/2 ; 
		objImgLoc.style.top= (document.body.clientHeight - objImgLoc.offsetHeight)/2 + document.body.scrollTop; 
	}else if(ibfloctype == "02"){ 
		objImgLoc.style.left= '0' ; 
		objImgLoc.style.top= '300' ;	 
	}else if(ibfloctype == "11"){ 
		objImgLoc.style.left= 0 ; 
		objImgLoc.style.top= document.body.scrollTop ; 
	}else if(ibfloctype == "12"){ 
		objImgLoc.style.left= 0 ; 
		objImgLoc.style.top= 0 ;	 
	}else if(ibfloctype == "13"){ 
		objImgLoc.style.left= document.body.clientWidth  - objImgLoc.offsetWidth ; 
		objImgLoc.style.top= document.body.scrollTop ;	 
	}else if(ibfloctype == "14"){ 
		objImgLoc.style.left= 0 ; 
		objImgLoc.style.top= 0 ;	 
	}else if(ibfloctype == "15"){ 
		objImgLoc.style.left= (document.body.clientWidth  - objImgLoc.offsetWidth )/2 ; 
		objImgLoc.style.top= (document.body.clientHeight - objImgLoc.offsetHeight)/2 + document.body.scrollTop ; 
	}else if(ibfloctype == "16"){ 
		objImgLoc.style.left= 0 ; 
		objImgLoc.style.top= 0 ;	 
	}else if(ibfloctype == "17"){ 
		objImgLoc.style.left= 0 ; 
		objImgLoc.style.top= document.body.scrollTop + document.body.clientHeight - objImgLoc.offsetHeight ; 
	}else if(ibfloctype == "18"){ 
		objImgLoc.style.left= 0; 
		objImgLoc.style.top= 0 ;	 
	}else if(ibfloctype == "19"){ 
		objImgLoc.style.left= document.body.clientWidth  - objImgLoc.offsetWidth ; 
		objImgLoc.style.top= document.body.scrollTop + document.body.clientHeight - objImgLoc.offsetHeight ; 
	}else{ 
		objImgLoc.style.left= '0' ; 
		objImgLoc.style.top= '300' ;	 
	} 
} 

function f_keyP(e,type) 
{		 
	var keycode = e.keyCode; 
	if (keycode == 13) 
	{	 
		if(type == 1){ 
			callInboundChat(); 
		}else{ 
			callInboundNoChat(); 
		} 
	} 
}