<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tabs.aspx.cs" Inherits="tabs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link href="styles/TabControl.css" rel="stylesheet" type="text/css" />
<script language="javascript">
if(self.location==top.location)self.location="Default.html";
</script>
<SCRIPT LANGUAGE="JavaScript" SRC="scripts/tabs.js">//need this</SCRIPT>
</head>
<body background="Images/CFBC-logo2.gif">
<form id="form1" runat="server">
<div id="titleDiv" style="left: 37px; width: 698px; position: absolute; top: 0px;
height: 161px; font-weight:normal; font-family:Arial; font-size: 10pt;">
<asp:Label ID="coeRefNumLabel" runat="server" Style="z-index: 100; left: 0px; position: absolute;
top: 16px" Text="Event #" Font-Names="Arial" Font-Size="10pt" Font-Bold="True"></asp:Label>
<asp:Label ID="coeRefNumValueLabel" runat="server" Style="z-index: 101; left: 59px; position: absolute;
top: 16px" Font-Names="Arial" Font-Size="10pt" Font-Bold="True">000</asp:Label>
<asp:Label ID="glCodeLabel" runat="server" Font-Names="Arial" Font-Size="10pt" Style="z-index: 102;
left: 102px; position: absolute; top: 16px" Text="GL Code:"></asp:Label>
<asp:Label ID="glCodeValueLabel" runat="server" Style="z-index: 103; left: 163px; position: absolute;
top: 16px" Font-Names="Arial" Font-Size="10pt" Width="50px" Visible="true">1234567</asp:Label>
<asp:TextBox ID="glCodeTextBox" runat="server" Enabled="True" Font-Names="Arial" Font-Size="10pt"
MaxLength="7" Style="z-index: 104; left: 160px; position: absolute; top: 13px"
Width="50px" Visible="false"></asp:TextBox>
<asp:Button ID="updateGLCodeButton" runat="server" Style="z-index: 105; left: 218px; position: absolute;
top: 12px" Text="Save" OnClick="updateGLCodeButton_Click" Visible="false" />
<asp:Label ID="proposalStatusLabel" runat="server" Style="z-index: 106; left: 274px; position: absolute;
top: 16px" Text="Status:" Font-Names="Arial" Font-Size="10pt"></asp:Label>
<asp:Label ID="proposalStatusValueLabel" runat="server" Style="z-index: 107; left: 324px; position: absolute;
top: 16px" Text="Status Value Label" Font-Names="Arial" Font-Size="10pt"></asp:Label>
<asp:Label ID="downloadFormsLabel" runat="server" Font-Names="Arial" Font-Size="10pt" Style="z-index: 111;
left: 581px; position: absolute; top: 16px" Text="Download Forms"></asp:Label>
<asp:HyperLink ID="ChequeReqHyperLink" runat="server" Style="z-index: 113;
left: 581px; position: absolute; top: 33px" NavigateUrl="UserTemplates/Cheque_Requisition_New.xls" Target="ChequeReqForm" Width="113px">Cheque Requisition</asp:HyperLink>
<asp:HyperLink ID="DepositHyperLink" runat="server" Style="z-index: 113;
left: 581px; position: absolute; top: 53px" NavigateUrl="UserTemplates/Deposit_New.xls" Target="DepositForm" Width="113px">Deposit</asp:HyperLink>
<asp:HyperLink ID="DonationHyperLink" runat="server" Style="z-index: 113;
left: 581px; position: absolute; top: 73px" NavigateUrl="UserTemplates/Donation_in_Kind_New.xls" Target="DonationKindForm" Width="113px">Donations in Kind</asp:HyperLink>
<asp:Label ID="projectTitleLabel" runat="server" Style="z-index: 109; left: 0px; position: absolute;
top: 51px" Text="Project Title:" Font-Names="Arial" Font-Size="10pt"></asp:Label>
<asp:Label ID="projectTitleValueLabel" runat="server" Style="z-index: 110; left: 85px; position: absolute;
top: 51px" Text="The Title of the Project" Font-Names="Arial" Font-Size="10pt"></asp:Label>
</div>
</form>
<div id="budgetDetailsDiv" style="left: 20px; width: 700px; position: absolute; top: 67px; height: 435px; ">
<div id="tab1" class="tab" style="left:20px;"
onClick = "showPanel(1);"
onMouseOver="hover(this);"
onMouseOut="setState(1)">Revenue
</div>
<div id="tab2" class="tab" style="left: 125px;"
onClick = "showPanel(2);"
onMouseOver="hover(this);"
onMouseOut="setState(2)">Expenses
</div>
<div id="tab3" class="tab" style="left: 230px;"
onClick = "showPanel(3);"
onMouseOver="hover(this);"
onMouseOut="setState(3)">HR
</div>
<div id="tab4" class="tab" style="left: 335px;"
onClick = "showPanel(4);"
onMouseOver="hover(this);"
onMouseOut="setState(4)">Beneficiaries
</div>
<div id="tab5" class="tab" style="left: 440px;"
onClick = "showPanel(5);"
onMouseOver="hover(this);"
onMouseOut="setState(5)">Summary
</div>
<div class="panel" id="div1" style="height: 400px">
<iframe id="panel1" class="budgetSection" style="width:700px; height: 400px;"
src="">
</iframe>
</div>
<div class="panel" style="height: 400px">
<iframe id="panel2" class="budgetSection" style="width:700px; height: 400px;"
src="">
</iframe>
</div>
<div class="panel" style="height: 400px">
<iframe id="panel3" class="budgetSection" style="width:700px; height: 400px;"
src="">
</iframe>
</div>
<div class="panel" style="height: 400px">
<iframe id="panel4" class="budgetSection" style="width:700px; height: 400px;"
src="">
</iframe>
</div>
<div class="panel" style="height: 400px">
<iframe id="panel5" class="budgetSection" style="width:700px; height: 400px;"
src="">
</iframe>
</div>
</div>
<div id="hiddenValues" style="left: 6px; position: absolute; top: 504px; width: 583px;">
<input type="hidden" name="projectIDHiddenParent" id="projectIDHiddenParent" value= "<%=Convert.ToInt32(Request.QueryString["ProjectID"])%>"/>
</div>
<script language="javascript">
var projectId = "<%=Convert.ToInt32(Request.QueryString["ProjectID"]) %>";
//var appRoot = location.protocol + "//" + location.host + location.pathname.substring(0,location.pathname.lastIndexOf('/')) + "/";
document.all("panel1").src="budget.aspx?ProjectId=" + projectId + "&BudgetTypeId=1";
document.all("panel2").src="budget.aspx?ProjectId=" + projectId + "&BudgetTypeId=2";
document.all("panel3").src="budget.aspx?ProjectId=" + projectId + "&BudgetTypeId=3";
document.all("panel4").src="budget.aspx?ProjectId=" + projectId + "&BudgetTypeId=4";
document.all("panel5").src="budgetsummary.aspx?ProjectId=" + projectId;
showPanel(1);
</script>
</body>
</html>