{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}dashboard/charts/highcharts_PlotPie_chart.js"></script>
<link rel="stylesheet" type="text/css" href="skins/default/css/dashboard/style.css">
<link href="skins/default/css/dashboard/firstpage/dashboard.css" rel="stylesheet" type="text/css" media="screen"/>


<link href="{SKINS}css/dbx.css" type="text/css" rel="stylesheet"/>
<script src="{JSDIR}drag/dbx.js" type="text/javascript"></script>
<script src="{JSDIR}drag/dbx-key.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{SKINS}css/sticky.css" />
<link rel="stylesheet" type="text/css" href="{SKINS}css/jquery.fancybox-1.2.6.css" media="screen" />
<script type="text/javascript" src="{JSDIR}jquery/sticky/jquery.fancybox-1.2.6.pack.js"></script>
<script type="text/javascript" src="{JSDIR}jquery/sticky/script.js"></script>
<!-- CSS for Strips starts -->
<style type="text/css">
li:nth-child(even) {

}
</style>
<!-- CSS for Strips Ends -->

<!-- Code within Head Tag -->
<!-- <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(window).load(function(){
$("#loading").hide();
})
</script> -->
<!-- Code within Head Tag -->

<!-- Loading Div starts-->
<!-- <div align="center" id="loading">
Loading content, please wait..
<img src="{SKINS}images/loading.gif" alt="loading.." />
</div> -->
<script type="text/javascript">

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 if (ieversion>=9)
   alert("For better view of the project please use Mozilla Firefox and Google Chrome, we regreat for inconvience caused!");
 else if (ieversion>=8)
  alert("For better view of the project please use Mozilla Firefox and Google Chrome, we regreat for inconvience caused!");
 else if (ieversion>=7)
  alert("For better view of the project please use Mozilla Firefox and Google Chrome, we regreat for inconvience caused!");
 else if (ieversion>=6)
  alert("For better view of the project please use Mozilla Firefox and Google Chrome, we regreat for inconvience caused!");
 else if (ieversion>=5)
 alert("For better view of the project please use Mozilla Firefox and Google Chrome, we regreat for inconvience caused!");
}
/*else
 alert("") */
</script>

<script type="text/javascript">
		
			var chart;
			var GQ		="{GQ}"/1;
			var NSEW	="{NSEW}"/1;
			var PC		="{PC}"/1;
			var NS		="{NS}"/1;
			var EW		="{EW}"/1;
			var OTH		="{OTH}"/1;
			var NOTFOUND="{NOTFOUND}"/1;
			

			var GqComplteted="{GQCOMPLTETEDPROJECTS}"/1;
			var GqUnderImp	="{GQUNDERIMP}"/1;
			var GqTerminated	="{GQTERMINATED}"/1;
			var GqWithoutStatus="{GQWITHOUTSTATUS}"/1;

			var NsewComplteted="{NSEWCOMPLTETEDPROJECTS}"/1;
			var NsewUnderImp	="{NSEWUNDERIMP}"/1;
			var NsewTerminated	="{NSEWTERMINATED}"/1;
			var NsewWithoutStatus="{NSEWWITHOUTSTATUS}"/1;

			var PcComplteted="{PCCOMPLTETEDPROJECTS}"/1;
			var PcUnderImp	="{PCUNDERIMP}"/1;
			var PcTerminated	="{PCTERMINATED}"/1;
			var PcWithoutStatus="{PCWITHOUTSTATUS}"/1;

			var NsComplteted="{NSCOMPLTETEDPROJECTS}"/1;
			var NsUnderImp	="{NSUNDERIMP}"/1;
			var NsTerminated	="{NSTERMINATED}"/1;
			var NsWithoutStatus="{NSWITHOUTSTATUS}"/1;

			var EwComplteted="{EWOMPLTETEDPROJECTS}"/1;
			var EwUnderImp	="{EWUNDERIMP}"/1;
			var EwTerminated	="{EWTERMINATED}"/1;
			var EwWithoutStatus="{EWWITHOUTSTATUS}"/1;

			var OthComplteted	="{OTHCOMPLTETEDPROJECTS}"/1;
			var OthUnderImp		="{OTHUNDERIMP}"/1;
			var OthTerminated	="{OTHTERMINATED}"/1;
			var OthWithoutStatus	="{OTHWITHOUTSTATUS}"/1;

			var NdComplteted	="{NDOMPLTETEDPROJECTS}"/1;
			var NdUnderImp		="{NDUNDERIMP}"/1;
			var NdTerminated	="{NDTERMINATED}"/1;
			var NdWithoutStatus	="{NDWITHOUTSTATUS}"/1;

			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'container1'
					},
					title: {
						text: 'Main Project Status'
					},
					xAxis: {
						categories: ['GQ', 'NSEW', 'PC', 'NS', 'EW' , 'OTH' , 'Not Defined']
					},
					tooltip: {
						formatter: function() {
							var s;
							if (this.point.name) { // the pie chart
								s = ''+
									this.point.name +': '+ this.y +' Projects';
							} else {
								s = ''+
									this.x  +': '+ this.y;
							}
							return s;
						}
					},
					labels: {
						items: [{
							html: 'Project Category Status',
							style: {
								left: '40px',
								top: '8px',
								color: 'black'				
							}
						}]
					},
					series: [{
						type: 'column',
						name: 'Completed',
						data: [GqComplteted, NsewComplteted, PcComplteted, NsComplteted, EwComplteted, OthComplteted, NdComplteted]
					}, {
						type: 'column',
						name: 'Under Implementation',
						data: [GqUnderImp, NsewUnderImp, PcUnderImp, NsUnderImp, EwUnderImp, OthUnderImp, NdUnderImp]
					}, {
						type: 'column',
						name: 'Terminated',
						data: [GqTerminated, NsewTerminated, PcTerminated, NsTerminated, EwTerminated, OthTerminated, NdTerminated]
					},{
						type: 'column',
						name: 'Without Status',
						data: [GqWithoutStatus, NsewWithoutStatus, PcWithoutStatus, NsWithoutStatus, EwWithoutStatus, OthWithoutStatus, NdWithoutStatus]
					},  {
						type: 'pie',
						name: 'Work Status',
						data: [{
							name: 'GQ',
							y: GQ,
							color: '#4572A7' // GQ
						}, {
							name: 'NSEW',
							y: NSEW,
							color: '#AA4643' // NSEW
						}, {
							name: 'PC',
							y: PC,
							color: '#89A54E' // PC
						},{
							name: 'NS',
							y: NS,
							color: '#453E8C' // NS
						}, {
							name: 'EW',
							y: EW,
							color: '#663300' // NS
						}, {
							name: 'OTH',
							y: OTH,
							color: '#004040' // OTH
						},{
							name: 'Not Defined',
							y: NOTFOUND,
							color: '#508696' // Not Defined
						}],
						center: [100, 80],
						size: 100,
						showInLegend: false,
						dataLabels: {
							enabled: false
						}
					}]
				});
				
				
			});
				
		</script>
	

