var chatLayer
var divstate=true
var chatlaystate=true
var cssob=document.createElement("link")
cssob.setAttribute("href","chat/media/css.css")
cssob.setAttribute("rel","stylesheet")
cssob.setAttribute("type","text/css")
var myhead=document.getElementsByTagName("head")
myhead[0].appendChild(cssob)

var bodybox=document.getElementsByTagName("body")
var chatbox=document.createElement("div")
chatbox.setAttribute("id","chatbox")
bodybox[0].appendChild(chatbox)
function showchatbox()
{
chatbox.innerHTML="<div id='chatboxtop'><a href='#' onclick='openwindow();return false;'>Inquire form</a><a href='#' onclick='closewindow();return false;'>Close</a></div><div id='chatmessage'><a href='#' onclick='openwindow();return false;' style='color:red;font-size:11px;'>Click here to contact us</a></div>"
}
showchatbox()
function hiddenchatbox()
{
	chatbox.innerHTML="<div id='chatboxtop'><a href='#'>Inquire form</a><a href='#' onclick='return false;'>Close</a></div><div id='chatmessage'><a href='#' style='color:red;font-size:11px;'>Click here to contact us</a></div>"
	}
//关闭窗口
function closewindow()
{
chatbox.innerHTML=""
chatbox.style.cssText="background:none;border:none;height:0px;width:0px;"
divstate=false
}


var scrollPos
var nowheight
var xScroll
xScroll=window.screen.width-300
yScroll=window.screen.availHeight-300
chatbox.style.cssText="position:absolute; top:"+yScroll+"px; left:"+xScroll+"px;"
window.onscroll = function()
{
	if(divstate==true)
	{

		if (typeof window.pageYOffset != 'undefined') {
	   scrollPos = window.pageYOffset;
		}
		else if (typeof document.compatMode != 'undefined' &&
					 document.compatMode != 'BackCompat') {
		   scrollPos = document.documentElement.scrollTop;
		}
		else if (typeof document.body != 'undefined') {
				   scrollPos = document.body.scrollTop;
		}
		nowheight=scrollPos+yScroll
		chatbox.style.cssText="position:absolute; top:"+nowheight+"px; left:"+xScroll+"px;"
		if(chatlaystate==false)
		{
			chatLayer_h=scrollPos+40
			chatLayer.style.cssText="height:450px;width:450px;position:absolute; top:"+chatLayer_h+"px;left:"+openwindow_x+"px; background:#fff;text-align:center;border:2px solid #999;filter:alpha(opacity=100);-moz-opacity:1;"
			}
	}
}

function closechatbox()
{
chatlaystate=true
chatLayer.innerHTML=""
chatLayer.style.cssText="width:0px;height:0px;"
showchatbox()
}

function openwindow(ob)
{
var url
url="feedback/index.htmll?"+ob
chatlaystate=false
openwindow_x=(xScroll/2)-100
nowheight=scrollPos+40
chatLayer=document.createElement("div")
chatLayer.style.cssText="height:460px;width:450px;position:absolute; top:"+nowheight+"px;left:"+openwindow_x+"px; background:#fff;text-align:center;border:2px solid #999;filter:alpha(opacity=100);-moz-opacity:1;"
var getframe=document.createElement("iframe")
getframe.setAttribute("width","430")
getframe.setAttribute("id","chatiframe")
getframe.setAttribute("height","430")
getframe.setAttribute("scrolling","no")
getframe.setAttribute("frameBorder","0")
getframe.setAttribute("src",url)
var closewindow=document.createElement("div")
closewindow.innerHTML="<a href='#' id='closewindow' onclick='closechatbox();return false;'>Close&nbsp;&nbsp;&nbsp;&nbsp;</a>"
chatLayer.appendChild(closewindow)
chatLayer.appendChild(getframe)
document.body.appendChild(chatLayer)
hiddenchatbox()
}