setup();

var overrideDontHide = false;

function showInDisplayWindow(link, message, alignLeft, maxWidth) {
	overrideDontHide = true;
	
	linkPos = findPos($(link));
	dWin = document.getElementById("displayWindow");
	$("body").append($(dWin));
	document.getElementById("displayWindowMessage").innerHTML = message;
	if (maxWidth == null) {
		dWin.style.width = null;
	} else {
		dWin.style.width = maxWidth + "px";
	}
	
	var padding = parseInt($("#displayWindowMessage").css("padding-left"));
	var margin = parseInt($("#displayWindowMessage").css("margin-left"));
	var width = $("#displayWindow").width() - padding - margin - 1;
	var height = $("#displayWindow").height() - padding - margin - 1;
	$("#displayBackground").css({width:(width+(padding*2))+"px"});
	$("#displayBackground").css({height:(height+(padding*2))+"px"});
	
	$("#displayFade_t").css({top:"0px", left:"6px", width:width+"px", height:"6px"});
	$("#displayFade_b").css({top:(height+6)+"px", left:"6px", width:width+"px", height:"6px"});
	$("#displayFade_l").css({top:"6px", left:"0px", width:"6px", height:height+"px"});
	$("#displayFade_r").css({top:"6px", left:(width+6)+"px", width:"6px", height:height+"px"});

	$("#displayFade_tl").css({top:"0px", left:"0px"});
	$("#displayFade_tr").css({top:"0px", left:(width+6)+"px"});
	$("#displayFade_br").css({top:(height+6)+"px", left:(width+6)+"px"});
	$("#displayFade_bl").css({top:(height+6)+"px", left:"0px"});
	
	y = linkPos.y+16;
	
	var offsetWidth = dWin.offsetWidth;
	if (offsetWidth == 0) offsetWidth = maxWidth;
	x = (alignLeft) ? linkPos.x : linkPos.x - offsetWidth + link.offsetWidth;
	
	var nowX = dWin.style.left;
	var nowY = dWin.style.top;
	
	if (parseInt(x) != parseInt(nowX) || parseInt(y) != parseInt(nowY) || dWin.style.display=="none") {
		dWin.style.left = x + "px";
		dWin.style.top = y + "px";
		
		$("#displayWindow").show();
	} else {
		$("#displayWindow").hide();
	}
}


function findPos(obj) {
	var o = obj.offset();
	return {"x":o.left, "y":o.top};
}

function hideDisplayWindow() {
	if (overrideDontHide) {
		overrideDontHide = false;
		return;
	}
	$("#displayWindow").hide();
}


function setup() {
	$(function() {
		$("body").click(function() {
			hideDisplayWindow();
		});
	});
	
	document.write('<div id="displayWindow" style="border:0px;z-index:2;display:none;position:absolute;left:400px;top:300px">');
	document.write('<img style="position:absolute" id="displayFade_t" src="/guests/window/fade_t.png">');
	document.write('<img style="position:absolute" id="displayFade_r" src="/guests/window/fade_r.png">');
	document.write('<img style="position:absolute" id="displayFade_b" src="/guests/window/fade_b.png">');
	document.write('<img style="position:absolute" id="displayFade_l" src="/guests/window/fade_l.png">');
	document.write('<img style="position:absolute" id="displayFade_bl" src="/guests/window/fade_bl.png">');
	document.write('<img style="position:absolute" id="displayFade_br" src="/guests/window/fade_br.png">');
	document.write('<img style="position:absolute" id="displayFade_tl" src="/guests/window/fade_tl.png">');
	document.write('<img style="position:absolute" id="displayFade_tr" src="/guests/window/fade_tr.png">');
	document.write('<div id="displayWindowMessage" style="padding:6px;margin:6px;z-index:4;background-color:#ecf7fb"></div>');
	// d6d9e0
	// ecf7fb
	document.write('</div>');
}




function setupOld() {
	$("body").click(hideDisplayWindow);
	
	document.write('<table id="displayWindow" style="z-index:2;display:none;position:absolute;left:400px;top:300px" border="0" cellpadding="0" cellspacing="0"><tr>');
	
	document.write('  <td style="width:12px;height:12px;background-image:url(/guests/window/top-left.png)"></td>');
	document.write('  <td style="background-image:url(/guests/window/top.png)"></td>');
	document.write('  <td style="cursor:pointer;cursor:hand;background-image:url(/guests/window/top-right.png)"></td>');

	document.write('</tr><tr style="height:auto">');

	document.write('  <td style="width:12px;background-image:url(/guests/window/left.png);background-repeat:repeat-y"></td>');
	document.write('  <td background="/guests/window/white.png"><span id="displayWindowMessage"></span></td>');
	document.write('  <td style="background-image:url(/guests/window/right.png);background-repeat:repeat-y"></td>');

	document.write('</tr><tr style="height:12px">');
	
	document.write('  <td style="width:12px;height:12px;background-image:url(/guests/window/bottom-left.png)"></td>');
	document.write('  <td style="background-image:url(/guests/window/bottom.png);background-repeat:repeat-x"></td>');
	document.write('  <td style="width:12px;height:12px;background-image:url(/guests/window/bottom-right.png)"></td>');

	document.write('</tr></table>');
}