<script src="js/Light_Box/jquery.colorbox.js"></script>
<script src="js/Light_Box/Js_Light_Box_Width.js"></script>
 <div id="main">
<a id="addButton" class="green-button" href="./includes/template/admin/add_note.html">Add a note</a><BR><BR>	
{STICKYNOTES}

<div class="#example"> 
	<div id="accordion">
		<h3><a href="#"><B>Total Projects&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;{TOTALPROJECTS}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GPMS Integrated Analytical Intelligence Reports</B></a></h3> 
		<div> 
			<table border="0" width="100%" align="left" cellpadding="0" cellspacing="0" >
				<tr align="left">
					<td align="left"  valign="top">
						<table align="left" border="0"  valign="top">
							<tr>
								<td align="left"  valign="top">
									<table align="left" border="0"  valign="top">
										<td align="left"  valign="top">
											<iframe name="FRAME_LIST" frameborder="0" width="275px" src="?module=dashboard&action=slideiframeleft&nomenu=1" height="405px" scrolling="no" style="overflow:hidden"></iframe>
										</td>		
									</table>
								</td>
							</tr>		
						</table>
					</td>
					<td align="left">
						<table style="width: 520px; height: 20px; padding-left:0px; border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" align="left" border="1" >
							<div id="container1" style="width: 550px; height: 400px; padding-left:0px"></div>	
							 
							<tr valign="left">
								<td width="25%">
									&nbsp;<a href="#" onClick="alert('Under Progress!!')"style="font-size:13px; font-weight:bold;">Cost Over Run</a> : <B>{COSTOVERRUNPROJECTS}</B>
								</td>
								<td width="25%">
									&nbsp;<a href="#" onClick="alert('Under Progress!!')"style="font-size:13px; font-weight:bold;">Cost Saving</a> : <B>{SAVINGPROJECTS}</B>
								</td>
								<td width="25%">
									&nbsp;<a href="#" onClick="alert('Under Progress!!')"style="font-size:13px; font-weight:bold;">Time Over Run</a> : <B>{TIMEOVERRUNPROJECTS}</B>
								</td>
								<td width="25%">
									&nbsp;<a href="#" onClick="alert('Under Progress!!')" style="font-size:13px; font-weight:bold;">Deleted</a> : <B>{DELETED}</B>
								</td>
							</tr><!-- ?module=dashboard&action=costoverrun&nomenu=1,?module=dashboard&action=costsavings&nomenu=1,
								?module=dashboard&action=timeoverrun&nomenu=1,?module=dashboard&action=deleted&nomenu=1	 -->						
						</table>
					</td>
					<td align="left"  valign="top">
						<table align="left" border="0"  valign="top">
							<td align="left"  valign="top">
								<iframe name="FRAME_LIST" frameborder="0" width="300px" src="?module=dashboard&action=slideiframe&nomenu=1" height="405px" scrolling="no" style="overflow:hidden"></iframe>
							</td>		
						</table>
					</td>
				</tr>
			</table>
		</div> 		
				
		<!-- IF MODCOUNT <> "0" -->
		<h3><a href="#"><B>Total Projects Modified Today &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;{MODCOUNT}</B></a></h3>
		<div align="center">
			<div class="scroll">
				<table class="mGrid" border="1" cellpadding="0" cellspacing="0" width="100%" align="center">
					<tr>
						<th scope="col" align="center"><b>User Name</b></th>
						<th scope="col" align="center"><b>IP Address</b></th>
						<th scope="col" align="center"><b>Modified On</b></th>
						<th scope="col" align="center"><b>No of Projects Modified</b></th>
					</tr>
					<!-- BEGIN dbvalues4 -->
					<tr class="alt">
						<td >
							{MODIFY_USERNAMEDEL}
						</td>
						<td align="center">
							{MODIFY_IPADDRESS}
						</td>
						<td align="center">
							{MODIFY_MODIFIEDON}
						</td>
						<td align="center">
							{MCOUNT}
						</td>
					</tr>
					<!-- END dbvalues4 -->
				</table>
			</div>
		</div>
		<!-- ENDIF -->
		<h3><a href="#"><B>No of Users Loged In Today &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;{USERCOUNT} </B></a></h3> 
		<div align="center"> 
			<div class="scroll">
				<table class="mGrid" border="1" cellpadding="0" cellspacing="0" width="55%" align="center">
					<tr>
						<!-- <td width="2%" align="center"><b>SI No.</b></td> -->
						<th scope="col"  width="5%" align="center"><b>SI No</b></th>
						<th scope="col"  width="10%" align="center"><b>User Name</b></th>
						<th scope="col"  width="10%" align="center"><b>IP Address</b></th>
						<th scope="col" width="20%" align="center"><b>Log In Time</b></th>						
					</tr>
						<!-- BEGIN userinfo -->
					<tr class="alt" align="left">
						<td align="left">								
							{SINO}								
						</td>							
						<td align="left">								
							{LOGUSERNAME}							
						</td>
						<td align="left">
							{IPADDRESS}
						</td>
						<td align="left">
							{INTIME}
						</td>
					</tr>
					<!-- END userinfo -->
				</table>  
			</div>	
		</div>				
		<!-- IF USERCOUNT1 <> "0" -->
		<h3><a href="#"><B>No of Failed Attempts &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;:&nbsp;&nbsp;&nbsp;{USERCOUNT1}</B></a></h3> 
		<div align="center"> 
			<div class="scroll">
				<table class="mGrid" border="1" cellpadding="0" cellspacing="0" width="55%" align="center">
					<tr>
						<th scope="col" width="5%"	align="center"><b>SI No</b></th>
						<th scope="col" width="10%" align="center"><b>User Name</b></th>
						<th scope="col" width="10%" align="center"><b>IP Address</b></th>
						<th scope="col" width="20%" align="center"><b>Log In Time</b></th>	
					</tr>
					<!-- BEGIN userinfo1 -->
					<tr class="alt"  align="left">
						<td align="left">
							{SINO}
						</td>
						<td align="left">
							{LOGUSERNAME}
						</td>
						<td align="left">
							{IPADDRESS}
						</td>
						<td align="left">
							{INTIME}
						</td>
					</tr>
					<!-- END userinfo1 -->
				</table>
			</div>
		</div>
		<!-- ENDIF -->	
	</div><!-- End demo --> 
