﻿if (typeof cj == "undefined")
{
	cj = {};
}
cj.evt = {
	guid : 1,
	add : function (element, type, handler)
	{
		if(element.addEventListener)
		{
			element.addEventListener(type, handler, false);
		}else if (element.attachEvent){
			element.attachEvent("on"+type, handler);
		}
		else
		{
			if (!handler.$$guid)
			{
				handler.$$guid = this.guid++;
			}
			if (!element.events)
			{
				element.events = {};
			}
			var handlers = element.events[type];
			if (!handlers)
			{
				handlers = element.events[type] = {};
				if(element["on" + type]){
					handlers[0] = element["on" + type];
				}
			}
			handlers[handler.$$guid] = handler;
			element["on" + type] = this.handleEvent;
		}
	}
}
cj.util = {
	getScrollPos : function(){
		var top = left = 0;
		top = document.documentElement.scrollTop || document.body.scrollTop;
		left = document.documentElement.scrollLeft || document.body.scrollLeft;
		return {"top" : top, "left" : left}
	},
	getWindowSize : function(){
		var width = height = 0;
		width = document.documentElement.clientWidth || document.body.clientWidth;
		height = document.documentElement.clientHeight || document.body.clientHeight;
		return {"width" : width, "height" : height}
	},
   	getElementPos : function(elm){
   		var top = left = 0;
   		while(elm != null){
   			top += elm.offsetTop;
   			left += elm.offsetLeft;
   			elm = elm.offsetParent;
   		}
   		return {"top" : top, "left" : left}
   	}
}
cj.evt.add(window, "load", j070727init);
function j070727init(){
	if(document.getElementById("jtargetImg")){
		j070727setpos();
		cj.evt.add(window, "scroll", j070727setpos);
	}
	
}
function j070727setpos(){
	var jtargetImg = document.getElementById("jtargetImg");
	var floater = document.getElementById("floater");
	floater.style.left = cj.util.getElementPos(jtargetImg).left - floater.offsetWidth - 5 + "px";
	var top = cj.util.getScrollPos().top + Math.floor((cj.util.getWindowSize().height - floater.offsetHeight)/2);
	var maxTop = cj.util.getElementPos(jtargetImg).top + jtargetImg.offsetHeight;
	var minTop = cj.util.getElementPos(jtargetImg).top;
	top = Math.min(top, maxTop);
	top = Math.max(top, minTop);
	floater.style.top = top + "px";
}