<?php 
header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
clearstatcache();
?>
<style>
.msg_body {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff5e5), color-stop(1, #fff5e5));
	background:-moz-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
	background:-webkit-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
	background:-o-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
	background:-ms-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
	background:linear-gradient(to bottom, #ffa61c 5%, #fff5e5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#fff5e5',GradientType=0);
	background-color:#00331a;
	color:white;
	width:100%;
	height: window.innerHeight;
	}
.msg_body1{
border-bottom:1px solid #ffffff;
}
.chat_box{
width:200px;
height:400px;
background-color:#e9e9e9;
}
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c));
	background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#ffa61c',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:100%;
	opacity:0.6;
}

.myButton_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c));
	background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
	background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffa61c',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#e9e9e9;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:7px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:200px;
}
.myButton_submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton_submit:active {
	position:relative;
	top:1px;
}
.footer_class{

 position:fixed;
 margin-bottom:0px;
}
.logo_part{
font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:4px 9px;
	text-decoration:none;
	 text-shadow:1px 1px #0066cc;
	color:#666666;
}
.shadow1{
box-shadow: 2px 2px 2px 2px #888888;
text-shadow:0px 1px 0px #ffffff;
cursor:pointer;
color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;

}
.shadow1:hover {
box-shadow: 10px 10px 10px 10px #888888;
color:#1a1a1a;
font-size:14px;
}
.shadow3{
box-shadow: 1px 1px 1px 1px #888888;
text-shadow:0px 1px 0px #ffffff;
cursor:pointer;
color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;

}
.shadow3:hover {
box-shadow: 5px 5px 5px 5px #888888;
color:#1a1a1a;
font-size:14px;
}
.msg_count{
padding-right:8px;
padding-left:5px;
background-color: #d9e6f2;
width:25px;
height:20px;
border-radius:15px;
text-align:center;
}
</style>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<?php  include('top.php');
			?>
		</td>
	</tr>
	<tr>
		<td width="100%" height="450px">
		
		<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:10px;">
		<tr>
		<td colspan="2" width="100%"><table width="100%" border="0">
		<tr>
		<td width='20%' rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailTech.JPG" height="90" width="150" ></td>
		<td width='20%' ></td>
		<td width='20%' ></td>
		<td width='20%' ></td>
		<td width='20%' valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('my_dashboard.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');" ><img src="images/mydashboard.png" height='30' width='30'>          My Dashboard</td>
		</tr>
		
		<?php 
		$sql_appTitle = "select centre_desc from app_title";
		$res_appTitle = @mysqli_query($conn,$sql_appTitle);
		$row_appTitle = @mysqli_fetch_array($res_appTitle);
		?>
		
		<tr>
		<td colspan='3' align="center" height="40px" class="logo_part"><marquee scrolldelay="1" behavior=alternate><?php  echo $row_appTitle['centre_desc']?></marquee><br></span></font></td>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%"  onclick="window.open('front_page.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/eventcalender.png" height='30' width='30'>          Event Calender</td>
		</tr>
		
		<tr>
		<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailFabLogo.jpg" height="90" width="150" ></td>
		<td valign='top' colspan='3' rowspan='7' align="center" height="350px" style="padding-left:0%;"><img src="images/a.png" ></td>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('latest_news.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/news.png" height='30' width='30'>          RailTech News</td>
		</tr>
		
		<tr>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('software_update.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/softwareupdate.png" height='30' width='30'>          TMS Updates</td>
		</tr>
		
		<tr>
		<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/TechFabLogo.jpg" height="90" width="150" ></td>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('directory.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/directory.jpeg" height='30' width='30'>          RailTech Directory</td>
		</tr>
		
		<tr>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('support.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/support.jpeg" height='30' width='30'>          RailTech Support</td>
		</tr>
		
		<tr>
		<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/yg.jpg" height="90" width="150" ></td>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%"  id ="broad_chat"  onclick="window.open('chat.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/broadcast.png" height='30' width='30'>          Broadcast Message<span class="msg_count"><font color="#336699"> <?php  echo msg_count();?></font></span></td>
		</tr>
		
		<tr>
		<td valign='center' align="left" class="shadow1" height="40px" width="20%" id="pearChat"><div id="pearChatbox"><img src="images/chat.png" height='30' width='30'>          RailTech Chat<span class="msg_count"><font color="#336699"> <?php  echo msg_pear_count();?></font></span></div><input type="text" id="search_box" name="searchbox" placeholder="Search by User Name" class="textbox1" style="width:80%; height:30px;" onkeyup="searchUser(this.value);"></td>
		</tr>
		
		<tr>
		<td height="auto" valign="top" align="right"><div id="chatBox" style="overflow:scroll; width:130px; height:300px; "></div></td>
		</tr>
		
		</table>
		</td>
		</tr>
			
			<tr>

		
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td class="footer_class" width="100%">
			<?php  include('footer.php'); ?>
		</td>
	</tr>
</table>

<script src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
	 $("#pearChatbox").show();
	    $("#search_box").hide();
	    $("#chatBox").hide();

	 $("#pearChat").hover(function(){
		    $("#pearChatbox").hide(300);
		    $("#search_box").show(300);
		});
	 $("#pearChat").mouseleave(function(){
		 $("#pearChatbox").show(300);
		    $("#search_box").hide(300);

	    });
	});

function searchUser(val){
	$("#chatBox").show(500);
	if(val==''){
		   $("#chatBox").hide(1000);
	}
	else{
	function stateChangedState()
	{

		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		{


			document.getElementById('chatBox').innerHTML=xmlHttp.responseText;

		}
	}

	Params='request_type=searchUser&val='+val;
	SendAjaxRequest('ajax.php','POST',true,Params,stateChangedState);
	}
}

</script>