var widget_rollover_c = 0;

function widget_findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while (1) {
			curleft += obj.offsetLeft;
			if (!obj.offsetParent) {
				break;
			}
			obj = obj.offsetParent;
		}
	} else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function widget_findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (1) {
			curtop += obj.offsetTop;
			if (!obj.offsetParent) {
				break;
			}
			obj = obj.offsetParent;
		}
	} else if (obj.y) {
		curtop += obj.y;
	}
	return curtop;
}

function widget_loading(nextTop, text) {
	widget_rollover.getElementsByTagName("p")[0].innerHTML = "";
	var center = document.createElement("center");
	var img = document.createElement("img");
	img.setAttribute("src", "http://static.myattn.com/images/loading.gif");
	img.setAttribute("width", "41");
	img.setAttribute("height", "39");
	center.appendChild(img);
	widget_rollover.getElementsByTagName("p")[0].appendChild(center);
	widget_rollover_c += 1;
	setTimeout("widget_putText('"+nextTop+"', '"+text+"' ,"+widget_rollover_c+");", 375 + (Math.random() * 250));
}

function widget_putText(nextTop, text, c) {
	if (c == widget_rollover_c) {
		widget_rollover.getElementsByTagName("p")[0].innerHTML = text;
		widget_rollover.style.top = nextTop+"px";
	}
}

function widget_appearsText(obj, text) {
	widget_setInitParams();
	widget_rollover.getElementsByTagName("p")[0].innerHTML = text;
	widget_rollover.style.display ="";
	var nextTop = (widget_findPosY(obj.parentNode) - widget_rollover.clientHeight + 2 - obj.parentNode.parentNode.scrollTop);
	widget_loading(nextTop, text);
	if(widget_pos == "right") {
		widget_rollover.style.left = (widget_findPosX(obj.parentNode) - widget_rollover.clientWidth + 30)+"px";
		widget_rollover.style.top = (widget_findPosY(obj.parentNode) - widget_rollover.clientHeight + 2 - obj.parentNode.parentNode.scrollTop)+"px";
	}else{
		widget_rollover.style.left = (widget_findPosX(obj.parentNode) + widget_list.clientWidth - 30)+"px";
		widget_rollover.style.top = (widget_findPosY(obj.parentNode) - widget_rollover.clientHeight + 2 - obj.parentNode.parentNode.scrollTop)+"px";
	}
}

function widget_disapearsText() {
	widget_rollover.style.display = "none";
}

String.prototype.trim = function () {
    return this.replace(/^\s*/, "").replace(/\s*$/, "");
}

function widget_setInitParams() {
	if (widget_rollover) {
		return;
	}
	widget_rollover = document.createElement("div");
	widget_rollover.setAttribute("id","widget_rollover");
	widget_rollover.style.display = "none";
	widget_rollover.style.position = "absolute";
	widget_rollover.style.zIndex = "9999";
	widget_rollover.innerHTML = '<div id="rolloverUp"></div><div id="rolloverCont"><p></p></div><div id="rolloverBottom left"></div>';
	document.body.appendChild(widget_rollover);
	if (widget_findPosX(widget_list) + (widget_list.clientWidth / 2) > (document.body.clientWidth / 2)) {
		widget_rollover.getElementsByTagName("div")[2].setAttribute("id","rolloverBottomleft");
		widget_pos = "right";
	} else {
		widget_rollover.getElementsByTagName("div")[2].setAttribute("id","rolloverBottomright");
		widget_pos = "left";
	}
}
document.write("<style type='text/css'> #widget180 * { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	font-family: inherit; 	vertical-align: baseline; } #widget180 #clearfix{ 	clear:both; } #widget180{ 	width:180px; 	margin:0; 	padding:0; 	border:0; } #widget180 #widgetTop{ 	width:180px; 	height:89px; 	background:url(http://static.myattn.com/images/widget.png) 0 -104px no-repeat; } #widget180 #widgetCont{ 	background-color:#85c9ee; 	padding:0; 	height:auto; } #widget180 #widgetBottom{ 	width:180px; 	height:26px; 	background:url(http://static.myattn.com/images/widget.png) 0 -228px repeat; 	margin:0; 	padding:0; 	border:0; } #widget180 #askform input{ 	margin-left:60px; 	margin-top:10px; 	border:1px solid #d2b902; } #rollover{ 	width:295px; } #rolloverUp{ 	width:294px; 	height:10px; 	background:url(http://static.myattn.com/images/widget.png) 0 -30px repeat; } #rolloverCont{ 	width:294px; 	height:auto; 	background-color:#fef3a9; 	border-left:1px solid #d2b902; 	border-right:1px solid #d2b902; 	padding:0 0px; 	margin:0; } #rolloverCont p{ 	margin:0 !important; 	border:0 !important; 	padding:0 !important; 	font:14px Arial, Helvetica, sans-serif !important; 	color:#D19923 !important; 	text-align:left; } #rolloverBottomleft{ 	width:294px; 	height:29px; 	background:url(http://static.myattn.com/images/widget.png) 0 -44px repeat; 	margin:0; 	padding:0; 	border:0; } #rolloverBottomright{ 	width:294px; 	height:29px; 	background:url(http://static.myattn.com/images/widget.png) 0 -75px repeat; 	margin:0; 	padding:0; 	border:0; } #question_title{ 	font:12px verdana; 	color:#005e8a; 	margin:0; 	padding:5px 0 0 7px; 	border:0; 	text-align:left; } #clearfix{ 	clear:both; } b{ 	font-weight:bold; } </style> ");
document.write("<div id=\"widget180\"> 	<div id=\"widgetTop\"> 		<div style=\"padding: 15px 0pt 0pt; width: auto; height: 27px; text-align: center ! important;\" align=\"center\"> 			<a href=\"http://www.myattn.com/\"><img src=\"http://www.myattn.com/a_au/images/logo.png\" border=\"0\" alt=\"Attention Auction\" /></a> 		</div> 		<div id=\"question_title\">My price for reading <span style=\"color:green;font-weight:bold;\">$0.40</span></div> 	</div> 	<div id=\"widgetCont\"> 		<form action=\"http://www.myattn.com/services/message/send.php\" id=\"askform\" target=\"_blank\" method=\"POST\"> 			<input type=\"hidden\" name=\"id\" value=\"JeanWolfe\" /> 			<input type=\"submit\" value=\"send message\" id=\"send\" /> 		</form> 		<div id=\"clearfix\"></div> 	</div> 	<div id=\"clearfix\"></div> 	<div id=\"widgetBottom\"> 	</div> </div> ");


var widget_rollover;
var widget_list = document.getElementById("widget_list");
var widget_tags="";
var widget_pos = "left";