var loadingHtml = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='100%' height='100%' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlSectionText = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='437px' height='250px' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlTitleDropCategory1 = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='321px' height='69px' bgColor='#FFFFFF' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlTitleDropCategory2 = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='320px' height='69px' bgColor='#FFFFFF' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlTitleDropProject = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='641px' height='74px' bgColor='#5688B7' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlDropProject = "<div style='position:relative; top:0px; left:0px; visibility:visible'><table width='641px' height='277px' bgColor='#5688B7' border='0' cellpading='0' cellspacing='0'><tr><td align='center' valign='middle'><img src='images/loading.gif' border='0'></td></tr></table></div>"

var loadingHtmlProject = "<div style='position:relative; top:0px; left:0px; visibility:visible'>" +
							 "<table width='699px' height='334px' bgColor='#FFFFFF' border='0' cellpading='0' cellspacing='0'>" +
								"<tr>" +
									"<td valign='top' width='29px' bgcolor='#E9E5BA'>" +
										"<table width='29px' bgColor='#FFFFFF' border='0' cellpading='0' cellspacing='0'>" +
											"<tr>" +
												"<td height='36px' bgcolor='#E9E5BA'>&nbsp;</td>" +
											"</tr>" +
											"<tr>" +
												"<td height='200px' bgColor='#FFFFFF'>&nbsp;</td>" +
											"</tr>" +
										"</table>" +
									"</td>" +
									"<td align='center' valign='middle'><img src='images/loading.gif' border='0'></td>" +
									"<td width='29px' bgcolor='#E9E5BA'></td>" +
								"</tr>" +
							"</table>" +
							"<table width='699px' border='0' cellpadding='0' cellspacing='0'>" +
								"<tr>" +
									"<td align='right'>" +
										"<table bgcolor='#FFFFFF' width='215px' border='0' cellpadding='0' cellspacing='0'>" +
											"<tr><td height='20px'>&nbsp;</td></tr>" +
										"</table>" +
									"</td>" +
									"<td width='29px'></td>" +
								"</tr>" +
							"</table>" +
						"</div>"

function changeCursorOver(obj){
	obj.style.cursor = "pointer"
}

function changeCursorOut(obj){
	obj.style.cursor = "auto"
}



/* ****** tip ****** */

ContentInfo = "";

topColor = "#808080"
subColor = "#052B52"

var mouse_X;
var mouse_Y;

var tip_active = 0;

function update_tip_pos(){
	if(document.getElementById('ToolTip')){
		document.getElementById('ToolTip').style.left = mouse_X + 20;
		document.getElementById('ToolTip').style.top  = mouse_Y;
	}
}

var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

function getMouseXY(e) {
	if(ie){ // grab the x-y pos.s if browser is IE
		mouse_X = event.clientX + document.body.scrollLeft;
		mouse_Y = event.clientY + document.body.scrollTop;
	}else{ // grab the x-y pos.s if browser is NS
		mouse_X = e.pageX;
		mouse_Y = e.pageY;
	}
	if (mouse_X < 0){mouse_X = 0;}
	if (mouse_Y < 0){mouse_Y = 0;}

	if(tip_active){update_tip_pos();}
}

function EnterContent(TTitle, TContent){
	ContentInfo = '<table border="0" width="100" cellspacing="0" cellpadding="0">'+
						'<tr><td width="100%" bgcolor="#000000">'+
						
						'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
						
						'<tr><td width="100%" bgcolor='+subColor+'>'+
						
						'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
						
						'<tr><td width="100%">'+
						
						'<font class="tooltipcontent">'+TContent+'</font>'+
						
						'</td></tr>'+
						'</table>'+
						
						'</td></tr>'+
						'</table>'+
						
						'</td></tr>'+
					'</table>';

}

function tip_it(which, TTitle, TContent){
	if(document.getElementById('ToolTip')){
		if(which){
			update_tip_pos();
			tip_active = 1;
			document.getElementById('ToolTip').style.visibility = "visible";
			EnterContent(TTitle, TContent);
			document.getElementById('ToolTip').innerHTML = ContentInfo;
		}else{
			tip_active = 0;
			document.getElementById('ToolTip').style.visibility = "hidden";
		}
	}
}

/* ****** tip ****** */