</div>
</div>
<script>									// for Zones
	function loadTwo(iframe1URL)
	{ 
		parent.FRAME_LIST.location.href=iframe1URL
	} 
</script>
<script>                                   // for Head office
	function loadTwo2(iframe2URL)
	{ 
		parent.FRAME_LIST1.location.href=iframe2URL
	} 
</script>

<script> 
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
</script>


<!-- style for scroll starts here -->
<style type="text/css">
	div.scroll
	{
	background-color:#DFDFDF;
	width:600px;
	height:400px;
	overflow:scroll;
	}
</style>
<script type="text/javascript">
<!--//---------------------------------+
//  Developed by Roshan Bhattarai 
//  Visit http://roshanbh.com.np for this script and more.
//  This notice MUST stay intact for legal use
// --------------------------------->
$(document).ready(function()
{
	//first slide down and blink the alert box
    $("#object").animate({ 
        bottom: "0px"
      }, 2000 ).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
   
   //close the message box when the cross image is clicked 
   $("#close_message").click(function()
	{
	   $("#object").fadeOut("slow");
	});
});
</script>
<style type="text/css">
.message{
    border:1px solid #CCCCCC;
	position:absolute;
	border:1px solid #c93;
	background:#B9B9B9;
	padding:5px;
	right:0px;
	bottom : -170px;
}
 


</style>
  <div id="object" class="message"> 
  <img id="close_message" style="float:right;cursor:pointer"  src="{SKINS}images/12-em-cross.png" />
   <strong>Task Status</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>
  <p ><B>Completed :</B> {COMPLETED}</p>
  <p ><B>Pending :</B> {PENDING}</p>
  <p ><B>Suspended :</B> {SUSPANDED}</p>
</div>