<%@page contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script type='text/javascript' src='../JS/DATEINPUT.js'></script>
<script type='text/javascript' src='../JS/VIEWCALENDAR.js'></script>
<script type='text/javascript' src='/hr/dwr/interface/TimeRate.js'></script>
<script type='text/javascript' src='/hr/dwr/engine.js'></script>
<script type='text/javascript' src='/hr/dwr/util.js'></script>
<script language="JavaScript" type="text/JavaScript">
function displayTimeRate(rateType){
//alert("in displayTimeRate...rateType is : "+ rateType);
var objRateType1 = document.getElementById("rateType1");
var objRateType2 = document.getElementById("rateType2");
var objRateType3 = document.getElementById("rateType3");
switch(rateType){
case 1:
objRateType1.style.background = 'deepskyblue';;
objRateType2.style.background = 'gainsboro';
objRateType3.style.background = 'gainsboro';
TimeRate.getInnerHTML(1,callBack);
break;
case 2:
objRateType1.style.background = 'gainsboro';;
objRateType2.style.background = 'deepskyblue';
objRateType3.style.background = 'gainsboro';
TimeRate.getInnerHTML(2,callBack);
break;
case 3:
objRateType1.style.background = 'gainsboro';;
objRateType2.style.background = 'gainsboro';
objRateType3.style.background = 'deepskyblue';
TimeRate.getInnerHTML(3,callBack);
break
default:break;
}//end switch
}//end function
var callBack = function(data){
//alert("data after callBack is: "+data);
document.getElementById("divDisplayData").innerHTML=data;
}//end callBack
</script>
</head>
<body>
<form name="cscform" method="post" action="SME_TIMERATE.jsp">
<div id='divRateType'>
<table id ='tblRateType' style="background-color:white" border="0" cellpadding="1" cellspacing="0">
<tr>
<td><div id='rateType1' style='border:1px solid green;height:20px;width:200px;cursor:hand' onclick='displayTimeRate(1);'>Late Top Chart</div></td>
<td><div id='rateType2' style='border:1px solid green;height:20px;width:200px;cursor:hand' onclick='displayTimeRate(2);'> Leave & Late Top Chart</div></td>
<td><div id='rateType3' style='border:1px solid green;height:20px;width:200px;cursor:hand' onclick='displayTimeRate(3);'>Good Time Top Chart</div></td>
</tr>
</table>
</div>
<div id='divDisplayData'></div>
</form>
</body>
</html>