//Opportunity Management

function HrMOv() {
	var p = document.getElementById("HP");
	p.style.visibility = "visible";
}

function HrMOu() {
	var p = document.getElementById("HP");
	p.style.visibility = "hidden";
}


//Proposal & Contract Management

function SupChaMOv() {
	var p = document.getElementById("SCM");
	p.style.visibility = "visible";
}

function SupChaMOu() {
	var p = document.getElementById("SCM");
	p.style.visibility = "hidden";
}


//Project Planning

function SerMOv() {
	var p = document.getElementById("SO");
	p.style.visibility = "visible";
}

function SerMOu() {
	var p = document.getElementById("SO");
	p.style.visibility = "hidden";
}


//Project Resource Management

function ProMOv() {
	var p = document.getElementById("PR");
	p.style.visibility = "visible";
}

function ProMOu() {
	var p = document.getElementById("PR");
	p.style.visibility = "hidden";
}


//Supply Chain Planning

function FinMOv() {
	var p = document.getElementById("FI");
	p.style.visibility = "visible";
}

function FinMOu() {
	var p = document.getElementById("FI");
	p.style.visibility = "hidden";
}


var strPrice;
var strPrice1;
var strPrice2;
var strPrice3;
var strPrice4;

function HrPay()
{
	strPrice = '<DIV id=\"HP\"  style=\"position:absolute;visibility:hidden;z-index:1000; margin-top: 28px; margin-left: 8px;  BORDER-RIGHT: #9b9b9b 2px solid;BORDER-TOP: #9b9b9b 2px solid;  BORDER-LEFT: #9b9b9b 2px solid; PADDING-TOP: 5px; PADDING-BOTTOM: 8px;BORDER-BOTTOM: #9b9b9b 2px solid; BACKGROUND-COLOR: #f8f7f7;\" onMouseOver=\"HrMOv();\" onMouseOut=\"HrMOu();\" >';
	strPrice += '<table width=225 border=\"0\" style="line-height:9pt;">';
	strPrice += '<tr><th colspan=2 align=Center style="font-size:12px; font-weight: bold;">HR and Payroll</th></tr>';
	strPrice += '<tr><td colspan=2 background="Images/line_dotted.gif"></td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Self-service Recruiting</td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Benefits Management</td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Remuneration and Compensation</td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Terminations</td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Time Monitor</td></tr>';
	strPrice += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=180 align=left style="font-size:11px">Payroll Management</td></tr>';
	strPrice += '</table>';
	strPrice += '</DIV>';
	return strPrice;
}

function DrawHrPay()
{
  document.write( HrPay() );
  document.close();
}


function SupChaMan()
{
	strPrice1 = '<DIV id=\"SCM\"  style=\"position:absolute;visibility:hidden;z-index:2000;margin-top: 28px; margin-left: 8px;   BORDER-RIGHT: #9b9b9b 2px solid;BORDER-TOP: #9b9b9b 2px solid;  BORDER-LEFT: #9b9b9b 2px solid; PADDING-TOP: 5px;PADDING-BOTTOM: 8px;BORDER-BOTTOM: #9b9b9b 2px solid; BACKGROUND-COLOR: #f8f7f7;\" onMouseOver=\"SupChaMOv();\" onMouseOut=\"SupChaMOu();\" >';
	strPrice1 += '<table width=225 style="line-height:9pt; ">';
	strPrice1 += '<tr><th colspan=2 align=center style="font-size:12px; font-weight: bold;">Supply Chain Management</th></tr>';
	strPrice1 += '<tr><td colspan=2 background="Images/line_dotted.gif"></td></tr>';
	strPrice1 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=190 align=left style="font-size:11px">Sourcing</td></tr>';
	strPrice1 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=190 align=left style="font-size:11px">Requisition Management</td></tr>';
	strPrice1 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=190 align=left style="font-size:11px">Purchasing</td></tr>';
	strPrice1 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=190 align=left style="font-size:11px">Vendor Management</td></tr>';
	strPrice1 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=190 align=left style="font-size:11px">Approvals and Receiving</td></tr>';
	strPrice1 += '</table>';
	strPrice1 += '</DIV>';
	return strPrice1;
}

function DrawSupChaMan()
{
  document.write( SupChaMan() );
  document.close();
}

