function showSessionDescription(sessionId) {

	if ( sessionId ) {

		var position = $('#image_' + sessionId).position();

		var left = position.left;
		var top = position.top + 10;
		var right = left + $('#image_' + sessionId).width();
		var newRight = parseInt(right);
		var largeRight = newRight + 320;
		var newLeft;
		var flag = 0;

		if ( largeRight > 1280 ) {
			newLeft = left - 340;
			flag = 1;
		} else {
			newLeft = newRight;
		}

		while ( document.getElementById('preview') ) {
			$('#preview').remove();
		}

		var title;
		var description;
		var url = '/28300/document/title?id=' + sessionId;

		$.get(url, {}, function(result) {
		
			if ( result ) {

				if ( !flag ) {

					$('#sessions').append(
						'<div id="preview" style="margin: 0; padding: 0; position: absolute; top: ' + top + 'px; left: ' + newLeft + 'px;">' +
						'<table cellpadding="0" cellspacing="0" border="0">' +
						'<tr>' +
						'<td style="vertical-align: middle;" valign="middle"><img src="/projects/28300/images/pointer-arrow-left.gif" alt="" /></td>' +
						'<td style="vertical-align: middle;" valign="middle">' +
						'<div style="height: 30px; background-color: #1c1c1c; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-color: #bebebe; border-bottom-color: #bebebe; border-right-color: #bebebe; border-top-style: solid; border-bottom-style: solid; border-right-style: solid; vertical-align: middle;"><p style="font-family: Tahoma, sans-serif; font-size: 12pt; color: #a8a8a8; margin-bottom: 0; margin-top: 0; padding-right: 10px; padding-top: 5px;">' + result + '</p></div>' +
						'</td>' +
						'</tr>' +
						'</table>' +
						'</div>'
					);

				} else {

					$('#sessions').append(
						'<div id="preview" style="margin: 0; padding: 0; position: absolute; top: ' + top + 'px; left: ' + newLeft + 'px;">' +
						'<table cellpadding="0" cellspacing="0" border="0">' +
						'<tr>' +
						'<td style="vertical-align: middle;" valign="middle">' +
						'<div style="height: 30px; background-color: #1c1c1c; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #bebebe; border-bottom-color: #bebebe; border-left-color: #bebebe; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; vertical-align: middle;"><p style="font-family: Tahoma, sans-serif; font-size: 12pt; color: #a8a8a8; margin-bottom: 0; margin-top: 0; padding-left: 10px; padding-top: 5px;">' + result + '</p></div>' +
						'</td>' +
						'<td style="vertical-align: middle;" valign="middle"><img src="/projects/28300/images/pointer-arrow-right.gif" alt="" /></td>' +
						'</tr>' +
						'</table>' +
						'</div>'
					);

				}

			}

		});

	}

}

function hideSessionDescription() {
	while ( document.getElementById('preview') ) {
		$('#preview').remove();
	}
}