toggleBulle = function() {

}

toggleBulle.show = function(id, eventObj) {

	this.bulle = document.getElementById(id);

	if (this.bulle) {
		var xOffset = 10;
		var yOffset = 0;

		var newX = (eventObj.pageX) ? eventObj.pageX + xOffset : eventObj.x + xOffset + ((document.body.scrollLeft) ? document.body.scrollLeft : 0);
		var newY = (eventObj.pageY) ? eventObj.pageY + yOffset : eventObj.y + yOffset + ((document.body.scrollTop) ? document.body.scrollTop : 0);

		this.bulle.style.left 	= newX + 'px';
		this.bulle.style.top 	= newY + 'px';
		this.bulle.style.zIndex = 1;

		this.bulle.style.display 	= 'block';
		this.bulle.style.visibility 	= 'visible';

		document.onmousemove = toggleBulle.Move;
	}
}

toggleBulle.hide = function() {
	if (this.bulle) {
		this.bulle.style.display	= 'none';
		this.bulle.style.visibility 	= 'hidden';
	}
	document.onmousemove = null;
}

toggleBulle.Move = function(e){

	toggleBulle.getMouse(e);
	toggleBulle.getSize(e);

	X = mouseX + 5;
	Y = mouseY + 15;

	var dim		= toggleBulle.getBodyDim();
	var Dscroll	= toggleBulle.getScrollXY();

	if (X + Width > dim.w - 10){
		X = mouseX - Width - 10;
	}
	if (Y < Dscroll.top){
		Y = Dscroll.top;
	}

	toggleBulle.bulle.style.top = Y + "px";
	toggleBulle.bulle.style.left = X + "px";

}

toggleBulle.getMouse = function(e){

	if (navigator.appName != "Microsoft Internet Explorer") {
		if(e.pageX){
			mouseX = e.pageX;
			mouseY = e.pageY;
		}
	} else {
		if (document.documentElement.clientWidth > 0){
			mouseX = event.x + document.documentElement.scrollLeft
			mouseY = event.y + document.documentElement.scrollTop

		} else {
			mouseX = event.x + document.body.scrollLeft
			mouseY = event.y + document.body.scrollTop
		}
	}

}

toggleBulle.getSize = function(){
	Width 	= toggleBulle.bulle.clientWidth;
	Height 	= toggleBulle.bulle.clientHeight;
}

toggleBulle.getBodyDim = function(){
	var w = 0, h = 0;
	h = document.body.offsetHeight;
	if (typeof(window.innerWidth) == 'number') {
		w = window.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		w = document.documentElement.clientWidth;
	} else if (document.body && document.body.offsetWidth) {
		w = document.body.offsetWidth;
	}
	return {w:w,h:h}
}

toggleBulle.getScrollXY = function() {
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return {left:scrOfX, top:scrOfY};
}

////////////////////////////////////////////////////////////////////////////////////////////////////////