function SerDel()
{
	strPrice2 = '<DIV id=\"SO\"  style=\"position:absolute;visibility:hidden;z-index:3000; margin-top: 28px; margin-left: -52px; BORDER-RIGHT: #9b9b9b 2px solid;BORDER-TOP: #9b9b9b 2px solid;  BORDER-LEFT: #9b9b9b 2px solid; PADDING-TOP: 5px;PADDING-BOTTOM: 9px;BORDER-BOTTOM: #9b9b9b 2px solid; BACKGROUND-COLOR: #f8f7f7;\" onMouseOver=\"SerMOv();\" onMouseOut=\"SerMOu();\" >';
	strPrice2 += '<table width=225 style="line-height:9pt; ">';
	strPrice2 += '<tr><th colspan=2 align=center style="font-size:12px; font-weight: bold;">Service Delivery</th></tr>';
	strPrice2 += '<tr><td colspan=2 background="Images/line_dotted.gif"></td></tr>';
	strPrice2 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Citizen Call Management</td></tr>';
	strPrice2 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=240 align=left style="font-size:11px">Secure Citizen Web Access</td></tr>';
	strPrice2 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=240 align=left style="font-size:11px">User Registration</td></tr>';
	strPrice2 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td width=240 align=left style="font-size:11px">Service Request Transfers</td></tr>';
	strPrice2 += '</table>';
	strPrice2 += '</DIV>';
	return strPrice2;
}

function DrawSerDel()
{
  document.write( SerDel() );
  document.close();
}

function Proj()
{
	strPrice3 = '<DIV id=\"PR\"  style=\"position:absolute;visibility:hidden;z-index:1000; margin-top: 28px; margin-left: 8px;  BORDER-RIGHT: #9b9b9b 2px solid;BORDER-TOP: #9b9b9b 2px solid;  BORDER-LEFT: #9b9b9b 2px solid; PADDING-TOP: 5px; PADDING-BOTTOM: 8px;BORDER-BOTTOM: #9b9b9b 2px solid; BACKGROUND-COLOR: #f8f7f7;\" onMouseOver=\"ProMOv();\" onMouseOut=\"ProMOu();\" >';
	strPrice3 += '<table width=225 style="line-height:9pt; ">';
	strPrice3 += '<tr><th colspan=2 align=center style="font-size:12px; font-weight: bold;">Projects</th></tr>';
	strPrice3 += '<tr><td colspan=2 background="Images/line_dotted.gif"></td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Project Management</td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Project Budgeting</td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Grants-based Project Funding</td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Resourcing</td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Time Collection</td></tr>';
	strPrice3 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Review and Analysis</td></tr>';
	strPrice3 += '</table>';
	strPrice3 += '</DIV>';
	return strPrice3;
}

function DrawProj()
{
  document.write( Proj() );
  document.close();
}


function Finance()
{
	strPrice4 = '<DIV id=\"FI\"  style=\"position:absolute;visibility:hidden;z-index:2000;margin-top: 28px; margin-left: 8px;   BORDER-RIGHT: #9b9b9b 2px solid;BORDER-TOP: #9b9b9b 2px solid;  BORDER-LEFT: #9b9b9b 2px solid; PADDING-TOP: 5px;PADDING-BOTTOM: 8px;BORDER-BOTTOM: #9b9b9b 2px solid; BACKGROUND-COLOR: #f8f7f7;\" onMouseOver=\"FinMOv();\" onMouseOut=\"FinMOu();\" >';
	strPrice4 += '<table width=225 style="line-height:9pt; ">';
	strPrice4 += '<tr><th colspan=2 align=center style="font-size:12px; font-weight: bold;">Financials</th></tr>';
	strPrice4 += '<tr><td colspan=2 background="Images/line_dotted.gif"></td></tr>';
	strPrice4 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Accounting</td></tr>';
	strPrice4 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Internet Expense Management</td></tr>';
	strPrice4 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Financial Analysis and Reporting</td></tr>';
	strPrice4 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Grant Management</td></tr>';
	strPrice4 += '<tr><td width=10 align=right><IMG SRC="Images/square_bullet.gif" WIDTH="2" HEIGHT="2" BORDER="0" ALT=""></td><td align=left style="font-size:11px">Period End Close</td></tr>';
	strPrice4 += '</table>';
	strPrice4 += '</DIV>';
	return strPrice4;
}

function DrawFinance()
{
  document.write( Finance() );
  document.close();
}