function changeCSS()
{
    var browser=navigator.appName;
    var ua = navigator.userAgent;
    var MSIEOffset = ua.indexOf("MSIE ");
    IEVersion= parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));

    if ((browser=="Microsoft Internet Explorer")&& (IEVersion<9))
    {
        //alert("ie8");
        document.write('<link rel="stylesheet" type="text/css" href="css/mainIE6.css">');
    }
    else
    {
        //alert("ie9");
        document.write('<link rel="stylesheet" type="text/css" href="css/main.css">');
    }
}

function save()
{
    if(validation())
    {
        if(document.getElementById("empIndex").selectedIndex=='0')
           document.getElementById("action").value="add_employee";
        else
           document.getElementById("action").value="update_employee";
           document.pageform.submit();
    }
}

/******** This function is used to Validate Employee Registration Fields *************/

function validation()
{
    if(document.getElementById("usertype").value=='new')
    //if(document.getElementById("usertype").value.match(/^ *$/))
    {
        alert("Please select the usertype.!!!!");
        document.getElementById("usertype").focus();
        return;
    }

    else if(document.getElementById("empstatus").value=='new')
    {
        alert("Please select the empstatus.!!!!");
        document.getElementById("empstatus").focus();
        return;
    }
    else if(document.getElementById("location").value=='new')
    {
        alert("Please select the location.!!!!");
        document.getElementById("location").focus();
        return;
    }
    else if(document.getElementById("empid").value.match(/^ *$/))
    {
        alert("Please Enter the Employee Id.!!!!");
        document.getElementById("empid").focus();
        return;
    }
    else if(document.getElementById("fname").value.match(/^ *$/))
    {
        alert("Please Enter the First Name.!!!!");
        document.getElementById("fname").focus();
        return;
    }
    else if(document.getElementById("password").value.match(/^ *$/))
    {
        alert("Please Enter Your Password.!!!!");
        document.getElementById("password").focus();
        return;
    }

    return true;
}
/********************************************************************************/

/*********** Load Employee Names in the List Box ********************************/

function loadEmployeeList()
{
    document.getElementById("action").value="load_employee_list";
    document.getElementById("pageform").submit();
}

/*********************************** Mail Validation ****************************/
function checkEmail(str)
{
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(str))
    {
        return (true)
    }
    alert("Invalid E-mail Address! Please Enter valid E-mail Address.");
    return (false)
}

function submitEditCheck()
{
    document.getElementById("page").value='1';
    document.getElementById("pageform").submit();
}

function submitAttendance()
{
    document.getElementById("page").value='1';
    document.getElementById("pageform").submit();
}

function loadEmployee()//*******calling employee.tpl*******view.tpl********statistic.tpl
{
    document.pageform.submit();
}

function deleteEmployee()//*****calling employee.tpl*******
{
    document.getElementById("action").value="delete_employee";
    document.pageform.submit();
}

function loadPage()//******calling calendar.tpl, view.tpl and attendance.tpl******
{

    document.pageform.submit();
}

function viewCalendarLayer(e,day,month,year,divId) //*******Viewing calendar Layer*************
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+80+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-80 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }

    var createLayer;
    createLayer = "index.php?mod=MOD011&action=createLayer&day="+day+"&month="+month+"&year="+year;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseCalendar(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function viewAttendanceLayer(e,day,month,year,empIndex,divId) //*******Viewing attendance Layer*************
{                                                             //*******Calling attendance.tpl************
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+80+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-80 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createAttendanceLayer;
    createAttendanceLayer = "index.php?mod=MOD012&action=createAttendanceLayer&day="+day+"&month="+month+"&year="+year+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createAttendanceLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseAttendance(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function viewWorkLayer(e,day,month,year,empIndex,divId)//*******Viewing attendance Layer*************
{                                                      //*******Calling attendance.tpl************
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+80+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-80 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createWorkLayer;
    createWorkLayer = "index.php?mod=MOD012&action=createWorkLayer&day="+day+"&month="+month+"&year="+year+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createWorkLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseWork(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function getHTTPObject()
{
    var xmlhttp;
    /*@cc_on
    @if (@_jscript_version >= 5)
    try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
    xmlhttp = false;
    }
    }
    @else
    xmlhttp = false;
    @end @*/
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
    {
        try
        {
            xmlhttp = new XMLHttpRequest();
        }
        catch (e)
        {
            xmlhttp = false;
        }
    }
    return xmlhttp;
}

function CSVHttpResponseCalendar(divId)//********Response handling in Calendar layer*********
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%' id='handle' ><td style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>Define Holiday</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";

            if((sr['calendarArray'].length)>0)
            {
                locationArray =new Array();
                for(i = 0; i < sr['calendarArray'].length; i++)
                {
                    key = sr.calendarArray[i].key;
                    descr = sr.calendarArray[i].descr;
                    //descr.replace("%0D%0A",'')
                    locationArray[i] = sr.calendarArray[i].locationId;

                    if(!descr)
                    descr='';
                }



                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b><u> Date</u>: "+key+"</b></td></tr>";
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b><u>Location</u>: </b>";
                result+="<select name='locName' id='locName' size='1' style='width:120px' onchange=''>";
				for(i = 0; i < sr['locationListArray'].length; i++)
                {
                    locId = sr.locationListArray[i].locId;
                    Name = sr.locationListArray[i].locName;
                    locNameArray = sr.locationListArray[i].locNameArray;
					//alert(locNameArray);
					if(locationArray == locId)
						result+="<option  value="+locId+" selected >"+Name+"</option>";
					else
						result+="<option  value="+locId+" >"+Name+"</option>";


                }

				result+="</select>";
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b><u>Comments</u>:</b></td></tr>";
                result+="<tr><td align='center'><textarea id='calDesc' name='calDesc' cols='22' rows='2'>"+descr+"</textarea></td></tr>";
                //alert(key);
                result+="<tr style='height:35px'><td align='center' ><input class='button3' style='width:70px;height:20px' type='button' value='Save' onclick='saveCalendarDefinition(key,locNameArray)'  > <input class='button3' style='width:70px;height:20px' type='button' value='Delete' onclick='deleteCalendarDefinition(key,locNameArray)'></td></tr>";
            }
            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;
            divDrag(divId);

        }
    }
}

function saveCalendarDefinition(date,locNameArray)
{

	if ( document.pageform.locName.value == 'new')
		var selectedLoc=locNameArray;
    else
		var selectedLoc=document.pageform.locName.value;

    document.getElementById("action").value="save_calendar";
    document.getElementById("hidDate").value=date;
    document.getElementById("hidLocation").value=selectedLoc;
    document.pageform.submit();
}

function deleteCalendarDefinition(date,locNameArray)
{
    if ( document.pageform.locName.value == 'new')
		var selectedLoc=locNameArray;
    else
		var selectedLoc=document.pageform.locName.value;
    document.getElementById("action").value="delete_calendar";
    document.getElementById("hidDate").value=date;
    document.getElementById("hidLocation").value=selectedLoc;
    document.pageform.submit();
}


function CSVHttpResponseAttendance(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //document.getElementById("loading").style.display="none";
            var sr=eval("("+http.responseText+")");

             result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%' id='handle' ><td style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>Define Leave</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";
			 if((sr['attendanceArray'].length)>0)
            {
                for(i = 0; i < sr['attendanceArray'].length; i++)
                {
                    key = sr.attendanceArray[i].key;
                    value = sr.attendanceArray[i].descr;
                    type = sr.attendanceArray[i].type;
                    if(!value)
                    value='';
                }
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b><u> Date:</u> "+key+"</b></td></tr>";
                //result+="<tr><td align='center'>Comments</td></tr>";
                result+="<tr><td style='text-align:left;color:green;;height:20px '><font style='font-size:12'><b><u>Type</u>:</b></font>";
				result+="<select name='leaveTypeVal' id='leaveTypeVal'>";

				for(i = 0; i < sr['leaveTypesArray'].length; i++)
                {
                    key2 = sr.leaveTypesArray[i].key2;
                    leaveType = sr.leaveTypesArray[i].leaveType;
					if(type == key2)
						result+="<option  value="+key2+" selected >"+leaveType+"</option>";
					else
						result+="<option  value="+key2+" >"+leaveType+"</option>";
                }

				/*result+="<option value='0'>-Please Select-</option>";
				result+="<option value='1'>Casual/Sick Leave</option>";
				result+="<option value='2'>Earned Leave</option>";
				result+="<option value='3'>Compensatory Leave</option>";
				result+="<option value='4'>Marriage Leave</option>";
				result+="<option value='5'>Bereavement Leave</option>";
				result+="<option value='6'>Civic Duty Leave</option>";
				result+="<option value='7'>Paternity Leave</option>";
				result+="<option value='8'>Maternity Leave</option>";
				result+="<option value='9'>Maternity Leave</option>";*/
				result+="</select>";
                result+="<tr><td style='text-align:left;color:green;;height:20px '><font style='font-size:12'><b><u>Leave</u>:</b></font>";
                result+="<h><input type='radio' name='leave' id='full' value='1' checked>Fullday";
                result+="<input type='radio' name='leave' id='half' value='0.5'>Halfday</h></td></tr>";
                //alert(key);
                /*result+="<tr><td style='text-align:left;color:green;;height:20px'><font style='font-size:12'><b><u>Type</u>:</b></font>";
                result+="<input type='radio' name='type' id='approved' value='approved' checked>Approved";
                result+="<input type='radio' name='type' id='unapproved' value='unapproved'>Un Approved";
                result+="<input type='radio' name='type' id='discountinue' value='discountinue'>Discontinued</td></tr>";*/
                result+="<tr><td style='text-align:left;color:green;font-size:12 '><b><u>Comments: </u></b></td></tr>";
                result+="<tr><td align='center'><textarea id='attendanceDesc' name='attendanceDesc' cols='30' rows='3'>"+value+"</textarea></td></tr>";
                result+="<tr style='height:35px'><td align='center' ><input class='button3' style='width:70px;height:20px' type='button' value='Save' onclick='saveAttendanceDefinition(key)' > <input class='button3' style='width:70px;height:20px' type='button' value='Delete' onclick='deleteAttendanceDefinition(key)'></td></tr>";
                result+='</tbody></table>';
                document.getElementById(divId).innerHTML = result;
				 divDrag(divId);
                for(i = 0; i < sr['attendanceArray'].length; i++)
                {
                    if(sr.attendanceArray[i].leave=='1')
                    {
                        document.getElementById("full").checked='true';
                    }
                    else if(sr.attendanceArray[i].leave=='0.5')
                    {
                        document.getElementById("half").checked='true';
                    }
                }
            }
        }
    }
}

function CSVHttpResponseWork(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //document.getElementById("loading").style.display="none";
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%' id='handle' ><td style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>Worked on Holiday</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";
			if((sr['workArray'].length)>0)
            {
                for(i = 0; i < sr['workArray'].length; i++)
                {
                    key = sr.workArray[i].key;
                    value = sr.workArray[i].descr;
                    if(!value)
                    value='';
                }
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b><u> Date</u>: "+key+"</b></td></tr>";
                //result+="<tr><td align='center'>Comments</td></tr>";
                result+="<tr><td style='text-align:left;color:green;height:20px'><font style='font-size:12'><b><u>Holiday Work</u>: </b></font>";
                result+="<h><input type='radio' name='hwork' id='full' value='1' checked> Fullday ";
                result+="<input type='radio' name='hwork' id='half' value='0.5'> Halfday</h></td></tr>";
                //alert(key);
                result+="<tr><td style='text-align:left;color:green;font-size:12 '><b><u>Comments</u>:</b></td></tr>";
                result+="<tr><td align='center'><textarea id='attendanceDesc' name='attendanceDesc' cols='30' rows='3'>"+value+"</textarea></td></tr>";
                result+="<tr style='height:35px'><td align='center' ><input class='button3' style='width:70px;height:20px' type='button' value='Save' onclick='saveWorkDefinition(key)' > <input class='button3' style='width:70px;height:20px' type='button' value='Delete' onclick='deleteWorkDefinition(key)'></td></tr>";
                result+='</tbody></table>';
                document.getElementById(divId).innerHTML = result;
				divDrag(divId);
                for(i = 0; i < sr['workArray'].length; i++)
                {
                    if(sr.workArray[i].hwork=='1')
                    {
                        document.getElementById("full").checked='true';
                    }
                    else if(sr.workArray[i].hwork=='0.5')
                    {
                        document.getElementById("half").checked='true';
                    }
                }
            }
        }
    }
}






function saveAttendanceDefinition(date)
{
    if(document.getElementById("location").selectedIndex==0)
    {
        alert("Please select a location");
        document.getElementById("location").focus();
        return;
    }
    else if(document.getElementById("empIndex").selectedIndex==0)
    {
        alert("Please select an employee");
        document.getElementById("empIndex").focus();
        return;
    }
    else
    {
        //alert(date);
        document.getElementById("action").value="save_attendance";
        document.getElementById("hidDate").value=date;
        document.pageform.submit();
    }
}

function deleteAttendanceDefinition(date)
{
    document.getElementById("action").value="delete_attendance";
    document.getElementById("hidDate").value=date;
    document.pageform.submit();
}

function closeLayerDiv(divId)
{
    document.getElementById(divId).style.display="none";
}
//-----------This function is used to drag the Description layer----------
function divDrag(divId){
    var theHandle = document.getElementById("handle");
    var theRoot = document.getElementById(divId);
    Drag.init(theHandle, theRoot);
}



function saveWorkDefinition(date)
{

    if(document.getElementById("empIndex").selectedIndex==0)
    {
        alert("Please select an employee");
        document.getElementById("empIndex").focus();
        return;
    }
    else
    {
        //alert(date);
        document.getElementById("action").value="save_work";
        document.getElementById("hidDate").value=date;
        document.pageform.submit();
    }

}

function deleteWorkDefinition(date)
{
    document.getElementById("action").value="delete_Work";
    document.getElementById("hidDate").value=date;
    document.pageform.submit();
}


function loginCheck()
{

    if(document.getElementById("username").value.match(/^ *$/))
    {
        alert("Please Enter Login Name..");
        return;
    }
    else if(document.getElementById("password").value.match(/^ *$/))
    {
        alert("Please Enter Password..");
        return;
    }
    document.loginform.submit();
}

function sfunEnterKey( e ,div)
{
    var key;
    // if IE
    if (window.event)
    {
        // catch the event
        e = window.event;
        key = e.keyCode;
    }
    else if(e.which)
    {
        // netscape
        key = e.which;
    }
    // if key pressed is enter key
    if ( key == '13' )
    {
        var fdelement=div;
        evalstring="document.getElementById('"+fdelement+"')";
        var nextelement=eval(evalstring);
        nextelement.focus();
    }
}

function navigatePage(url)
{
    urlValue = window.location.host+window.location.pathname;
    str=window.location ='http://'+urlValue+url;
    //alert(str);

}

function viewWorkedHolidayLayer(e,fromDate,toDate,empIndex,divId)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+175+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD001&action=createHolidayViewLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseView(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseView(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            var sr=eval("("+http.responseText+")");
            // alert(sr);
            result="<div id='handle' width='100%' style='background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>Worked Holidays</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
            if((sr['viewWorkedArray'].length)>0)
            {
                for(i = 0; i < sr['viewWorkedArray'].length; i++)
                {
                    date = sr.viewWorkedArray[i].date;
                    descr = sr.viewWorkedArray[i].descr;
                    result+="<div style='float:left;text-align:left;color:green;font-size:12;border:0px solid;margin:10px 5px 0px 5px;width:140px;font-family:verdana '><b>"+date+"</div><div style='float:left;width:10px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'>:</div><div style='float:left;width:70px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'></b><font color='red'>"+descr+"</font></div>";

                }
            }
            else
            {
                result+="<div style='border:0px solid;text-align:left;color:green;font-size:12;margin:5px 5px 5px 5px;font-family:verdana;font-weight:bold '>Not Worked</div>";
            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}

function viewLeaveLayer(e,fromDate,toDate,empIndex,divId)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD001&action=createLeaveViewLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseViewLeave(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseViewLeave(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            var sr=eval("("+http.responseText+")");
            // alert(sr);
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:11pt;margin:0px 0px 0px 5px;font-weight:bold'>Leave Details</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
            if((sr['viewLeaveArray'].length)>0)
            {
                for(i = 0; i < sr['viewLeaveArray'].length; i++)
                {
                    date = sr.viewLeaveArray[i].date;
                    descr = sr.viewLeaveArray[i].descr;
                    reason = sr.viewLeaveArray[i].reason;
                    result+="<div style='clear:both'><div style='float:left;text-align:left;color:green;font-size:12;border:0px solid;margin:10px 5px 0px 5px;width:140px;font-family:verdana '><b>"+date+"</b></div><div style='float:left;width:10px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'>:</div><div style='float:left;width:60px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'><font color='red'>"+descr+"</font></div><div style='float:left;width:230px;font-size:11;border:0px solid;margin:10px 5px 5px 0px;font-family:verdana'>"+reason+"</div></div>";

                }
            }
            else
            {
                result+="<div style='text-align:left;color:green;font-size:12;margin:10px 5px 0px 5px;font-family:verdana '><b>No leave Taken</div>";

            }
            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}

function reportWorkedHolidayLayer(e,fromDate,toDate,keyId,divId,anchor)
{
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD013&action=createHolidayReportLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+keyId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseReportHoliday(divId,anchor)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseReportHoliday(divId,anchor)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            var sr=eval("("+http.responseText+")");
            // alert(sr);
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:pointer' ><b style='float:left;font-size:11pt;margin:0px 0px 0px 5px;font-weight:bold'>Worked Holidays</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
            if((sr['reportWorkHolidayArray'].length)>0)
            {
                for(i = 0; i < sr['reportWorkHolidayArray'].length; i++)
                {
                    date = sr.reportWorkHolidayArray[i].date;
                    descr = sr.reportWorkHolidayArray[i].descr;
                    result+="<div style='float:left;text-align:left;color:green;font-size:12;border:0px solid;margin:5px 5px 5px 5px;width:140px;font-family:verdana '><b>"+date+"</div><div style='float:left;width:10px;font-size:12;border:0px solid;margin:5px 5px 5px 0px;font-family:verdana'>:</div><div style='float:left;width:70px;font-size:12;border:0px solid;margin:5px 5px 5px 0px;font-family:verdana'></b><font color='red'>"+descr+"</font></div>";
                }

            }
            else
            {
                result+="<div style='text-align:left;color:green;font-size:12;margin:5px 5px 5px 5px;font-family:verdana '><b>Not Worked</div>";
            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
            window.location.hash=anchor;
        }
    }
}

function reportLeaveLayer(e,fromDate,toDate,keyId,divId,anchor)
{
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD013&action=createLeaveReportLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+keyId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseReportLeave(divId,anchor)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseReportLeave(divId,anchor)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            var sr=eval("("+http.responseText+")");
            // alert(sr);
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:11pt;margin:0px 0px 0px 5px;font-weight:bold'>Leave Details</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
            if((sr['reportLeaveArray'].length)>0)
            {
                for(i = 0; i < sr['reportLeaveArray'].length; i++)
                {
                    date = sr.reportLeaveArray[i].date;
                    descr = sr.reportLeaveArray[i].descr;
                    reason = sr.reportLeaveArray[i].reason;
                    result+="<div style='clear:both'><div style='float:left;text-align:left;color:green;font-size:12;border:0px solid;margin:10px 5px 0px 5px;width:140px;font-family:verdana '><b>"+date+"</b></div><div style='float:left;width:10px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'>:</div><div style='float:left;width:60px;font-size:12;border:0px solid;margin:10px 5px 0px 0px;font-family:verdana'><font color='red'>"+descr+"</font></div><div style='float:left;width:230px;font-size:11;border:0px solid;margin:10px 5px 5px 0px;font-family:verdana'>"+reason+"</div></div>";
				}
            }
            else
            {
                result+="<div style='text-align:left;color:green;font-size:12;margin:5px 5px 5px 5px;font-family:verdana '><b>No Leave Taken</div>";
            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
            window.location.hash=anchor;
        }
    }
}

function viewLeaveStatisticsLayer(e,dayVal,monthVal,YearVal,empindex,divId)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD014&action=createLeaveStatisticsLayer&day="+dayVal+"&month="+monthVal+"&year="+YearVal+"&empIndex="+empindex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseStatisticsLeave(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseStatisticsLeave(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //alert(response);
            var sr=eval("("+http.responseText+")");
            // alert(sr);
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%' id='handle' ><td colspan='5' style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>Leave Details</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";
			if((sr['statisticsLeaveArray'].length)>0)
            {
                date = sr.statisticsLeaveArray[0].date;
                result+="<tr><td colspan='5' style='text-align:left;color:#8F3E8D;font-size:12;height:30px '><b><u>Date: "+date+"</u></td></tr>";
                for(i = 1; i < sr['statisticsLeaveArray'].length; i++)
                {
                    name = sr.statisticsLeaveArray[i].name;
                    leave = sr.statisticsLeaveArray[i].leave;
                    loc = sr.statisticsLeaveArray[i].loc;
                    reason = sr.statisticsLeaveArray[i].reason;

                    result+="<tr><td style='text-align:left;color:green;font-size:12 '><b>"+name+"</td><td></b><font color='green'>"+loc+"</font></td><td>:</td><td></b><font color='red'>"+leave+"</font></td><td style='width:350px'></b><font color='#000'>["+reason+"]</font></td></tr>";
                }
            }

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;
			divDrag(divId);
        }
    }
}

function viewWorkStatisticsLayer(e,dayVal,monthVal,YearVal,empindex,divId)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD014&action=createWorkStatisticsLayer&day="+dayVal+"&month="+monthVal+"&year="+YearVal+"&empIndex="+empindex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseStatisticsWork(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseStatisticsWork(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //alert(response);
            var sr=eval("("+http.responseText+")");
            // alert(sr);
           result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%' id='handle' ><td colspan='4' style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>Worked Holidays</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";
			if((sr['statisticsWorkArray'].length)>0)
            {
                date = sr.statisticsWorkArray[0].date;
                result+="<tr><td colspan='4' style='text-align:center;color:green;font-size:12 '><b><u>Date: "+date+"</u></td></tr>";
                for(i = 1; i < sr['statisticsWorkArray'].length; i++)
                {
                    name = sr.statisticsWorkArray[i].name;
                    hwork = sr.statisticsWorkArray[i].hwork;
                    loc = sr.statisticsWorkArray[i].loc;

                    result+="<tr><td style='text-align:left;color:green;font-size:12 '><b>"+name+"</td><td></b><font color='green'>"+loc+"</font></td><td>:</td><td></b><font color='red'>"+hwork+"</font></td></tr>";
                }
            }

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;
			 divDrag(divId);
        }
    }
}

function viewSalaryLayer(e,empIndex,month,year,divId) //*******Viewing salary Layer*************
{
                                                        //*******Calling salary.tpl************
    //alert(year);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        //posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = 50;
        document.getElementById(divId).style.left=450 ;
    }
    else if (e.clientX || e.clientY)//IE
    {
        //posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-200+"px";
        document.getElementById(divId).style.left= 450;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD021&action=createSalaryLayer&empIndex="+empIndex+"&month="+month+"&year="+year;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseSal(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseSal(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //document.getElementById("loading").style.display="none";
            var sr=eval("("+http.responseText+")");
            //result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>Salary Details</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;text-decoration:none;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;'>Close[X]</b></a></div>";

            //result="<div style=\'width:100%;border-right:1px solid white;background:#99CC00;color:white;font-size:11pt;height:20px;float:left;font-weight:bold\'>Salary Details<a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b style='color:black;font-size:11pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;'>Close[X]</b></a></div> ";
            if((sr['salaryLayerArray'].length)>0)
            {

                date = sr.salaryLayerArray[0].date;
                name = sr.salaryLayerArray[0].name;
                paymode = sr.salaryLayerArray[0].paymode;
                basicCurrent = sr.salaryLayerArray[0].basicCurrent;
                basicArrear = sr.salaryLayerArray[0].basicArrear;
                daCurrent = sr.salaryLayerArray[0].daCurrent;
                daArrear = sr.salaryLayerArray[0].daArrear;
                hraCurrent = sr.salaryLayerArray[0].hraCurrent;
                hraArrear = sr.salaryLayerArray[0].hraArrear;
                conveyCurrent = sr.salaryLayerArray[0].conveyCurrent;
                conveyArrear = sr.salaryLayerArray[0].conveyArrear;
                splCurrent = sr.salaryLayerArray[0].splCurrent;
                splArrear = sr.salaryLayerArray[0].splArrear;
                medicalCurrent = sr.salaryLayerArray[0].medicalCurrent;
                medicalArrear = sr.salaryLayerArray[0].medicalArrear;
                pf = sr.salaryLayerArray[0].pf;
                tds = sr.salaryLayerArray[0].tds;
                pt = sr.salaryLayerArray[0].pt;
                otherDeduc = sr.salaryLayerArray[0].otherDeduc;
                empId = sr.salaryLayerArray[0].empId;
            //  alert(empId);
                if(!paymode)
                    paymode='';
                if(!basicCurrent)
                    basicCurrent='';
                if(!basicArrear)
                    basicArrear='';
                if(!daCurrent)
                    daCurrent='';
                if(!daArrear)
                    daArrear='';
                if(!hraCurrent)
                    hraCurrent='';
                if(!hraArrear)
                    hraArrear='';
                if(!conveyCurrent)
                    conveyCurrent='';
                if(!conveyArrear)
                    conveyArrear='';
                if(!splCurrent)
                    splCurrent='';
                if(!splArrear)
                    splArrear='';
                if(!medicalCurrent)
                    medicalCurrent='';
                if(!medicalArrear)
                    medicalArrear='';
                if(!pf)
                    pf='';
                if(!tds)
                    tds='';
                if(!pt)
                    pt='';
				if(!otherDeduc)
                    otherDeduc='';
                result+="<div style='clear:both;height:10px'></div>";
                result+="<div style='border:0px solid;float:left;width:70px;color:green;margin-left:5px;text-align:left;font-size:10pt '><b>Date</b>: </div>";
				result+="<div style='border:0px solid;float:left;width:220px;color:green;text-align:left;font-size:10pt '><b>"+date+"</b></div>";
				result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:70px;color:green;margin-left:5px;text-align:left;font-size:10pt '><b>Name</b>: </div>";
				result+="<div style='border:0px solid;float:left;width:220px;color:green;text-align:left;font-size:10pt '><b>"+name+"</b></div>";
                result+="<div style='clear:both;height:10px'></div>";

                result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Pay Mode: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='paymode' id='paymode' value="+paymode+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";

                result+="<div style='border:0px solid;float:left;width:125px;color:green;font-size:11pt;margin-left:5px;text-align:left; '><b>Earnings</b></div><div style='border:0px solid;float:left;width:77px;color:green;font-size:11pt;text-align:left; '><b>Current</b></div><div style='border:0px solid;float:left;width:60px;color:green;font-size:11pt '><b>Arrears</b></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>Basic: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_basic' id='current_basic' size='8'value="+basicCurrent+">&nbsp;<input type='text' name='basic_arrear' id='basic_arrear' size='7'value="+basicArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>DA: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_da' id='current_da' size='8'value="+daCurrent+">&nbsp;<input type='text' name='da_arrear' id='da_arrear' size='7'value="+daArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>HRA: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_hra' id='current_hra' size='8'value="+hraCurrent+">&nbsp;<input type='text' name='hra_arrear' id='hra_arrear' size='7'value="+hraArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>Conveyance: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_conveyance' id='current_conveyance' size='8'value="+conveyCurrent+">&nbsp;<input type='text' name='conveyance_arrear' id='conveyance_arrear' size='7'value="+conveyArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>SPL Allowance: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_spl' id='current_spl' size='8'value="+splCurrent+">&nbsp;<input type='text' name='spl_arrear' id='spl_arrear' size='7'value="+splArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>Medical: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='current_medical' id='current_medical' size='8'value="+medicalCurrent+">&nbsp;<input type='text' name='medical_arrear' id='medical_arrear' size='7'value="+medicalArrear+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:130px;color:green;font-size:10pt;margin-left:5px;text-align:left; '><b>Deduction</b></div><div style='border:0px solid;float:left;width:130px;color:green;font-size:10pt;text-align:left; '><b>Amount</b></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>PF: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='pf' id='pf' value="+pf+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>TDS: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='tds' id='tds' value="+tds+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>PT: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='pt' id='pt' value="+pt+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;font-size:10pt;margin-left:5px;text-align:left; '>Other: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='otherDeduc' id='otherDeduc' value="+otherDeduc+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;text-align:center;width:280px;color:green;font-size:10pt;margin-left:5px'><input class='button3' style='width:70px;height:20px' type='button' value='Save' onclick='saveSalary(\""+empId+"\")'></div>";
				result+="<div style='clear:both;margin-bottom:5px;'></div>";

           // result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;
            divDrag(divId);

            }
        }
    }
}

function saveSalary(empId)
{

        //alert(date);
        document.getElementById("action").value="save_salary";
        document.getElementById("hidEmpIndex").value=empId;
        document.pageform.submit();

}


function loadReport()
{
    document.getElementById("action").value="load_Report";
    document.pageform.submit();
}

function loadOurTeam()
{
    document.getElementById("action").value="load_OurTeam";
    document.pageform.submit();
}

function loadStatistics()
{
    document.getElementById("action").value="load_Statistics";
    document.pageform.submit();
}
function loadSalary()
{
    document.getElementById("action").value="load_Salary";
    document.pageform.submit();
}

function sortPercentage()
{
    document.getElementById("action").value="sort_percentage";
    document.pageform.submit();
}

function displayChangePassword()
{
    document.getElementById("chpassword").style.display="";
    //document.getElementById("message").style.display="none";
}

function clearEmployee()
{
    document.getElementById("empIndex").selectedIndex=0;
    document.pageform.submit();
}

function cancelChangePassword()
{
    document.getElementById("chpassword").style.display="none";
}
function changePassword()
{
    if(document.getElementById("newpwd").value==document.getElementById("renewpwd").value){
        if(document.getElementById("newpwd").value.match(/^ *$/))
        {
            alert("Please enter password");
        }
        else
        {
        document.getElementById("action").value="change_password";
        document.getElementById("chpassword").style.display="none";
        document.pageform.submit();
        }
    }
    else
    {
        alert("Passwords doesn't match !");
        document.getElementById("newpwd").value='';
        document.getElementById("renewpwd").value='';
        document.getElementById("newpwd").focus();
    }
}

function loginFocus()
{
    document.getElementById("username").focus();
}

function salarySlip(empIndex)
{
    //var url="index.php?mod=salary&action=salPDF";
    document.getElementById("action").value="salPDF";
    document.getElementById("hidEmpIndex").value=empIndex;
        //document.getElementById("chpassword").style.display="none";

        document.pageform.submit();

    // open new contact details window
    //win = window.open( url, 'salaryPopup', 'scrollbars=no, resizable=no, left=300, top= 200, height=1000, width=900' );
}

function sendmail(empIndex)
{
    var count=0;
    /*if( document.pageform.mailcheck.value){
        if ( document.pageform.mailcheck.checked ){
            var systemId = document.pageform.mailcheck.value;
        }
    }*/
    for ( var i=0; i < document.pageform.mailcheck.length; i ++ ){

        if (document.pageform.mailcheck[i].checked == true){

            count++;

        }
    }

    if(count>0){

        document.getElementById("action").value="sendMail";
        document.pageform.submit();
    }
    else{
        alert("please select an employee");
    }
}

function saveOwner()
{

    if(ownervalidation())
    {
        if(document.getElementById("ownerIndex").selectedIndex=='0')
           document.getElementById("action").value="add_owner";
        else
           document.getElementById("action").value="update_owner";
           document.pageform.submit();
    }
}

function ownervalidation()
{
    if(document.getElementById("name").value.match(/^ *$/))
    {
        alert("Please Enter the Owner Name.!!!!");
        document.getElementById("name").focus();
        return;
    }
    return true;
}

function deleteOwner()
{
    document.getElementById("action").value="delete_owner";
    document.pageform.submit();
}

function clearOwner()
{
    document.getElementById("ownerIndex").selectedIndex=0;
    document.pageform.submit();
}

function saveSystem()
{
    if(systemValidation())
    {
        if(document.getElementById("cabinetId").selectedIndex=='0')
           document.getElementById("action").value="add_system";
        else
           document.getElementById("action").value="update_system";
           document.pageform.submit();
    }
}

function systemValidation()
{
    if(document.getElementById("sysownerId").value=='new')
    {
        alert("Please select the Owner.!!!!");
        document.getElementById("sysownerId").focus();
        return;
    }

    else if(document.getElementById("syslocation").value=='new')
    {
        alert("Please select the Location.!!!!");
        document.getElementById("syslocation").focus();
        return;
    }
    else if(document.getElementById("cabinet").value.match(/^ *$/))
    {
        alert("Please Enter the Cabinet Number.!!!!");
        document.getElementById("cabinet").focus();
        return;
    }
    return true;
}

function deleteSystem()
{
    document.getElementById("action").value="delete_system";
    document.pageform.submit();
}

function clearSystem()
{
    document.getElementById("cabinetId").selectedIndex=0;
    document.pageform.submit();
}

function saveMonitor()
{
    if(monitorValidation())
    {
        if(document.getElementById("monitorId").selectedIndex=='0')
           document.getElementById("action").value="add_monitor";
        else
           document.getElementById("action").value="update_monitor";
           document.pageform.submit();
    }
}

function monitorValidation()
{
    if(document.getElementById("monownerId").value=='new')
    {
        alert("Please select the Owner.!!!!");
        document.getElementById("monownerId").focus();
        return;
    }

    else if(document.getElementById("monlocation").value=='new')
    {
        alert("Please select the Location.!!!!");
        document.getElementById("monlocation").focus();
        return;
    }
    else if(document.getElementById("moniNo").value.match(/^ *$/))
    {
        alert("Please Enter the Monitor Number.!!!!");
        document.getElementById("moniNo").focus();
        return;
    }
    return true;
}

function deleteMonitor()
{
    document.getElementById("action").value="delete_monitor";
    document.pageform.submit();
}

function clearMonitor()
{
    document.getElementById("monitorId").selectedIndex=0;
    document.pageform.submit();
}

function saveCubicle()
{
    if(cubicleValidation())
    {
        if(document.getElementById("cubicleId").selectedIndex=='0')
           document.getElementById("action").value="add_cubicle";
        else
           document.getElementById("action").value="update_cubicle";
           document.pageform.submit();
    }
}

function cubicleValidation()
{
    if(document.getElementById("location").value=='new')
    {
        alert("Please select the Location.!!!!");
        document.getElementById("location").focus();
        return;
    }

    else if(document.getElementById("cubname").value.match(/^ *$/))
    {
        alert("Please Enter the Cubicle Name.!!!!");
        document.getElementById("cubname").focus();
        return;
    }

    else if(document.getElementById("cabinetId").value=='new')
    {
        alert("Please select the CPU.!!!!");
        document.getElementById("cabinetId").focus();
        return;
    }
    else if(document.getElementById("monitorId").value=='new')
    {
        alert("Please select the Monitor.!!!!");
        document.getElementById("monitorId").focus();
        return;
    }

    return true;
}

function deleteCubicle()
{
    result=confirm("Do you want to delete this cubicle?");
    if(result){
        document.getElementById("action").value="delete_cubicle";
        document.pageform.submit();
    }
}

function deleteMultipleCubicles()
{
    result=confirm("Do you want to delete this entry?");
    if(result){
        document.getElementById("action").value="delete_mul_cubicle";
        document.pageform.submit();
    }
}

function clearCubicle()
{
    document.getElementById("location").selectedIndex=0;
    document.pageform.submit();
}

/**
* This function is used to
* sort page values
*
* @access   public
* @param    null.
*
* @return   null.
*/
function SortPageValues( fieldname ){

    //document.getElementById("action").value="sortpage";
    document.getElementById("hidSortCol").value= fieldname;
    //alert(document.getElementById("hidSortOrder").value);

    if( document.getElementById("hidSortOrder").value == 'asc' ){
        document.getElementById("hidSortOrder").value = 'desc';
    }
    else{
        document.getElementById("hidSortOrder").value = 'asc';
    }
    document.getElementById("pageform").submit();
}

/**
* This function is used to
* search element when
* a enter key press
*
* @access   public
* @param    null.
*
* @return   null.
*/
function GeneralSearch( pType, e )
{
    var key;

    // if IE
    if (window.event)
    {
        // catch the event
        e = window.event;
        key = e.keyCode;
    }
    else if(e.which)
    {
        // netscape
        key = e.which;
    }

    // if key pressed is enter key
    if ( key == '13' )
    {
        sfunGeneralSearch( );

    }
}

/**
* This fuction is used to general search
*/
function sfunGeneralSearch( ){

    document.pageform.pageList.selectedIndex = 0;
    document.getElementById("action").value="search_item";
    document.getElementById("pageform").submit();
}

/**
* This fuction is used to List CPU Details
*/
function loadCPUListLayer(e,divId)
{
    cpuId=document.getElementById("cabinetId").value;
    if(cpuId!="new"){
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-100+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD024&action=createCPULayer&cpuId="+cpuId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseCPU(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
    }
    else
        alert("Select CPU!");
}

function CSVHttpResponseCPU(divId)
{

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['cpuArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                key         = sr.cpuArray[0].key;
                cabNo       = sr.cpuArray[0].cabNo;
                processor   = sr.cpuArray[0].processor;
                mboard      = sr.cpuArray[0].mboard;
                hdisk       = sr.cpuArray[0].hdisk;
                ram         = sr.cpuArray[0].ram;
                cddvd       = sr.cpuArray[0].cddvd;

                result="<div id='handle' style=background:#99CC00;color:white;height:20px;cursor:move;' ><b style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>CPU Details</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>CPU Name:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px'>"+cabNo+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Processor:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+processor+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Mother Board:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+mboard+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Hard Disk:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+hdisk+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>RAM:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+ram+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>CD/DVD:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+cddvd+"&nbsp;</div>";

            }
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}

/**
* This fuction is used to List Monitor Details
*/
function loadMonitorListLayer(e,divId)
{
    monId=document.getElementById("monitorId").value;

    if(monId!="new"){

     var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-230+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-230+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD024&action=createMonitorLayer&monId="+monId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseMonitor(divId,monId)};
    http.send(null);
    document.getElementById(divId).style.display="";
    }
    else
        alert("Select Monitor!");
}

function CSVHttpResponseMonitor(divId)
{


    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['monitorArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                key         = sr.monitorArray[0].key;
                monNo       = sr.monitorArray[0].monNo;
                size        = sr.monitorArray[0].size;
                type        = sr.monitorArray[0].type;

                result="<div id='handle' style=background:#99CC00;color:white;height:20px;cursor:move' ><b style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>CPU Details</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Monitor Name:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px'>"+monNo+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Monitor Size:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+size+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Monitor Type:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:185px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+type+"&nbsp;</div>";


            }
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}


function saveDataEntry()
{
    if(datEntryValidation())
    {
        document.getElementById("action").value="add_dataentry";
        document.pageform.submit();
    }
}

function datEntryValidation()
{
    if(document.getElementById("restaurant").value.match(/^ *$/))
    {
        alert("Please Enter the Restaurant Name.!!!!");
        document.getElementById("restaurant").focus();
        return;
    }

    return true;
}

function editDataEntry()
{
    document.getElementById("action").value="edit_dataentry";
    document.pageform.submit();

}
function deleteDataEntry()
{
    result=confirm("Do you want to delete this entry?");
    if(result){
        document.getElementById("action").value="delete_dataentry";
        document.pageform.submit();
    }

}
function changePage(page)
{
    document.getElementById("page").value=page;
    document.pageform.submit();
}

function viewDataEntry(dataEntryId){

    document.getElementById("hidDataEntryId").value = dataEntryId;
    changePage('1');
}

function QAApproved(dataEntryId)
{
    result=confirm("Do you want to approve this entry?");
    if(result){
        document.getElementById("action").value="approve_dataentry";
        document.getElementById("hidDataEntryId").value = dataEntryId;
        document.pageform.submit();
    }
}

function QAUnApproved(dataEntryId)
{
    result=confirm("Do you want to unapprove this entry?");
    if(result){
        document.getElementById("action").value="unApprove_dataentry";
        document.getElementById("hidDataEntryId").value = dataEntryId;
        document.pageform.submit();
    }
}

function UpdateActiveStatus(dataEntryId,status)
{
    result=confirm("Do you want to change the status?");
    if(result){
        document.getElementById("action").value="updateActiveStatus";
        document.getElementById("hidDataEntryId").value = dataEntryId;
        document.getElementById("hidStatus").value = status;
        document.pageform.submit();
    }
}

function viewCommentLayer(e,comment,restaurant,divId,id,save)
{
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-90+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-90+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    document.getElementById(divId).style.display="";

    result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>Comment</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
    result+="<div style='float:left;text-align:center;color:green;font-size:14px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana;font-weight:bold '>"+restaurant+"</div>";
    if(save=='noSave'){
        result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><p>"+comment+"</p></div>";
    }
    else{
        result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><textarea id='comment' style='width:240px;height:100px'>"+comment+"</textarea></div>";
        result+="<div style='float:left;text-align:center;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input class='button1' style='width:75px;height:20px' type='button' value='Save' onmouseover=this.className='button_over1' onmouseout=this.className='button_out1' onclick='updateComment("+id+",\""+divId+"\")'  ></div>";
    }

    document.getElementById(divId).innerHTML = result;
    divDrag(divId);

}



function updateComment(id,divId)
{
    //alert(id);
    //alert(comment);
    var comment=document.getElementById("comment").value;
    var updateComment;
    updateComment = "index.php?mod=MOD017&action=update_comment&dataId="+id+"&comment="+comment;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", updateComment, true);
    http.onreadystatechange = function (){CSVHttpResponseComment()};
    http.send(null);
    document.getElementById(divId).style.display="none";
}
function CSVHttpResponseComment()
{


    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;

            if(response=='1')
                alert("Comment successfully updated!!");
            else
                alert("Error occured!!");

        }
    }
    document.pageform.submit();
}

//function setClickStatus(){
    //document.getElementById("hidClickStatus").value="true";
//}

function addComment(comment,usertype)
{

    if(usertype=="DA")
     document.getElementById("comment").value+=comment+'\n';
    else
        document.getElementById("qacomment").value+=comment+'\n';
}

function downloadDataEntry()
{

    document.getElementById("action").value="downloadDataEntry";
    document.pageform.submit();

}

function restNameLayer(e,restaurant,divId)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-60+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-60+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    document.getElementById(divId).style.display="";
    result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>Restaurant Name</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
    result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;_width:250px;font-family:verdana '><p style='border:0px solid'>"+restaurant+"</p></div>";
    //result+="<div style='float:left;text-align:center;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input class='button1' style='width:75px;height:20px' type='button' value='Save' onmouseover=this.className='button_over1' onmouseout=this.className='button_out1' onclick='updateComment("+id+",\""+divId+"\")'  ></div>";

    document.getElementById(divId).innerHTML = result;
    divDrag(divId);

}

function refCommentLayer(e,divId)
{
    //alert(id);
    //alert(empIndex);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        //posx = e.pageX+10;
        //posy = e.pageY-140;
        document.getElementById(divId).style.top = posy+90+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=450 ;
    }

    else if (e.clientX || e.clientY)//IE
    {
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+0+"px";
        document.getElementById(divId).style.left= 450;

    }
    document.getElementById(divId).style.display="";
    result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:pointer' ><b style='float:left;font-size:11pt;margin:0px 0px 0px 5px;font-weight:bold'>Comment Reference</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
    result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><textarea id='comment' style='width:240px;height:300px' readonly>NO MENU,\nNO FAX,\nNO TELEPHONE,\nWRONG WEBSITE,\nNO WEBSITE,\nNO EMAIL,\nMORE THAN ONE MENU,\nNO ADDRESS IN WEBSITE,\nGIVEN ADDRESS NOT IN WEB,\nALREADY EXIST,\nDELETED,\nNAME UPDATED,\nSTREET UPDATED,\nHOUSE NUMBER UPDATED,\nZIP UPDATED,\nCITY UPDATED,\nPHONE UPDATED,\nWEBSITE UPDATED</textarea></div>";
    //result+="<div style='float:left;text-align:center;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input class='button1' style='width:75px;height:20px' type='button' value='Save' onmouseover=this.className='button_over1' onmouseout=this.className='button_out1' onclick='updateComment("+id+",\""+divId+"\")'  ></div>";

    document.getElementById(divId).innerHTML = result;
    divDrag(divId);

}

function viewQACommentLayer(e,comment,restaurant,divId,id,save)
{

    //alert(sr);
    //alert(sr);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        //posx = e.pageX+10;
        posy = e.pageY-140;
        document.getElementById(divId).style.top = posy+120+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=550 ;
    }

    else if (e.clientX || e.clientY)//IE
    {
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+0+"px";
        document.getElementById(divId).style.left= 550;

    }

      var createLayer;

    createLayer = "index.php?mod=MOD017&action=createQALayer&dataId="+id;
    http = getHTTPObject(); // We create the HTTP Object


    //document.getElementById("loading").style.display="";


    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){HttpResponse(comment,restaurant,divId,id,save)};
    http.send(null);


}

function HttpResponse(comment,restaurant,divId,id,save){

     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

              var sr=eval("("+http.responseText+")");



            document.getElementById(divId).style.display="";
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>QA Comment</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";
            result+="<div style='float:left;text-align:center;color:green;font-size:14px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana;font-weight:bold '>"+restaurant+"</div>";
            if(save=='noSave'){
                result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '>"+comment+"</div>";
                if((sr['QAComentArray'].length)>0){
                for(i = 0; i < sr['QAComentArray'].length; i++) {
                key = sr.QAComentArray[i].key;
                value = sr.QAComentArray[i].value;
                checked = sr.QAComentArray[i].checked;


                //if(checked='checked')
                    result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input type='checkbox'  id='accuracy"+key+"' name='accuracy'  value='"+key+"' "+checked+"/>"+value+"</div>";


                      }
            }

            }
            else{
            result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><textarea id='qaComment' style='width:240px;height:100px'>"+comment+"</textarea></div>";
            if((sr['QAComentArray'].length)>0){
                for(i = 0; i < sr['QAComentArray'].length; i++) {
                key = sr.QAComentArray[i].key;
                value = sr.QAComentArray[i].value;
                checked = sr.QAComentArray[i].checked;

                    result+="<div style='float:left;text-align:left;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input type='checkbox'  id='accuracy"+key+"' name='accuracy'  value='"+key+"' "+checked+"/> "+value+"</div>";


                      }
            }
            result+="<div style='float:left;text-align:center;color:black;font-size:12px;border:0px solid;margin:5px 5px 5px 5px;width:240px;font-family:verdana '><input class='button3' style='width:70px;height:20px' type='button' value='Save' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='updateQAComment("+id+",\""+divId+"\",\""+sr['QAComentArray'].length+"\")'  ></div>";
            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);

        }
    }

}

function updateQAComment(id,divId,accParameters)
{
    //alert(id);
    //alert(comment);
    var selectedAcuuracy =new Array();
    var comment=document.getElementById("qaComment").value;
    //alert(document.getElementById.("accuracy").value);
    var i;

    for( i=1;i<=accParameters;i++){

      if(document.getElementById("accuracy"+i).checked){

         selectedAcuuracy[i] =document.getElementById("accuracy"+i).value;
      }
    }


	selectedAcuuracy =selectedAcuuracy.toString();

	//selectedAcuuracy = selectedAcuuracy.replace( /^\,*/, "" );removing first comas
	//selectedAcuuracy =selectedAcuuracy.substring(1);//removing first coma


    var updateComment;
    updateComment = "index.php?mod=MOD017&action=update_qaComment&dataId="+id+"&qaComment="+comment+"&accuracy="+selectedAcuuracy;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", updateComment, true);
    http.onreadystatechange = function (){CSVHttpResponseQAComment()};
    http.send(null);
    document.getElementById(divId).style.display="none";
}
function CSVHttpResponseQAComment()
{


    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;

            if(response=='1')
                alert("Comment successfully updated!!");
            else
                alert("Error occured!!");

			document.pageform.submit();

        }
    }

}

function viewQAComments(page){
    document.getElementById("hidQAComment").value="true";
    document.getElementById("page").value=page;
    document.pageform.submit();
}

function viewCityCountLayer(e,empIndex,divId)
{
    //alert(empIndex);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-140;
        document.getElementById(divId).style.top = posy+150+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=posx-250+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+10+"px";
        document.getElementById(divId).style.left= posx-250+"px";
    }
    var createLayer;
    createLayer = "index.php?mod=MOD018&action=createCityCountLayer&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseCityCount(divId)};
    http.send(null);

}

function CSVHttpResponseCityCount(divId)
{

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['cityCountArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                name    = sr.cityCountArray[0].name;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;_height:25px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>"+name+"</p><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
                result+="<div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:200px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>City:</div><div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:80px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Count:</div>";
                for(i = 0; i < sr['cityCountArray'].length; i++) {

                    city    = sr.cityCountArray[i].city;
                    cnt     = sr.cityCountArray[i].cnt;
                    if(city != '')
                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:200px;_width:120px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+city+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:80px;_width:120px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 5px;_padding-bottom:5px'>"+cnt+"&nbsp;</div>";

                }


            }
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}

function viewStartEndTimeLayer(e,empIndex,year,month,day,divId)
{
    //alert(empIndex);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-140;
        document.getElementById(divId).style.top = posy+150+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=posx-250+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+10+"px";
        document.getElementById(divId).style.left= posx-250+"px";
    }
    var createLayer;
    createLayer = "index.php?mod=MOD018&action=createdataEntryReportLayer&empIndex="+empIndex+"&month="+month+"&year="+year+"&day="+day;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseDataReport(divId)};
    http.send(null);

}

function CSVHttpResponseDataReport(divId)
{

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['dataentryReportArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                date    = sr.dataentryReportArray[0].date;
                name    = sr.dataentryReportArray[0].name;
                start   = sr.dataentryReportArray[0].start;
                end     = sr.dataentryReportArray[0].end;

                result="<div id='handle' style=background:#99CC00;color:black;height:20px;_height:25px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Date:&nbsp;<b>"+date+"</b></p><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Analyst Name:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:120px;_width:150px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px'>"+name+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Starting Time:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:120px;_width:120px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+start+"&nbsp;</div>";

                result+="<div style='border:0px solid;margin:10px 0px 5px 5px;float:left;font-size:10pt;width:100px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>EndingTime:</div>";
                result+="<div style='border:0px solid;float:left;text-align:left;width:120px;_width:120px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:10px 5px 5px 0px;_padding-bottom:5px'>"+end+"&nbsp;</div>";


            }
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}


function reportSalaryGrossLayer(e,empIndex,divId,anchor)
{
	fromDate=document.getElementById("fromdate").value;
	toDate=document.getElementById("todate").value;
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD013&action=createSalaryGrossLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseSalaryGross(divId,anchor)};
    http.send(null);

}

function CSVHttpResponseSalaryGross(divId,anchor)
{
    //var divId='salaryGrossLayer';
    var result;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['salaryGrossArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                name    = sr.salaryGrossArray[0].name;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move;' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>"+name+"</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;cursor:pointer;font-family:Arial, Helvetica, Sans-serif;text-decoration:none;'>Close[X]</b></a></div>";
                result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;font-size:10pt;width:150px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Date:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Salary:</div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                for(i = 0; i < sr['salaryGrossArray'].length; i++) {

                    date    = sr.salaryGrossArray[i].date;
                    gross   = sr.salaryGrossArray[i].gross;
                    total   = sr.salaryGrossArray[i].total;

                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:150px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+date+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:70px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+gross+"&nbsp;</div>";

                }
                //total = sr.salaryGrossArray[0].total;
                //result+="<div style='clear:both;height:5px'></div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                result+="<div style='border:0px solid;margin:5px 0px 2px 5px;float:left;font-size:10pt;width:150px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green'>Total:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+total+"</div>";


            }
            if((sr['salaryGrossArray'].length)>0){
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
            }
            window.location.hash=anchor;
        }
    }
}

function overviewSalaryGrossLayer(e,empIndex,divId,anchor)
{
	fromDate=document.getElementById("fromdate").value;
	toDate=document.getElementById("todate").value;
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-250;
        posy = e.pageY-160;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD025&action=createSalaryOverviewLayer&fromDate="+fromDate+"&toDate="+toDate+"&empIndex="+empIndex;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseSalaryOverview(divId,anchor)};
    http.send(null);

}

function CSVHttpResponseSalaryOverview(divId,anchor)
{
    //var divId='salaryGrossLayer';
    var result;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['salaryOverviewArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                name    = sr.salaryOverviewArray[0].name;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move;' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>"+name+"</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;cursor:pointer;font-family:Arial, Helvetica, Sans-serif;text-decoration:none;'>Close[X]</b></a></div>";
                result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;font-size:10pt;width:150px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Date:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Gross</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>PF</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>TDS</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>PT</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:110px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Deduction</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Net Salary</div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                for(i = 0; i < sr['salaryOverviewArray'].length; i++) {

                    date    = sr.salaryOverviewArray[i].date;
                    gross   = sr.salaryOverviewArray[i].gross;
                    pf   = sr.salaryOverviewArray[i].pf;
                    tds   = sr.salaryOverviewArray[i].tds;
                    pt   = sr.salaryOverviewArray[i].pt;
                    deduct   = sr.salaryOverviewArray[i].deduct;
                    netsal   = sr.salaryOverviewArray[i].netsal;
                    totalGross   = sr.salaryOverviewArray[i].totalGross;
                    totalPF   = sr.salaryOverviewArray[i].totalPF;
                    totalTDS   = sr.salaryOverviewArray[i].totalTDS;
                    totalPT   = sr.salaryOverviewArray[i].totalPT;
                    totalDeduct   = sr.salaryOverviewArray[i].totalDeduct;
                    totalNetsal   = sr.salaryOverviewArray[i].totalNetsal;

                result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:153px;_width:153px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+date+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:65px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+gross+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:70px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+pf+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:60px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+tds+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:65px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+pt+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:106px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+deduct+"&nbsp;</div><div style='border:0px solid;float:left;text-align:left;width:70px;_width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;margin:5px 5px 0px 0px;_padding-bottom:5px'>"+netsal+"&nbsp;</div>";

                }
                //total = sr.salaryGrossArray[0].total;
                //result+="<div style='clear:both;height:5px'></div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                result+="<div style='border:0px solid;margin:5px 0px 2px 5px;float:left;font-size:10pt;width:153px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green'>Total:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalGross+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:75px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalPF+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:65px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalTDS+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalPT+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:110px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalDeduct+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalNetsal+"</div>";


            }
            if((sr['salaryOverviewArray'].length)>0){
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
            }
            window.location.hash=anchor;
        }
    }
}


function saveProject()
{

    if(validateProject())
    {
        if(document.getElementById("projectId").value)
           document.getElementById("action").value="updateProject";
        else
           document.getElementById("action").value="saveProject";
           document.getElementById("pageform").submit();
    }



}

function validateProject()
{
    if(document.getElementById("projectName").value.match(/^ *$/))
    {
        alert("Please enter the project name");
        document.getElementById("projectName").focus();
        return;
    }
    else if(document.getElementById("startdate").value.match(/^ *$/))
    {
        alert("Please enter start date");
        document.getElementById("startdate").focus();
        return;
    }
    else if(document.getElementById("finishdate").value.match(/^ *$/))
    {
        alert("Please enter finish date");
        document.getElementById("finishdate").focus();
        return;
    }
    else if(document.getElementById("projectStatus").selectedIndex==0)
    {


        alert("Please select project status");
        document.getElementById("projectStatus").focus();
        return;
    }

    return true;
}

function deleteProject(){

    if(document.getElementById("projectId").value==''){
        alert("Please select a project.");
        return;
    }

     result=confirm("Do you want to delete this project?");
     if(result){
         document.getElementById("action").value="deleteProject";
         document.getElementById("pageform").submit();
     }


}


function viewProjectPage(projectId){
	//alert(projectId);
    document.getElementById("projectId").value = projectId;
    changePage('1');
}

function viewProjectViewPage(projectId){
	//alert(projectId);
    document.getElementById("projectId").value = projectId;
    changePage('2');
}

function clearProject()
{
    document.getElementById("projectId").value = '';
    document.pageform.submit();
}

function viewProjectModuleLayer(e,divId,projectId){

//alert("sfdg");
    document.getElementById("projectId").value = projectId;

   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-380;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD015&action=createProjectModuleLayer&projectId="+projectId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseModule(divId,projectId)};
    http.send(null);
}

function CSVHttpResponseModule(divId,projectId)
{
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Project Modules</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

            var sr=eval("("+http.responseText+")");

            if((sr['moduleArray'].length)>0)
            {

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Select Module:</div>";
				result+="<div style='width:40%;float:left'><select name='moduleId' id='moduleId' size='1' style='width:220px' onchange='loadModule()'>";
				for(i = 0; i < sr['moduleArray'].length; i++)
                {
                    moduleId = sr.moduleArray[i].moduleId;
                    modName = sr.moduleArray[i].modName;

					result+="<option  value="+moduleId+" >"+modName+"</option>";

                }

				result+="</select></div>";
				result+="</div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Module Name:</div><div style='width:40%;float:left'><input type='text' name='moduleName' id='moduleName' size='32' maxlength='255' value=''></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Module Description:</div><div style='width:40%;float:left'><textarea style='width:218px' name='moduleDescr'  id='moduleDescr' cols='20' rows='4'></textarea></div></div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><center>";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Save'  onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='saveProjectModule("+projectId+",\""+divId+"\")'>&nbsp";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Delete' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='deleteProjectModule(\""+divId+"\")'>&nbsp";
				result+="</center></div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}

function saveProjectModule(projectId,divId)
{
	//alert(divId);
	modId=document.getElementById("moduleId").value;
	modName=document.getElementById("moduleName").value;
	modDescr=document.getElementById("moduleDescr").value;
	//alert(modId);
	if(document.getElementById("moduleName").value.match(/^ *$/))
    {
        alert("Please enter the module name");
        document.getElementById("moduleName").focus();
        return;
    }

	var createLayer;
	 if(document.getElementById("moduleId").selectedIndex=='0')
		createLayer = "index.php?mod=MOD015&action=saveModule&modId="+modId+"&modName="+modName+"&modDescr="+modDescr+"&projectId="+projectId;
     else
		createLayer = "index.php?mod=MOD015&action=updateModule&modId="+modId+"&modName="+modName+"&modDescr="+modDescr+"&projectId="+projectId;
        //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    //http.onreadystatechange = function (){ModuleHttpResponse(divId,searchId)};
    http.send(null);
   document.getElementById(divId).style.display="none";
}

function loadModule()
{

	modId=document.getElementById("moduleId").value;

	var createLayer;
	 createLayer = "index.php?mod=MOD015&action=loadModule&modId="+modId;

    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseLoadModule()};
    http.send(null);

}


function CSVHttpResponseLoadModule()
{
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            var sr=eval("("+http.responseText+")");

            if((sr['moduleLoadArray'].length)>0)
            {


                    moduleId = sr.moduleLoadArray[0].moduleId;
                    modName = sr.moduleLoadArray[0].modName;
                    modDescr = sr.moduleLoadArray[0].modDescr;


              //  document.getElementById(divId).style.display="";

            }

            document.getElementById('moduleName').value = modName;
            document.getElementById('moduleDescr').value = modDescr;
            //divDrag(divId);
        }
    }
}


function deleteProjectModule(divId){

	modId=document.getElementById("moduleId").value;
    if(document.getElementById("moduleId").selectedIndex=='0'){
        alert("Please select a module.");
        return;
    }
	var createLayer;
	result=confirm("Do you want to delete this module?");
    if(result)
	{
		createLayer = "index.php?mod=MOD015&action=deleteProjectModule&modId="+modId;
    }
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);

    http.send(null);
   document.getElementById(divId).style.display="none";

}




function viewProjectMilestone(e,divId,projectId){

//alert("sfdg");
    document.getElementById("projectId").value = projectId;

   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-380;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD015&action=createMilestoneLayer&projectId="+projectId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseMilestone(divId,projectId)};
    http.send(null);
}

function CSVHttpResponseMilestone(divId,projectId)
{
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Milestones</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

            var sr=eval("("+http.responseText+")");

            if((sr['milestoneArray'].length)>0)
            {
                startDate = sr.milestoneArray[0].startDate;
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Select Milestone:</div>";
				result+="<div style='width:40%;float:left'><select name='milesId' id='milesId' size='1' style='width:140px' onchange='loadMilestone()'>";
				for(i = 0; i < sr['milestoneArray'].length; i++)
                {
                    milesId = sr.milestoneArray[i].milesId;
                    milesName = sr.milestoneArray[i].milesName;


					result+="<option  value="+milesId+" >"+milesName+"</option>";

                }

				result+="</select></div>";
				result+="</div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Milestone Title:</div><div style='width:40%;float:left'><input type='text' name='milesTitle' id='milesTitle' size='32' maxlength='255' value=''></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Start date:</div><div style='width:40%;float:left'><input type='text' id='milestoneStartDate' name='milestoneStartDate' value='"+startDate+"' style='float:left;width:120px;margin-top:2px;'><a href=javascript:OpenCal('milestoneStartDate'); style='float:left;width:20px'><img style='border:0px;height:20px;width:15px;margin:0px 0px 0px 2px;' title='Search for calender' src='image/calendar.jpg' ></a></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Finish date:</div><div style='width:40%;float:left'><input type='text' id='milestoneFinishDate' name='milestoneFinishDate' value='' style='float:left;width:120px;margin-top:2px;'><a href=javascript:OpenCal('milestoneFinishDate'); style='float:left;width:20px'><img style='border:0px;height:20px;width:15px;margin:0px 0px 0px 2px;' title='Search for calender' src='image/calendar.jpg' ></a></div></div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Milestone Description:</div><div style='width:40%;float:left'><textarea style='width:218px' name='milesDescr'  id='milesDescr' cols='20' rows='4'></textarea></div></div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><center>";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Save'  onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='saveProjectMilestone("+projectId+",\""+divId+"\")'>&nbsp";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Delete' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='deleteMilestone(\""+divId+"\")'>&nbsp";
				result+="</center></div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}


function saveProjectMilestone(projectId,divId)
{
	//alert(divId);
	milesId=document.getElementById("milesId").value;
	milesTitle=document.getElementById("milesTitle").value;
	milestoneStartDate=document.getElementById("milestoneStartDate").value;
	milestoneFinishDate=document.getElementById("milestoneFinishDate").value;
	milesDescr=document.getElementById("milesDescr").value;
	//alert(modId);
	if(document.getElementById("milesTitle").value.match(/^ *$/))
    {
        alert("Please enter the milestne");
        document.getElementById("milesTitle").focus();
        return;
    }

	var createLayer;
	 if(document.getElementById("milesId").selectedIndex=='0')
		createLayer = "index.php?mod=MOD015&action=saveMilestone&milesId="+milesId+"&milesTitle="+milesTitle+"&milestoneStartDate="+milestoneStartDate+"&milestoneFinishDate="+milestoneFinishDate+"&milesDescr="+milesDescr+"&projectId="+projectId;
     else
		createLayer = "index.php?mod=MOD015&action=updateMilestone&milesId="+milesId+"&milesTitle="+milesTitle+"&milestoneStartDate="+milestoneStartDate+"&milestoneFinishDate="+milestoneFinishDate+"&milesDescr="+milesDescr+"&projectId="+projectId;
        //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    //http.onreadystatechange = function (){ModuleHttpResponse(divId,searchId)};
    http.send(null);
   document.getElementById(divId).style.display="none";
}

function loadMilestone()
{

	milesId=document.getElementById("milesId").value;

	var createLayer;
	 createLayer = "index.php?mod=MOD015&action=loadMilestone&milesId="+milesId;

    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseLoadMilestone()};
    http.send(null);

}


function CSVHttpResponseLoadMilestone()
{
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            var sr=eval("("+http.responseText+")");

            if((sr['milesLoadArray'].length)>0)
            {
                    milesId = sr.milesLoadArray[0].milesId;
                    milesTitle = sr.milesLoadArray[0].milesTitle;
                    startDate = sr.milesLoadArray[0].startDate;
                    finishDate = sr.milesLoadArray[0].finishDate;
                    milesDescr = sr.milesLoadArray[0].milesDescr;
            }

            document.getElementById('milesTitle').value = milesTitle;
            document.getElementById('milestoneStartDate').value = startDate;
            document.getElementById('milestoneFinishDate').value = finishDate;
            document.getElementById('milesDescr').value = milesDescr;
            //divDrag(divId);
        }
    }
}


function deleteMilestone(divId){

	milesId=document.getElementById("milesId").value;
    if(document.getElementById("milesId").selectedIndex=='0'){
        alert("Please select a milestone.");
        return;
    }
	var createLayer;
	result=confirm("Do you want to delete this module?");
    if(result)
	{
		createLayer = "index.php?mod=MOD015&action=deleteMilestone&milesId="+milesId;
    }
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);

    http.send(null);
   document.getElementById(divId).style.display="none";

}

function viewEditTaskLayer(e,divId,taskId,projId,rowId,progressRowId,devRowId,qcRowId,userType,typerowId,statusrowId,finishdaterowId,taskprogressrowId)
{
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD016&action=createEditLayer&taskId="+taskId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseEdit(e,divId,taskId,projId,rowId,progressRowId,devRowId,qcRowId,userType,typerowId,statusrowId,finishdaterowId,taskprogressrowId)};
    http.send(null);
}

function CSVHttpResponseEdit(e,divId,taskId,projId,rowId,progressRowId,devRowId,qcRowId,userType,typerowId,statusrowId,finishdaterowId,taskprogressrowId)
{
	//alert(rowId);
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;


            var sr=eval("("+http.responseText+")");

            if((sr['editArray'].length)>0)
            {
                taskId = sr.editArray[0].taskId;
                taskName = sr.editArray[0].taskName;
                taskFullName = sr.editArray[0].taskFullName;
                taskDescr = sr.editArray[0].taskDescr;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move'><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>"+taskName+"</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

				result+="<div style='border:0px solid;margin:0px 0px 5px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:25%;float:left;margin:0px 0px 0px 0px;'><b>TaskName:</b></div>";
				result+="<div style='width:70%;float:left'>"+taskFullName+"</div>";
				result+="</div>";
				result+="<div style='border:0px solid;margin:0px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:25%;float:left;margin:0px 0px 0px 0px;'><b>Description:</b></div>";
				result+="<div style='width:70%;float:left'>"+taskDescr+"</div>";
				result+="</div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:25%;float:left;margin:5px 0px 0px 0px;'><b>Actions:</b></div>";

				result+="<div style='width:70%;float:left'><select name='taskEdit' id='taskEdit' size='1' style='width:120px' onchange='taskFunction(\""+e+"\",\""+divId+"\",\""+taskId+"\",\""+rowId+"\",\""+projId+"\",\""+progressRowId+"\",\""+devRowId+"\",\""+qcRowId+"\",\""+userType+"\",\""+typerowId+"\",\""+statusrowId+"\",\""+finishdaterowId+"\",\""+taskprogressrowId+"\")'>";

				for(i = 0; i < sr['taskEditArray'].length; i++) {
                   key    = sr.taskEditArray[i].key;
                   taskEditName = sr.taskEditArray[i].taskEditName;
					result+="<option  value="+key+" >"+taskEditName+"</option>";
                }
				result+="</select></div>";
				result+="</div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}

function taskFunction(e,divId,taskId,rowId,projId,progressRowId,devRowId,qcRowId,userType,typerowId,statusrowId,finishdaterowId,taskprogressrowId)
{
	taskvalue=document.getElementById('taskEdit').value;
	if(taskvalue=='1')
		viewTaskLogLayer(e,divId,taskId,rowId,progressRowId,devRowId,qcRowId,userType);
	if(taskvalue=='2')
		viewTaskEditLayer(e,divId,taskId,typerowId,statusrowId,finishdaterowId,taskprogressrowId);
	if(taskvalue=='3')
		viewTaskViewPage(taskId,projId);
	if(taskvalue=='4')
		window.location="index.php?mod=MOD029&taskId="+taskId+"&projectId="+projId;
}


function viewTaskLogLayer(e,divId,taskId,rowId,progressRowId,devRowId,qcRowId,userType){


   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD016&action=createNewLogLayer&taskId="+taskId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseTaskLog(divId,taskId,rowId,progressRowId,devRowId,qcRowId,userType)};
    http.send(null);
}

function CSVHttpResponseTaskLog(divId,taskId,rowId,progressRowId,devRowId,qcRowId,userType)
{
	//alert(rowId);
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>New Log</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

            var sr=eval("("+http.responseText+")");



            if((sr['newLogArray'].length)>0)
            {
                   taskId = sr.newLogArray[0].taskId;
                   projectName = sr.newLogArray[0].projectName;
                   taskName = sr.newLogArray[0].taskName;
                   taskProgress = sr.newLogArray[0].taskProgress;
                   taskStatus = sr.newLogArray[0].taskStatus;
                   devHrs = sr.newLogArray[0].devHrs;
                   qcHrs = sr.newLogArray[0].qcHrs;
                  //alert(taskStatus);

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Project Name:</div><div style='width:215px;float:left'><b>"+projectName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Task Name:</div><div style='width:215px;float:left'><b>"+taskName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Hours Worked:</div><div style='width:40%;float:left'><input type='text' name='logHours' id='logHours' size='6' maxlength='30' value=''></div></div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Task Progress:</div>";
				result+="<div style='width:40%;float:left'><select name='taskProgress' id='taskProgress' size='1' style='width:62px' onchange=''>";

				for(i = 0; i <=100; i=i+5)
                {
					if(taskProgress==i)
						result+="<option  value="+i+" selected>"+i+"</option>";
					else
						result+="<option  value="+i+" >"+i+"</option>";
				}

				result+="</select> %</div>";
				result+="</div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Task Status:</div>";

				result+="<div style='width:40%;float:left'><select name='taskStatus' id='taskStatus' size='1' style='width:80px' onchange=''>";

				for(i = 0; i < sr['statusArray'].length; i++) {

                   key    = sr.statusArray[i].key;
                   status = sr.statusArray[i].status;

					if(taskStatus==status)
						result+="<option  value="+key+" selected>"+status+"</option>";
					else
						result+="<option  value="+key+" >"+status+"</option>";

                }

				result+="</select></div>";
				result+="</div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Description:</div><div style='width:40%;float:left'><textarea style='width:218px' name='taskLogDescr'  id='taskLogDescr' cols='20' rows='4'></textarea></div></div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><center>";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Save'  onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='saveTaskLog("+taskId+",\""+divId+"\",\""+rowId+"\",\""+progressRowId+"\",\""+devRowId+"\",\""+qcRowId+"\",\""+userType+"\")'>&nbsp";
				result+="<input  style='width:70px;height:20px' class='button3' type='reset' name='s' value='Cancel' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick=''>&nbsp";
				result+="</center></div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}



function viewLogCommentLayer(e,divId,logId){


   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-380;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD027&action=createLogCommentLayer&logId="+logId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseLogComment(divId,logId)};
    http.send(null);
}

function CSVHttpResponseLogComment(divId,logId)
{
	//alert(rowId);
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Description</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

           // var sr=eval("("+http.responseText+")");

				s = http.responseText;

				  r = "";
				  for (i=0; i < s.length; i++) {
					if (s.charAt(i) != '\n' &&
						s.charAt(i) != '\r' &&
						s.charAt(i) != '\t') {
					  r += s.charAt(i);
					  }
					}

		//alert(r);
					var sr =eval("("+r+")");

            if((sr['logCommentArray'].length)>0)
            {
                   logComment = sr.logCommentArray[0].logComment;


				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'>"+logComment+"</div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}




function saveTaskLog(taskId,divId,rowId,progressRowId,devRowId,qcRowId,userType)
{
	//alert(taskId);
	taskProgress=document.getElementById("taskProgress").value;
	taskStatus=document.getElementById("taskStatus").value;
	logHours=document.getElementById("logHours").value;
	taskLogDescr=document.getElementById("taskLogDescr").value;
	devHrs=document.getElementById(devRowId).innerHTML;
	qcHrs=document.getElementById(qcRowId).innerHTML;

	//alert(userType);
	if(userType == 'QC')
	{
		if(qcHrs)
			var qcHrsVal=parseFloat(qcHrs)+parseFloat(logHours);
		else
			var qcHrsVal=parseFloat(logHours);
	}
	else
	{
		if(devHrs)
			var devHrsVal=parseFloat(devHrs)+parseFloat(logHours);
		else
			var devHrsVal=parseFloat(logHours);
	}

	var form = document.pageform;
	var statusVal = form.taskStatus.options[form.taskStatus.selectedIndex].text;
	var pregressVal = form.taskProgress.options[form.taskProgress.selectedIndex].text;
	//alert(statusVal);
	if(!taskId)
        {
        alert("Please Select Your Task");
        return;
    }
	if(document.getElementById("logHours").value.match(/^ *$/))
        {
        alert("Please enter a time period");
        document.getElementById("logHours").focus();
        return;
    }

    if(!IsNumeric(document.getElementById("logHours").value))
    {
        alert("Please enter a numeric value");
        document.getElementById("logHours").value='';
        document.getElementById("logHours").focus();
        return;
    }
    else if(document.getElementById("taskLogDescr").value.match(/^ *$/))
    {
        alert("Please enter a description");
        document.getElementById("taskLogDescr").focus();
        return;
    }
//alert("wfw");
	var createLayer1;

		createLayer1 = "index.php?mod=MOD016&action=saveTaskLog&taskId="+taskId+"&taskProgress="+taskProgress+"&taskStatus="+taskStatus+"&logHours="+logHours+"&taskLogDescr="+taskLogDescr;
        //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer1, true);
    //http.onreadystatechange = function (){ModuleHttpResponse(divId,searchId)};
    http.send(null);
    //alert("Your log successfuly entered.");

   //document.getElementById(divId).value="none";
    result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Log</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
    result+= "<div style='clear:both;height:5px'></div>";
	result+= "<div style='font-size:12px;color:red;border:0px solid green'>Your log successfuly entered.</div>";
	result+= "<div style='clear:both;height:5px'></div>";
	document.getElementById(divId).innerHTML=result;

	document.getElementById(rowId).innerHTML=statusVal;
  	document.getElementById(progressRowId).innerHTML=pregressVal+"%";

	if(userType == 'QC')
		document.getElementById(qcRowId).innerHTML=qcHrsVal;
	else
		document.getElementById(devRowId).innerHTML=devHrsVal;
   //alert("Your Log Successfully Entered.");
}


function saveNewLog()
{
    if(newLogValidation())
    {
        document.getElementById("action").value="saveNewLog";
        document.pageform.submit();
    }
}

function newLogValidation()
{
	if(document.getElementById("taskId").value=="")
    {
        alert("Please Select Your Task");
		document.getElementById("taskId").focus();
        return;
    }
	if(document.getElementById("logHours").value.match(/^ *$/))
        {
        alert("Please enter a time period");
        document.getElementById("logHours").focus();
        return;
    }

    if(!IsNumeric(document.getElementById("logHours").value))
    {
        alert("Please enter a numeric value");
        document.getElementById("logHours").value='';
        document.getElementById("logHours").focus();
        return;
    }
    else if(document.getElementById("taskLogDescr").value.match(/^ *$/))
    {
        alert("Please enter a description");
        document.getElementById("taskLogDescr").focus();
        return;
    }

    return true;
}




function viewEmployeeLayer(e,divId,searchValue)
{
    //alert(empIndex);
	searchValue=document.getElementById(searchValue).value;
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+60;
        posy = e.pageY+10;
        document.getElementById(divId).style.top = posy+0+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=posx-250+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-100+"px";
        document.getElementById(divId).style.left= posx+30+"px";
    }
    var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=createEmployeeLayer&searchValue="+searchValue;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){EmployeeHttpResponse(divId,searchValue)};
    http.send(null);

}

function EmployeeHttpResponse(divId,searchValue)
{
    //alert(divId);

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Search Employees</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
           /* result+="<div style='float:left;font-size:9pt;border:0px solid;width:290px;color:#006666'><b>Search for </b><input type='text' name='searchEmployee' id='searchEmployee' size='26' style='width:140px;margin:10px 10px 0px 0px' value=\""+searchValue+"\"><a style='text-decoration:none' href='javascript:void(0)' onclick='searchEmployees(\""+divId+"\")' ><input  style='width:70px;height:20px;text-decoration:none' class='button3' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' type='button' name='s' id='s'    value='Search' ></a></div>";
            result+="<div style='clear:both;height:10px;border-bottom:2px solid'> </div>";*/

            var sr=eval("("+http.responseText+")");

            if((sr['employeeArray'].length)>0)
            {
                //name  = sr.cityCountArray[0].name;

                //result+="<div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:200px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>City:</div><div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:80px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Count:</div>";
                for(i = 0; i < sr['employeeArray'].length; i++) {

                    empId   = sr.employeeArray[i].empId;
                    empName = sr.employeeArray[i].empName;
                    if(empName != '')
                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:200px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;padding-bottom:5px'>&nbsp;<a href='javascript:void(0)' onclick='addEmployeeName(\""+empId+"\",\""+empName+"\",\""+divId+"\")' style='text-decoration:none;color:#72AA21;'>"+empName+"</a>&nbsp;</div></div>";

                }

                result+= "<div style='clear:both;height:10px'>";

                document.getElementById(divId).style.display="";

            }
			else
			{
				result+="<center><div style='border:0px solid;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;color:red'>No Result Found </div></center>";
				result+= "<div style='clear:both;height:10px'>";
			}

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}


function viewEmployeeLayer1(e,divId,searchValue)
{
    //alert(empIndex);
	searchValue=document.getElementById(searchValue).value;
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+60;
        posy = e.pageY+10;
        document.getElementById(divId).style.top = posy+0+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=posx-250+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-100+"px";
        document.getElementById(divId).style.left= posx+30+"px";
    }
    var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=createEmployeeLayer1&searchValue="+searchValue;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){EmployeeHttpResponse1(divId,searchValue)};
    http.send(null);

}

function EmployeeHttpResponse1(divId,searchValue)
{
    //alert(divId);

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Search Employees</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
           /* result+="<div style='float:left;font-size:9pt;border:0px solid;width:290px;color:#006666'><b>Search for </b><input type='text' name='searchEmployee' id='searchEmployee' size='26' style='width:140px;margin:10px 10px 0px 0px' value=\""+searchValue+"\"><a style='text-decoration:none' href='javascript:void(0)' onclick='searchEmployees(\""+divId+"\")' ><input  style='width:70px;height:20px;text-decoration:none' class='button3' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' type='button' name='s' id='s'    value='Search' ></a></div>";
            result+="<div style='clear:both;height:10px;border-bottom:2px solid'> </div>";*/

            var sr=eval("("+http.responseText+")");


            if((sr['employeeArray'].length)>0)
            {


                //name  = sr.cityCountArray[0].name;

                //result+="<div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:200px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>City:</div><div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:80px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Count:</div>";
                for(i = 0; i < sr['employeeArray'].length; i++) {

                    empId   = sr.employeeArray[i].empId;
                    empName = sr.employeeArray[i].empName;
                    if(empName != '')
                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:200px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;padding-bottom:5px'>&nbsp;<a href='javascript:void(0)' onclick='addEmployeeName1(\""+empId+"\",\""+empName+"\",\""+divId+"\")' style='text-decoration:none;color:#72AA21;'>"+empName+"</a>&nbsp;</div></div>";

                }

                result+= "<div style='clear:both;height:10px'>";

                document.getElementById(divId).style.display="";


            }
			else
			{
				result+="<center><div style='border:0px solid;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;color:red'>No Result Found </div></center>";
				result+= "<div style='clear:both;height:10px'>";
			}

            //alert(result);


           //document.getElementById(divId).style.display="";

            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}


function viewEmployeeLayer2(e,divId,searchValue)
{
    //alert(empIndex);
	searchValue=document.getElementById(searchValue).value;
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+60;
        posy = e.pageY+10;
        document.getElementById(divId).style.top = posy+0+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 150;
        document.getElementById(divId).style.left=posx-250+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-100+"px";
        document.getElementById(divId).style.left= posx+30+"px";
    }
    var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=createEmployeeLayer2&searchValue="+searchValue;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){EmployeeHttpResponse2(divId,searchValue)};
    http.send(null);

}

function EmployeeHttpResponse2(divId,searchValue)
{
    //alert(divId);

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Search Employees</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
           /* result+="<div style='float:left;font-size:9pt;border:0px solid;width:290px;color:#006666'><b>Search for </b><input type='text' name='searchEmployee' id='searchEmployee' size='26' style='width:140px;margin:10px 10px 0px 0px' value=\""+searchValue+"\"><a style='text-decoration:none' href='javascript:void(0)' onclick='searchEmployees(\""+divId+"\")' ><input  style='width:70px;height:20px;text-decoration:none' class='button3' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' type='button' name='s' id='s'    value='Search' ></a></div>";
            result+="<div style='clear:both;height:10px;border-bottom:2px solid'> </div>";*/

            var sr=eval("("+http.responseText+")");


            if((sr['employeeArray'].length)>0)
            {


                //name  = sr.cityCountArray[0].name;

                //result+="<div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:200px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>City:</div><div style='border:0px solid;margin:10px 0px 0px 5px;float:left;font-size:10pt;width:80px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif'>Count:</div>";
                for(i = 0; i < sr['employeeArray'].length; i++) {

                    empId   = sr.employeeArray[i].empId;
                    empName = sr.employeeArray[i].empName;
                    if(empName != '')
                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:200px;_width:180px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;padding-bottom:5px'>&nbsp;<a href='javascript:void(0)' onclick='addEmployeeName2(\""+empId+"\",\""+empName+"\",\""+divId+"\")' style='text-decoration:none;color:#72AA21;'>"+empName+"</a>&nbsp;</div></div>";

                }

                result+= "<div style='clear:both;height:10px'>";

                document.getElementById(divId).style.display="";


            }
			else
			{
				result+="<center><div style='border:0px solid;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;color:red'>No Result Found </div></center>";
				result+= "<div style='clear:both;height:10px'>";
			}

            //alert(result);


           //document.getElementById(divId).style.display="";

            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
        }
    }
}

function addEmployeeName(empId,empName,divId){

    document.getElementById('hidEmpId').value=empId;
    document.getElementById('empSearchName').value=empName;

    document.getElementById(divId).style.display="none";
}


function addEmployeeName1(empId,empName,divId){

    document.getElementById('hidEmpId').value=empId;
    document.getElementById('empSearchName1').value=empName;

    document.getElementById(divId).style.display="none";
}

function addEmployeeName2(empId,empName,divId){

    document.getElementById('hidEmpId').value=empId;
    document.getElementById('empSearchName2').value=empName;

    document.getElementById(divId).style.display="none";
}


function assignEmployee(projectId,divId,searchId,assigneeType){

	empId=document.getElementById('hidEmpId').value;
	if(document.getElementById("empSearchName").value.match(/^ *$/))
    {
        alert("Please select an employee");
        //document.getElementById("empSearchName").focus();
        return;
    }

	var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=assignEmployee&empId="+empId+"&assigneeType="+assigneeType+"&projectId="+projectId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){EmployeeSaveHttpResponse(divId,searchId)};
    http.send(null);
}

function EmployeeSaveHttpResponse(divId,searchId)
{
    //alert(divId);
	var result5='';

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

             var sr=eval("("+http.responseText+")");

            if((sr['projectProgrammersArray'].length)>0)
            {
				for(i = 0; i < sr['projectProgrammersArray'].length; i++)
				{

                    empId   = sr.projectProgrammersArray[i].empId;
                    empName = sr.projectProgrammersArray[i].empName;
					//alert(empName);
                    if(empName != '')
					{
                        result5+="<div style='float:left;width:20px;margin-left:10px;'><input style='margin-top:2px' type='checkbox' name='chkempId[]' id='chkempId' value='"+empId+"' ></div>";
						result5+="<div style='color:#72AA21;font-size:10pt;border:0px solid'>"+empName+"</div>";
						result5+="<div style='clear:both;'></div>";
                    }
				}
             }

			document.getElementById("empSearchName").value="";
			document.getElementById(searchId).style.display="none";
			document.getElementById(divId).innerHTML = result5;

        }

    }
}



function removeEmployee(projectId,divId,searchId,assigneeType)
{
	var selectedEmployees =new Array();
    var count=0;
	var i;
	var j;
	if( document.pageform.chkempId.value)
	{
        if ( document.pageform.chkempId.checked )
		{
            count++;
        }
    }
	for ( var i=0; i < document.pageform.chkempId.length; i ++ )
	{
        if (document.pageform.chkempId[i].checked == true)
		{
            count++;
        }
    }

    if(count>0){

        result=confirm("Do you want to remove the selected employees?");
        if(result)
		{

			if( document.pageform.chkempId.value)
			{
				if ( document.pageform.chkempId.checked )
				{
					selectedEmployees[0] =document.pageform.chkempId.value;
				}
			}
			chkemplength=document.pageform.chkempId.length;
			//alert(chkemplength);
			for(var j=0;j<chkemplength;j++)
			{
				if(document.pageform.chkempId[j].checked == true)
				{
					selectedEmployees[j] =document.pageform.chkempId[j].value;
				}
			}

			selectedEmployees =selectedEmployees.toString();

			var deleteEmployee;
			deleteEmployee = "index.php?mod=MOD015&page=1&action=removeEmployee&projectId="+projectId+"&assigneeType="+assigneeType+"&selectedEmployees="+selectedEmployees;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", deleteEmployee, true);
			http.onreadystatechange = function (){EmployeeSaveHttpResponse(divId,searchId)};
			http.send(null);
       }
    }
    else
	{
        alert("Please select atleast one employee");
    }
}



function assignProjectLeaders(projectId,divId,searchId,assigneeType){

	empId=document.getElementById('hidEmpId').value
	if(document.getElementById("empSearchName1").value.match(/^ *$/))
    {
        alert("Please select an employee");
        //document.getElementById("empSearchName").focus();
        return;
    }

	var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=assignProjectLeader&empId="+empId+"&assigneeType="+assigneeType+"&projectId="+projectId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){PLSaveHttpResponse(divId,searchId)};
    http.send(null);
}

function PLSaveHttpResponse(divId,searchId)
{
    //alert(divId);
	var result5="";
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

             var sr=eval("("+http.responseText+")");

            if((sr['projectPLArray'].length)>0)
            {
				for(i = 0; i < sr['projectPLArray'].length; i++)
				{

                    empId   = sr.projectPLArray[i].empId;
                    empName = sr.projectPLArray[i].empName;
                    if(empName != '')
					{
                        result5+="<div style='float:left;width:20px;margin-left:10px;'><input style='margin-top:2px' type='checkbox' name='chkempId1[]' id='chkempId1' value='"+empId+"' ></div>";
						result5+="<div style='color:#72AA21;font-size:10pt;border:0px solid'>"+empName+"</div>";
						result5+="<div style='clear:both;'></div>";
                    }
				}
             }
			 document.getElementById("empSearchName1").value="";
			document.getElementById(searchId).style.display="none";
            document.getElementById(divId).innerHTML = result5;
        }
    }
}

function removeEmployee1(projectId,divId,searchId,assigneeType)
{
	var selectedEmployees =new Array();
    var count=0;
	var i;
	var j;
    if( document.pageform.chkempId1.value){
        if ( document.pageform.chkempId1.checked ){
            count++;
        }
    }

    for ( var i=0; i < document.pageform.chkempId1.length; i ++ ){
        if (document.pageform.chkempId1[i].checked == true){
            count++;
        }
    }

    if(count>0){

        result=confirm("Do you want to remove the selected employees?");
        if(result)
		{
			if( document.pageform.chkempId1.value){
				if ( document.pageform.chkempId1.checked ){
					selectedEmployees[0] =document.pageform.chkempId1.value;
				}
			}

			chkemplength=document.pageform.chkempId1.length;
			for(var j=0;j<chkemplength;j++)
			{
				if(document.pageform.chkempId1[j].checked == true)
				{
					selectedEmployees[j] =document.pageform.chkempId1[j].value;
				}
			}

			selectedEmployees =selectedEmployees.toString();

			var deleteEmployee;
			deleteEmployee = "index.php?mod=MOD015&page=1&action=removeEmployee1&projectId="+projectId+"&assigneeType="+assigneeType+"&selectedEmployees="+selectedEmployees;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", deleteEmployee, true);
			http.onreadystatechange = function (){PLSaveHttpResponse(divId,searchId)};
			http.send(null);
       }
    }
    else
	{
        alert("Please select atleast one employee");
    }
}


function assignQA(projectId,divId,searchId,assigneeType){

	empId=document.getElementById('hidEmpId').value
	if(document.getElementById("empSearchName2").value.match(/^ *$/))
    {
        alert("Please select an employee");
        //document.getElementById("empSearchName").focus();
        return;
    }

	var createLayer;
    createLayer = "index.php?mod=MOD015&page=1&action=assignQA&empId="+empId+"&assigneeType="+assigneeType+"&projectId="+projectId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){QASaveHttpResponse(divId,searchId)};
    http.send(null);
}

function QASaveHttpResponse(divId,searchId)
{
    //alert(divId);
	var result5="";
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

             var sr=eval("("+http.responseText+")");

            if((sr['projectQAArray'].length)>0)
            {
				for(i = 0; i < sr['projectQAArray'].length; i++)
				{

                    empId   = sr.projectQAArray[i].empId;
                    empName = sr.projectQAArray[i].empName;
                    if(empName != '')
					{
                        result5+="<div style='float:left;width:20px;margin-left:10px;'><input style='margin-top:2px' type='checkbox' name='chkempId2[]' id='chkempId2' value='"+empId+"' ></div>";
						result5+="<div style='color:#72AA21;font-size:10pt;border:0px solid'>"+empName+"</div>";
						result5+="<div style='clear:both;'></div>";
                    }
				}
             }
			 document.getElementById("empSearchName2").value="";
			document.getElementById(searchId).style.display="none";
            document.getElementById(divId).innerHTML = result5;
        }
    }
}

function removeEmployee2(projectId,divId,searchId,assigneeType)
{
	var selectedEmployees =new Array();
    var count=0;
	var i;
	var j;
    if( document.pageform.chkempId2.value){
        if ( document.pageform.chkempId2.checked ){
            count++;
        }
    }

    for ( var i=0; i < document.pageform.chkempId2.length; i ++ ){
        if (document.pageform.chkempId2[i].checked == true){
            count++;
        }
    }

    if(count>0){

        result=confirm("Do you want to remove the selected employees?");
        if(result)
		{
			if( document.pageform.chkempId2.value){
				if ( document.pageform.chkempId2.checked ){
					selectedEmployees[0] =document.pageform.chkempId2.value;
				}
			}

			chkemplength=document.pageform.chkempId2.length;
			for(var j=0;j<chkemplength;j++)
			{
				if(document.pageform.chkempId2[j].checked == true)
				{
					selectedEmployees[j] =document.pageform.chkempId2[j].value;
				}
			}

			selectedEmployees =selectedEmployees.toString();

			var deleteEmployee;
			deleteEmployee = "index.php?mod=MOD015&page=1&action=removeEmployee2&projectId="+projectId+"&assigneeType="+assigneeType+"&selectedEmployees="+selectedEmployees;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", deleteEmployee, true);
			http.onreadystatechange = function (){QASaveHttpResponse(divId,searchId)};
			http.send(null);
       }
    }
    else
	{
        alert("Please select atleast one employee");
    }
}

function saveTask()
{


     //document.getElementById("action").value="assignTask";

    if(validateTask())
    {
        if(document.getElementById("taskId").value)
           document.getElementById("action").value="updateTask";
        else
           document.getElementById("action").value="saveTask";
			var assignees =new Array();
			for(i=0;i<document.getElementById('assigned').length;i++){
				assignees[i]=document.getElementById('assigned').options[i].value;
			}
			document.getElementById("hidAssignees").value=assignees;
           document.getElementById("pageform").submit();
    }



}

function validateTask()
{
	if(document.getElementById("projectId").selectedIndex==0)
    {
        alert("Please select the project");
        document.getElementById("projectId").focus();
        return;
    }
	else if(document.getElementById("moduleId").selectedIndex==0)
    {
        alert("Please select the module");
        document.getElementById("moduleId").focus();
        return;
    }
	else if(document.getElementById("milesId").selectedIndex==0)
    {
        alert("Please select the milestone");
        document.getElementById("milesId").focus();
        return;
    }
    else if(document.getElementById("taskName").value.match(/^ *$/))
    {
        alert("Please enter the task name");
        document.getElementById("taskName").focus();
        return;
    }
	else if(document.getElementById("taskTypeId").selectedIndex==0)
    {
        alert("Please select the task type");
        document.getElementById("taskTypeId").focus();
        return;
    }
	else if(document.getElementById("taskStatus").selectedIndex==0)
    {
        alert("Please select task status");
        document.getElementById("taskStatus").focus();
        return;
    }
    else if(document.getElementById("startdate").value.match(/^ *$/))
    {
        alert("Please enter the date");
        document.getElementById("startdate").focus();
        return;
    }
    else if(document.getElementById("finishdate").value.match(/^ *$/))
    {
        alert("Please enter the target finish date");
        document.getElementById("finishdate").focus();
        return;
    }
	else if(document.getElementById("estimateHour").value.match(/^ *$/))
    {
        alert("Please enter the estimate hour");
        document.getElementById("estimateHour").focus();
        return;
    }
	else if(document.getElementById("assigned").options.length==0)
    {
        alert("Please select task assignees");
        document.getElementById("resources").focus();
        return;
    }

    return true;
}

function deleteTask(){

    if(document.getElementById("taskId").value==''){
        alert("Please select a task.");
        return;
    }

     result=confirm("You will loss Task Assignees and Task Logs for this Task, Do you want to delete this task?");
     if(result){
         document.getElementById("action").value="deleteTask";
         document.getElementById("pageform").submit();
     }


}

function clearTask()
{
    document.getElementById("taskId").value = '';
    document.pageform.submit();
}

function addUser() {

    var form = document.pageform;
    var fl = form.resources.length -1;
    var au = form.assigned.length -1;
    //gets value of percentage assignment of selected resource
    //var perc = form.percentage_assignment.options[form.percentage_assignment.selectedIndex].value;

    var users = "x";

    //build array of assiged users
    for (au; au > -1; au--) {
        users = users + "," + form.assigned.options[au].value + ","
    }

    //Pull selected resources and add them to list
    for (fl; fl > -1; fl--) {
        if (form.resources.options[fl].selected && users.indexOf( "," + form.resources.options[fl].value + "," ) == -1) {
            t = form.assigned.length
            opt = new Option( form.resources.options[fl].text, form.resources.options[fl].value);
            //form.hperc_assign.value += form.resources.options[fl].value+"="+perc+";";
            form.assigned.options[t] = opt
        }
    }
}


function removeUser() {

    var form = document.pageform;
    fl = form.assigned.length -1;
    for (fl; fl > -1; fl--) {
        if (form.assigned.options[fl].selected) {

                form.assigned.options[fl] = null;
            }
//alert(form.hperc_assign.value);

    }
}

function assignTask(){

    //hidAssignees

    var assignees =new Array();

    for(i=0;i<document.getElementById('assigned').length;i++){
            assignees[i]=document.getElementById('assigned').options[i].value;

        }

     document.getElementById("hidAssignees").value=assignees;
     document.getElementById("action").value="assignTask";
     document.getElementById("pageform").submit();
}



function viewTaskPage(taskId,projectId){

    document.getElementById("taskId").value = taskId;
    document.getElementById("projectId").value = projectId;
    changePage('1');
}

function viewTaskViewPage(taskId,projectId){

    document.getElementById("taskId").value = taskId;
    document.getElementById("projectId").value = projectId;
    changePage('2');
}

function taskViewLogLayer(e,divId,taskId){

    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD016&action=createTaskViewLogLayer&taskId="+taskId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseTaskViewLog(divId)};
    http.send(null);
}

function CSVHttpResponseTaskViewLog(divId)
{
	//alert(rowId);
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;


            var sr=eval("("+http.responseText+")");

            if((sr['taskViewLogArray'].length)>0)
            {
				document.getElementById(divId).style.display="";
				taskName   = sr.taskViewLogArray[0].taskName;
				result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
				result+="<tr width='100%' id='handle' ><td colspan='4' style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>"+taskName+"</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";
				result+="<tr width='100%'><td style='width:150px;font-weight:bold'>Name</td><td style='width:330px;font-weight:bold'>Log Description</td><td style='width:50px;font-weight:bold'>Hours</td><td style='font-weight:bold'>Log Date</td></tr>";

				for(i = 0; i < sr['taskViewLogArray'].length; i++)
				{

                    key			= sr.taskViewLogArray[i].key;
                    empName		= sr.taskViewLogArray[i].empName;
                    descr		= sr.taskViewLogArray[i].descr;
                    logHrs		= sr.taskViewLogArray[i].logHrs;
                    logDate		= sr.taskViewLogArray[i].logDate;
                    result+="<tr width='100%'><td colspan='4' style='background:#ccc'><div style='height:2px'></div></td></tr>";
                    result+="<tr width='100%'><td>"+empName+"</td><td>"+descr+"</td><td style='padding-left:10px'>"+logHrs+"</td><td>"+logDate+"</td></tr>";

				}
				result+="</tbody></table>";
             }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}

/*function viewTaskLogPage(taskId){

    document.getElementById("taskId").value = taskId;
    changePage('2');
}*/





function IsNumeric(sText)
{
    //alert("gfhfhf");
   var ValidChars = "0123456789.";
   var IsNumber=true;
   var Char;
   var test='';
       //sText=document.getElementById("pcode").value;
       //test = document.getElementById("pcode").value;



   for (i = 0;i < sText.length && IsNumber == true; i++)
      {
      Char = sText.charAt(i);
      if (ValidChars.indexOf(Char) == -1)
         {
         IsNumber = false;
         }
         else{

             test =test+sText.charAt(i);
         }
      }
      //document.getElementById("pcode").value=test;
      return IsNumber;

    }

    function viewTaskLogOverviewPage(taskId){
        //alert(taskId);

    document.getElementById("taskId").value = taskId;
    changePage('3');
}

function deleteTaskLog(taskLogId){

     result=confirm("Do you want to delete this log?");
     if(result){
         document.getElementById("taskLogId").value = taskLogId;
         document.getElementById("action").value="deleteTaskLog";
         document.getElementById("pageform").submit();
     }
}

function createProgressBar(divId,progress) {
 var centerCellName;
 var tableText = "";
 //size = 100;

 for (x = 0; x < progress; x++) {
 tableText += "<td   width=\"3\" height=\"10\" bgcolor=\"green\"/>";
//if (x == (size/2)) {
 //centerCellName = "progress_" + x;
 //}
 }
 var idiv = window.document.getElementById(divId);
 idiv.innerHTML = "<table width=\"100\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>" + tableText + "</tr></table>";
 //centerCell = window.document.getElementById(centerCellName);
}

function loadProjectModules(){

     document.getElementById("taskLogId").style.display = '';

    document.getElementById("pageform").submit();
}

function saveRole(){

	if(validateRole())
    {
        if(document.getElementById("roleId").selectedIndex=='0')
           document.getElementById("action").value="saveRole";
        else
           document.getElementById("action").value="updateRole";
           document.pageform.submit();
    }
}

function validateRole(){
	if(document.getElementById("roleName").value.match(/^ *$/)){
		alert("Please enter a role");
		return;
	}
	return true;
}

function deleteRole(){

    if(document.getElementById("roleId").selectedIndex=='0'){
        alert("Please select a role.");
        return;
    }

     result=confirm("Do you want to delete this role?");
     if(result){
         document.getElementById("action").value="deleteRole";
         document.getElementById("pageform").submit();
     }
}

function clearRole(){

    document.getElementById("roleId").selectedIndex=0;

    document.pageform.submit();
}

function showEditModuleText(id){

document.getElementById("edittxt_"+id).style.display='';
document.getElementById("lbltxt_"+id).style.display='none';

}

function editModuleLabel(moduleId){

	document.getElementById("hidModuleId").value=moduleId;
	document.getElementById("hidModuleName").value = document.getElementById("edittxt_"+moduleId).value;
	document.getElementById("action").value="editModuleLabel";
	document.pageform.submit();
}

function checkRole(mod,modules){

	var modValue =   document.getElementById(mod).value;

	var modArray = new Array();
		modArray = modules.split(",");


		if(modArray.inArray(modValue)){

			document.getElementById(mod).checked=true;

		}
}

Array.prototype.inArray = function (value)
{
// Returns true if the passed value is found in the
// array. Returns false if it is not.
var i;
for (i=0; i < this.length; i++)
{
	if (this[i] == value)
	{
	return true;
	}
}
return false;
};

function CheckAll(){

	var checkboxes = document.getElementsByTagName('input');
for (i = 0; i < checkboxes.length; i++) {
	if(document.getElementById("Check_All").value=="Check All"){

checkboxes[i].checked = true; // this checks all the boxes
} else {
checkboxes[i].checked = false; // this unchecks all the boxes
}
}

	if(document.getElementById("Check_All").value=="Check All"){
		document.getElementById("Check_All").value="UnCheck All"
	}
	else{
		document.getElementById("Check_All").value="Check All"
	}
}

function change_parent_url(url)
        {
	    document.location=url;
        }


function saveDailyExpence()
{
    if(dailyExpenceValidation())
    {
        document.getElementById("action").value="save_dailyExpence";
        document.pageform.submit();
    }
}

function dailyExpenceValidation()
{
    if(document.getElementById("searchLocation").value=='new')
    {
        alert("Please Select Location.!!!!");
        document.getElementById("searchLocation").focus();
        return;
    }

    return true;
}

function createYesterdayLayer(e,divId) //*******Viewing Yesterday Layer*************
{

    var createLayer;
    createLayer = "index.php?mod=MOD017&action=createYesterdayLayer";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseYesterday(divId)};
    http.send(null);

}


function CSVHttpResponseYesterday(divId)//********Response handling in Yesterday's layer*********
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%'><td style='background:#99CC00;font-color:white;color:white;height:15px;'><b style='float:left'>Yesterday's Performance</b></td></tr> ";

            if((sr['yesterdayArray'].length)>0)
            {

                individualYesPerformane	= sr.yesterdayArray[0].yesCount;
                yesTotalPerformane		= sr.yesterdayArray[0].yesTotalCount;
                totalYesCount			= sr.yesterdayArray[0].totalYesCount;

                if(individualYesPerformane != 0) {
					if(yesTotalPerformane > individualYesPerformane)
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Your Performance: <font color='red'>"+individualYesPerformane+" %</font></td></tr>";
					else
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Your Performance: "+individualYesPerformane+" %</td></tr>";
				}
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b>Top Performances:</b> (Total Count:"+totalYesCount+")</td></tr>";

            }
			for(i = 0; i < sr['yesPerformanceArray'].length; i++)
                {
                    key = sr.yesPerformanceArray[i].key;
                    name = sr.yesPerformanceArray[i].name;
                    performance = sr.yesPerformanceArray[i].performance;

					if(key==1)
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><blink><b>"+name+": "+performance+"</b></blink></td></tr>";
					else
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>"+name+": "+performance+"</td></tr>";
                }

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;


        }
    }
}

function createTodayLayer(e,divId) //*******Viewing today's Layer*************
{

    var createLayer;
    createLayer = "index.php?mod=MOD017&action=createTodayLayer";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseToday(divId)};
    http.send(null);

}


function CSVHttpResponseToday(divId)//********Response handling in today's layer*********
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%'><td style='background:#99CC00;font-color:white;color:white;height:15px;'><b style='float:left'>Today's Performance</b></td></tr> ";

            if((sr['todayArray'].length)>0)
            {

                    individualTodayPerformane	= sr.todayArray[0].individualTodayPerformane;
                    todayTotalPerformane		= sr.todayArray[0].todayTotalPerformane;
                    totalTodayCount			= sr.todayArray[0].totalTodayCount;
                if(individualTodayPerformane != 0) {
				if(todayTotalPerformane > individualTodayPerformane)
					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Your Performance: <font color='red'>"+individualTodayPerformane+" %</font></td></tr>";
				else
					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Your Performance: "+individualTodayPerformane+" %</td></tr>";
				}
                result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b>Top Performances:</b> (Total Count:"+totalTodayCount+")</td></tr>";
            }
			for(i = 0; i < sr['todayPerformanceArray'].length; i++)
                {
                    key = sr.todayPerformanceArray[i].key;
                    name = sr.todayPerformanceArray[i].name;
                    performance = sr.todayPerformanceArray[i].performance;

					if(key==1)
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><blink><b>"+name+": "+performance+"</b></blink></td></tr>";
					else
						result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>"+name+": "+performance+"</td></tr>";
                }

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;


        }
    }
}


function createHourlyLayer(e,divId) //*******Viewing hourly Layer*************
{
    var createLayer;
    createLayer = "index.php?mod=MOD017&action=createHourlyLayer";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseHourly(divId)};
    http.send(null);
}


function CSVHttpResponseHourly(divId)//********Response handling in hourly layer*********
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%'><td style='background:#99CC00;font-color:white;color:white;height:15px;'><b style='float:left'>Hourly Average</b></td></tr> ";

            if((sr['hourlyArray'].length)>0)
            {

				individualHourlyPerformane	= sr.hourlyArray[0].individualHourlyPerformane;
				totalHourlyPerformane		= sr.hourlyArray[0].totalHourlyPerformane;

				result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Min. Hourly Avg:  10</td></tr>";
				if(totalHourlyPerformane < 10)
					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Team Hourly Avg: <font color='red'>"+totalHourlyPerformane+"</font></td></tr>";
				else
					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>Team Hourly Avg: "+totalHourlyPerformane+"</td></tr>";
				if(individualHourlyPerformane != 0) {
				if(individualHourlyPerformane < 10)
					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b>Your Average:</b> <font color='red'>"+individualHourlyPerformane+"</font></td></tr>";
				else
            		result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b>Your Average:</b> "+individualHourlyPerformane+"</td></tr>";
				}
			}

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;


        }
    }
}

function createMonthlyLayer(e,divId) //*******Viewing hourly Layer*************
{

    var createLayer;
    createLayer = "index.php?mod=MOD017&action=createMonthlyLayer";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseMonthly(divId)};
    http.send(null);

}


function CSVHttpResponseMonthly(divId)//********Response handling in hourly layer*********
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            var sr=eval("("+http.responseText+")");
            result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result+="<tr width='100%'><td style='background:#99CC00;font-color:white;color:white;height:15px;'><b style='float:left'>This Month Performance</b></td></tr> ";
			var monthTotal=sr['monthlyArray'].length-1;
			totalcnt	= sr.monthlyArray[monthTotal].totalcnt;
			result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '><b>Total Entries: "+totalcnt+"</b></td></tr>";

			//alert(monthTotal);
            for(i = 0; i < sr['monthlyArray'].length; i++)
                {
                    key			= sr.monthlyArray[i].key;
                    cnt			= sr.monthlyArray[i].cnt;
                    name		= sr.monthlyArray[i].name;

					result+="<tr><td style='text-align:left;color:green;font-size:12;height:20px '>"+name+": "+cnt+"</td></tr>";
                }

            result+='</tbody></table>';
            document.getElementById(divId).innerHTML = result;


        }
    }
}




function salaryHistoryLayer(e,salId,divId,anchor)
{
	//alert(anchor);
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-370;
        posy = e.pageY-160;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+10+"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-380+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD026&action=createSalaryHistoryLayer&salId="+salId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseSalaryHistory(divId,anchor)};
    http.send(null);

}

function CSVHttpResponseSalaryHistory(divId,anchor)
{
    //var divId='salaryGrossLayer';
    var result;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['salaryHistoryArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                name    = sr.salaryHistoryArray[0].name;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move;' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>"+name+"</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;cursor:pointer;font-family:Arial, Helvetica, Sans-serif;text-decoration:none;'>Close[X]</b></a></div>";
                result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;font-size:10pt;width:115px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Date:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:50px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Gross</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>PF</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>TDS</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>PT</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Deduction</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:80px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>Net Salary</div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                for(i = 0; i < sr['salaryHistoryArray'].length; i++) {

                    date    = sr.salaryHistoryArray[i].date;
                    gross   = sr.salaryHistoryArray[i].gross;
                    pf   = sr.salaryHistoryArray[i].pf;
                    tds   = sr.salaryHistoryArray[i].tds;
                    pt   = sr.salaryHistoryArray[i].pt;
                    deduct   = sr.salaryHistoryArray[i].deduct;
                    netsal   = sr.salaryHistoryArray[i].netsal;
                    totalGross   = sr.salaryHistoryArray[i].totalGross;
                    totalPF   = sr.salaryHistoryArray[i].totalPF;
                    totalTDS   = sr.salaryHistoryArray[i].totalTDS;
                    totalPT   = sr.salaryHistoryArray[i].totalPT;
                    totalDeduct   = sr.salaryHistoryArray[i].totalDeduct;
                    totalNetsal   = sr.salaryHistoryArray[i].totalNetsal;

                        result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:115px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+date+"&nbsp;</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:50px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+gross+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:40px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+pf+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:40px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+tds+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:40px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+pt+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:70px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+deduct+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:80px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px'>"+netsal+"</div>";

                }
                //total = sr.salaryHistoryArray[0].total;
                //result+="<div style='clear:both;height:5px'></div>";
                result+="<div style='clear:both;border:1px solid;green;'></div>";
                result+="<div style='border:0px solid;margin:5px 0px 2px 5px;float:left;font-size:10pt;width:115px;text-align:left;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green'>Total:</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:50px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalGross+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalPF+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalTDS+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:40px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalPT+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:70px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalDeduct+"</div><div style='border:0px solid;margin:5px 0px 0px 0px;float:left;font-size:10pt;width:80px;text-align:right;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;color:green;'>"+totalNetsal+"</div>";


            }
            if((sr['salaryHistoryArray'].length)>0){
            document.getElementById(divId).innerHTML = result;
             divDrag(divId);
            }
            window.location.hash=anchor;
        }
    }
}


function QCApproved(taskId)
{
    result=confirm("Do you want to approve this task?");
    if(result){
        document.getElementById("action").value="approve_task";
        document.getElementById("taskId").value = taskId;
        document.pageform.submit();
    }
}

function QCUnApproved(taskId)
{
    result=confirm("Do you want to unapprove this task?");
    if(result){
        document.getElementById("action").value="unApprove_task";
        document.getElementById("taskId").value = taskId;
        document.pageform.submit();
    }
}


function viewTaskEditLayer(e,divId,taskId,typerowId,statusrowId,finishdaterowId,taskprogressrowId){


   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-380;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-10 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-10+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD016&action=createTaskEditLayer&taskId="+taskId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseTaskEdit(divId,taskId,typerowId,statusrowId,finishdaterowId,taskprogressrowId)};
    http.send(null);
}

function CSVHttpResponseTaskEdit(divId,taskId,typerowId,statusrowId,finishdaterowId,taskprogressrowId)
{
	//alert(rowId);
	//alert(divId);
     if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
             // http.responseText;
             response  = http.responseText;

            result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Edit Task</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";

            var sr=eval("("+http.responseText+")");



            if((sr['taskEditArray'].length)>0)
            {
                   taskId		= sr.taskEditArray[0].taskId;
                   projectName	= sr.taskEditArray[0].projectName;
                   projModName	= sr.taskEditArray[0].projModName;
                   milesName	= sr.taskEditArray[0].milesName;
                   taskName		= sr.taskEditArray[0].taskName;
                   taskType		= sr.taskEditArray[0].taskType;
                   taskProgress = sr.taskEditArray[0].taskProgress;
                   taskStatus	= sr.taskEditArray[0].taskStatus;
                   taskEndDate	= sr.taskEditArray[0].taskEndDate;
                  //alert(taskStatus);

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Project Name:</div><div style='width:215px;float:left'><b>"+projectName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Module Name:</div><div style='width:215px;float:left'><b>"+projModName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Milestone:</div><div style='width:215px;float:left'><b>"+milesName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Task Name:</div><div style='width:215px;float:left'><b>"+taskName+"</b></div></div>";
				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Task Type:</div>";

				result+="<div style='width:40%;float:left'><select name='taskType' id='taskType' size='1' style='width:120px' onchange=''>";

				for(i = 0; i < sr['taskTypeArray'].length; i++) {

                   key    = sr.taskTypeArray[i].key;
                   type = sr.taskTypeArray[i].taskType;

					if(taskType==type)
						result+="<option  value="+key+" selected>"+type+"</option>";
					else
						result+="<option  value="+key+" >"+type+"</option>";

                }

				result+="</select></div>";
				result+="</div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Task Status:</div>";

				result+="<div style='width:40%;float:left'><select name='taskStatus1' id='taskStatus1' size='1' style='width:120px' onchange=''>";

				for(i = 0; i < sr['statusArray'].length; i++) {

                   key    = sr.statusArray[i].key;
                   status = sr.statusArray[i].status;

					if(taskStatus==status)
						result+="<option  value="+key+" selected>"+status+"</option>";
					else
						result+="<option  value="+key+" >"+status+"</option>";

                }

				result+="</select></div>";
				result+="</div>";

				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left'>Task Finish date:</div><div style='width:40%;float:left'><input type='text' name='finishdate' id='finishdate' size='11' maxlength='10' value="+taskEndDate+"><a href=javascript:OpenCal('finishdate')><img style='border:0px solid;height:20px;position:relative;top:5px;margin-left:4px' title='Search for calender' src='image/calendar.jpg'></a></div></div>";


				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><div style='width:35%;float:left;margin:5px 0px 0px 0px;'>Task Progress:</div>";
				result+="<div style='width:40%;float:left'><select name='taskProgress1' id='taskProgress1' size='1' style='width:62px' onchange=''>";

				for(i = 0; i <=100; i=i+5)
                {
					if(taskProgress==i)
						result+="<option  value="+i+" selected>"+i+"</option>";
					else
						result+="<option  value="+i+" >"+i+"</option>";
				}

				result+="</select> %</div>";
				result+="</div>";


				result+="<div style='border:0px solid;margin:5px 0px 0px 5px;float:left;text-align:left;width:97%;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;'><center>";
				result+="<input  style='width:70px;height:20px' class='button3' type='button' name='s' value='Save'  onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick='editTaskDetails("+taskId+",\""+divId+"\",\""+typerowId+"\",\""+statusrowId+"\",\""+finishdaterowId+"\",\""+taskprogressrowId+"\")'>&nbsp";
				result+="<input  style='width:70px;height:20px' class='button3' type='reset' name='s' value='Cancel' onmouseover=this.className='button_over3' onmouseout=this.className='button_out3' onclick=''>&nbsp";
				result+="</center></div>";

				result+= "<div style='clear:both;height:10px'></div>";

                document.getElementById(divId).style.display="";

            }

            document.getElementById(divId).innerHTML = result;
            divDrag(divId);
        }
    }
}


function editTaskDetails(taskId,divId,typerowId,statusrowId,finishdaterowId,taskprogressrowId)
{
	//alert(taskId);
	taskType=document.getElementById("taskType").value;
	taskStatus=document.getElementById("taskStatus1").value;
	finishdate=document.getElementById("finishdate").value;
	taskProgress=document.getElementById("taskProgress1").value;

	var form = document.pageform;
	var taskTypeVal = form.taskType.options[form.taskType.selectedIndex].text;
	var statusVal = form.taskStatus1.options[form.taskStatus1.selectedIndex].text;
	var pregressVal = form.taskProgress1.options[form.taskProgress1.selectedIndex].text;
	//alert(statusVal);

	var createLayer1;

		createLayer1 = "index.php?mod=MOD016&action=editTaskDetails&taskId="+taskId+"&taskType="+taskType+"&taskStatus="+taskStatus+"&finishdate="+finishdate+"&taskProgress="+taskProgress;
        //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer1, true);
    //http.onreadystatechange = function (){ModuleHttpResponse(divId,searchId)};
    http.send(null);
    //alert("Your log successfuly entered.");

   //document.getElementById(divId).value="none";
    result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Log</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
    result+= "<div style='clear:both;height:5px'></div>";
	result+= "<div style='font-size:12px;color:red;border:0px solid green'>Task details successfully updated.</div>";
	result+= "<div style='clear:both;height:5px'></div>";
	document.getElementById(divId).innerHTML=result;

	document.getElementById(typerowId).innerHTML=taskTypeVal;
	document.getElementById(statusrowId).innerHTML=statusVal;
	document.getElementById(finishdaterowId).innerHTML=finishdate;
  	document.getElementById(taskprogressrowId).innerHTML=pregressVal+"%";
   //alert("Your Log Successfully Entered.");
}

function loadCurrentTask()
{
	document.getElementById("hidClosedTask").value = 'false';
	document.getElementById("hidAllTask").value = 'false';
	document.getElementById("hidLaggingTask").value = 'false';
	window.location='index.php?mod=MOD016';
	sfunGeneralSearch();
}

function loadLaggingTask()
{
	document.getElementById("hidClosedTask").value = 'false';
	document.getElementById("hidAllTask").value = 'false';
	document.getElementById("hidLaggingTask").value = 'true';

	sfunGeneralSearch();
}

function loadClosedTask()
{
	document.getElementById("hidAllTask").value = 'false';
	document.getElementById("hidLaggingTask").value = 'false';
	document.getElementById("hidClosedTask").value = 'true';

	sfunGeneralSearch();
}

function loadAllTask()
{
	document.getElementById("hidLaggingTask").value = 'false';
	document.getElementById("hidClosedTask").value = 'false';
	document.getElementById("hidAllTask").value = 'true';

	sfunGeneralSearch();
}




function viewBirthMsgLayer(e,bithEmpId,divId,eventDay,empName)
{
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = posy+180+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-300+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+5 +"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-100+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }

    document.getElementById(divId).style.display="";
	result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;font-family:verdana;cursor:move' ><b style='float:left;font-size:8pt;margin:3px 0px 0px 5px;font-weight:bold'>Send Greetings to "+empName+"</b><a style='text-decoration:none'href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:black;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;color:red'>Close[X]</b></a></div>";

    result+="<div style='text-align:center;color:green;font-size:12;margin:10px 5px 0px 5px;font-family:verdana '><textarea id='birthMsg' name='birthMsg' cols='40' rows='5'></textarea></div>";
    result+="<div style='text-align:center;color:green;font-size:12;margin:10px 5px 5px 5px;font-family:verdana '><input class='button3' style='width:70px;height:20px' type='button' value='Send' onclick='saveBirthMarriageMsg(\""+divId+"\",\""+bithEmpId+"\",\""+eventDay+"\")' ></div>";

   document.getElementById(divId).innerHTML = result;
   divDrag(divId);
}


function saveBirthMarriageMsg(divId,toEmpId,eventDay)
{

	message=document.getElementById("birthMsg").value;
	//alert(message);
	if(document.getElementById("birthMsg").value.match(/^ *$/))
    {
        alert("Please Type Your Message.!!!!");
        document.getElementById("birthMsg").focus();
        return;
    }
//alert("wfw");
	var createLayer1;

	createLayer1 = "index.php?mod=MOD001&action=save_Message&toEmpId="+toEmpId+"&eventDay="+eventDay+"&message="+message;
        //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer1, true);
    //http.onreadystatechange = function (){ModuleHttpResponse(divId,searchId)};
    http.send(null);
    //alert("Your log successfuly entered.");

   //document.getElementById(divId).value="none";
    result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move' ><p style='float:left;height:10px;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;font-family:Arial, Helvetica, Sans-serif;'>Sent Greetings</p><a style='text-decoration:none' href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;;font-family:Arial, Helvetica, Sans-serif'>Close[X]</b></a></div>";
    result+= "<div style='clear:both;height:5px'></div>";
	result+= "<div style='font-size:12px;color:red;border:0px solid green'>Your message successfully sent.!!!</div>";
	result+= "<div style='clear:both;height:5px'></div>";
	document.getElementById(divId).innerHTML=result;

}


function viewEventMsgLayer(e,empId,divId)
{
	//alert(anchor);
   var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        posx = e.pageX-10;
        posy = e.pageY-160;
        document.getElementById(divId).style.top = posy+170+"px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
        document.getElementById(divId).style.left=posx-10+"px";
    }
    else if (e.clientX || e.clientY)//IE
    {

        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy+10+"px";

        posx = e.clientX + document.body.scrollLeft;
        document.getElementById(divId).style.left=posx-380+"px";
        //posx = e.clientX + document.body.scrollLeft;
        //posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = 90+"px";
        //document.getElementById(divId).style.right= 40;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD001&action=createEventMessageLayer&empId="+empId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseEventMessage(divId)};
    http.send(null);

}

function CSVHttpResponseEventMessage(divId)
{
    //var divId='salaryGrossLayer';
    var result;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['viewEventMessageArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                name    = sr.viewEventMessageArray[0].name;
                result="<div style='float:left;width:590px;background:none'>";
				 for(i = 0; i < sr['viewEventMessageArray'].length; i++) {

                    id		  = sr.viewEventMessageArray[i].id;
                    name	  = sr.viewEventMessageArray[i].name;
                    message   = sr.viewEventMessageArray[i].message;
                    msgDate   = sr.viewEventMessageArray[i].msgDate;

					result+="<div id='loop"+i+"'>";
                    result+="<div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:left;width:545px;font-size:10pt;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px;font-weight:bold'>"+message+"</div><div style='float:right;border:0px solid;float:left;width:40px;margin:5px 0px 0px 0px;'><img onclick='deleteBirthWeddMessages(\""+id+"\",\""+divId+"\",\"loop"+i+"\")' style='float:right;border:none' src='image/delete.jpg'></div>";
					result+="<div style='clear:both;height:5px'></div>";
					result+="<div style='border:0px solid;margin:5px 0px 0px 0px;float:left;text-align:right;width:545px;font-size:11px;font-family:Arial, Helvetica, Sans-serif;_padding-bottom:5px;color:#999A9B'>Sent by "+name+" on "+msgDate+"</div>";
					result+="<div style='clear:both;height:5px'></div>";
					result+="<div style='clear:both;border-top:1px solid #999A9B;'></div>";
					result+="</div>";
                }
                result+="<div style='clear:both;height:5px'></div>";
                result+="</div>";

            }

            document.getElementById(divId).innerHTML = result;
			document.getElementById("loadingImg").style.display = 'none';
             //divDrag(divId);

        }
    }
}


function deleteBirthWeddMessages(msgId,divId,rowId)
{


	result=confirm("Do you want to delete this message?");
    if(result){

	  var createLayer1;
	createLayer1 = "index.php?mod=MOD001&action=delete_Message&msgId="+msgId;
       //document.getElementById(divId).style.display="none";
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer1, true);
    http.onreadystatechange = function (){messageResponse(rowId)};
    http.send(null);
    }


}

function messageResponse(rowId)
{
	var response;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {

             // http.responseText;
             response  = http.responseText;


            if(response){
               document.getElementById(rowId).style.display="none";

               if(document.getElementById("msgCount").innerHTML >0){

			      document.getElementById("msgCount").innerHTML = (document.getElementById("msgCount").innerHTML)-1;;
			   }
			   else
				{
					 document.getElementById("msgDiv").style.display="none";
				}
				}
        }
    }
}




function saveTarobyEntry()
{
    if(tarobyEntryValidation())
    {
        document.getElementById("action").value="add_tarobyentry";
        document.pageform.submit();
    }
}

function tarobyEntryValidation()
{
    if(document.getElementById("companyName").value.match(/^ *$/))
    {
        alert("Please Enter the Company Name.!!");
        document.getElementById("companyName").focus();
        return;
    }

	if(document.getElementById("category").value=='new')

	{
		alert("Please Select Category.!!");
		document.getElementById("category").focus();
		return;
	}


    return true;
}

function changeSearchSelectBox(selectId){


document.getElementById("searchTextValue").value="";

	if(selectId=="intTarobyCategoryId"){

		document.getElementById("searchCategoryList").style.display="";
		document.getElementById("searchTextVal").style.display="none";
		document.getElementById("searchCountryList").style.display="none";
	}
	else if(selectId=="intCountryId"){

		document.getElementById("searchCountryList").style.display="";
		document.getElementById("searchTextVal").style.display="none";
		document.getElementById("searchCategoryList").style.display="none";
	}
	else{
		document.getElementById("searchTextVal").style.display="";
		document.getElementById("searchCategoryList").style.display="none";
		document.getElementById("searchCountryList").style.display="none";
	}


}


function viewTarobySearchLayer(e,divId,searchValue,searchCriteria){



    var searchVal=document.getElementById(searchValue).value;
	if(searchVal){


	var searchItem =document.getElementById("searchItemVal").value;




    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);

        posx = e.pageX+10;
        posy = e.pageY-180;


		if(document.getElementById("successMsg") && document.getElementById("successMsg").innerHTML){
			 document.getElementById(divId).style.top = 231;
		}
		else{
			 document.getElementById(divId).style.top = 207;
		}


        document.getElementById(divId).style.left=356 ;

     if (e.clientX || e.clientY)//IE
    {

        //posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        //document.getElementById(divId).style.top = posy-2+"px";

		if(document.getElementById("successMsg") && document.getElementById("successMsg").innerHTML){
			 document.getElementById(divId).style.top = 258;
		}
		else{
			 document.getElementById(divId).style.top = 244;
		}
        //document.getElementById(divId).style.top = 262;
        document.getElementById(divId).style.left= 353;
    }
    var createLayer;

    createLayer = "index.php?mod=MOD028&action=createTarobyLayer&searchVal="+searchVal+"&searchItem="+searchItem+"&searchCriteria="+searchCriteria;
    http = getHTTPObject(); // We create the HTTP Object


    document.getElementById(divId).style.display="";
	document.getElementById(divId).innerHTML = "<img  src='./image/222.gif' style='margin-top:90px;'></img>";


    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){HttpTarobyResponse(divId)};
    http.send(null);
	}


}

function HttpTarobyResponse(divId){
    //alert()

    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            //alert(http.responseText);
            //return;

            response  = http.responseText;

              var sr=eval("("+http.responseText+")");

            //  alert(sr['searchArray'].length);


    result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> <tr></tr>";
    result+="<tr width='100%'  ><td style='font-color:#B8686A;float:right' align='right'><b></b><a href='javascript:void(0);' onclick='closeTarobySearchDiv()'><b>Close(X)</b></a></td></tr> <tr style='width:100%;'><td style=\"border-right:1px solid white;background:green;color:white\"><b>Company Name</b></td></tr>";


    //alert(sr.searchArray[0].value);
    if((sr['searchArray'].length)>0){
        document.getElementById(divId).style.display="";

        for(i = 0; i < sr['searchArray'].length; i++) {
			//alert( sr['searchArray'].length);
            key = sr.searchArray[i].key;
            value = sr.searchArray[i].value;

            result+="<tr onMouseOver=\"if(this.className!='trselect') this.className='trhover'\" onMouseOut=\"if(this.className!='trselect') this.className=''\"  onclick='addTarobySearchResult(\""+key+"\",\""+value+"\" );'><td>"+value+"</td></tr>";

         }

    }


      result+='</tbody></table>';
     // document.getElementById(lsId).innerHTML ='';

   document.getElementById(divId).innerHTML = result;


        }
    }

}

function addTarobySearchResult(id,value){

	document.getElementById("searchTextVal").style.display="";
	document.getElementById("searchCategoryList").style.display="none";
	document.getElementById("searchCountryList").style.display="none";

	document.getElementById("hidTarobyEntryId").value=id;
	//document.getElementById("searchTextValue").value=value;
	document.pageform.submit();


}

function newTarobyEntry(){
	document.getElementById("hidTarobyEntryId").value="";

	document.pageform.submit();
}

function editTarobyEntry()
{
    if(tarobyEntryValidation())
    {
        document.getElementById("action").value="update_tarobyentry";
        document.pageform.submit();
    }
}

function deleteTarobyEntry(){

	result=confirm("Do you want to delete this entry?");
	 if(result){

		 document.getElementById("action").value="delete_tarobyentry";
		 document.pageform.submit();
	 }
}

function closeTarobySearchDiv(){

	document.getElementById("searchTarobyLayer").style.display="none";
}

function saveDefaultProject(projId)
{
	//alert(projId);
    document.getElementById("action").value="set_DefaultProject";
	document.getElementById("hidProjectId").value=projId;
    document.pageform.submit();

}


function viewtaskprogress(divId,id)
{
	document.getElementById(divId).style.display="";
	document.getElementById('viewarrow'+id).style.display="";
	document.getElementById('hidearrow'+id).style.display="none";
}
function notviewtaskprogress(divId,id)
{
	//alert(divId);
	document.getElementById(divId).style.display="none";
	document.getElementById('hidearrow'+id).style.display="";
	document.getElementById('viewarrow'+id).style.display="none";
}





//*******Viewing tax Layer*************
function viewTaxLayer(e,salId,divId)
{

    //alert(salId);
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    //alert(e);
    if (e.pageX || e.pageY)
    {
        //posx = e.pageX+10;
        posy = e.pageY-180;
        document.getElementById(divId).style.top = 50;
        document.getElementById(divId).style.left=450 ;
    }
    else if (e.clientX || e.clientY)//IE
    {
        //posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
        document.getElementById(divId).style.top = posy-200+"px";
        document.getElementById(divId).style.left= 450;
    }
    var createLayer;
    createLayer = "index.php?mod=MOD031&action=createTaxLayer&salId="+salId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseTax(divId)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseTax(divId)
{
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            response  = http.responseText;
            //document.getElementById("loading").style.display="none";
            var sr=eval("("+http.responseText+")");
            //result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
            result="<div id='handle' width='100%' style=background:#99CC00;color:white;height:20px;cursor:move' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold'>Salary Details</b><a href='javascript:void(0);' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;text-decoration:none;font-size:10pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;'>Close[X]</b></a></div>";

            //result="<div style=\'width:100%;border-right:1px solid white;background:#99CC00;color:white;font-size:11pt;height:20px;float:left;font-weight:bold\'>Salary Details<a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b style='color:black;font-size:11pt;float:right;margin:0px 3px 0px 0px;cursor:pointer;'>Close[X]</b></a></div> ";
            if((sr['taxLayerArray'].length)>0)
            {

                name = sr.taxLayerArray[0].name;
				id = sr.taxLayerArray[0].id;
                date = sr.taxLayerArray[0].date;
                basic = sr.taxLayerArray[0].basic;
                DA = sr.taxLayerArray[0].DA;
                HRA = sr.taxLayerArray[0].HRA;
                conveyance = sr.taxLayerArray[0].conveyance;
                special = sr.taxLayerArray[0].special;
                medical = sr.taxLayerArray[0].medical;
				others = sr.taxLayerArray[0].others;
                gross = sr.taxLayerArray[0].gross;
                tax = sr.taxLayerArray[0].tax;
                PT = sr.taxLayerArray[0].PT;
                net = sr.taxLayerArray[0].net;
                //alert(id);
                if(!name)
                    name='';
                if(!date)
                    date='';
                if(!basic)
                    basic='';
                if(!DA)
                    DA='';
                if(!HRA)
                    HRA='';
                if(!conveyance)
                    conveyance='';
                if(!special)
                    special='';
                if(!medical)
                    medical='';
				if(!others)
                    others='';
                if(!gross)
                    gross='';
                if(!tax)
                    tax='';
                if(!PT)
                    PT='';
                if(!net)
                    net='';
                result+="<div style='clear:both;height:10px'></div>";
                result+="<div style='border:0px solid;float:left;width:70px;color:green;margin-left:5px;text-align:left;font-size:10pt '><b>Name</b>: </div>";
				result+="<div style='border:0px solid;float:left;width:220px;color:green;text-align:left;font-size:10pt '><b><input type='text' style='border:0px;color:green;font-weight:bold' name='name' id='name' value=\""+name+"\"/></b></div>";
				result+="<div style='clear:both;margin-bottom:5px;'></div>";
                result+="<div style='border:0px solid;float:left;width:70px;color:green;margin-left:5px;text-align:left;font-size:10pt '><b>Month</b>: </div>";
				result+="<div style='border:0px solid;float:left;width:220px;color:green;text-align:left;font-size:10pt '><b><input type='text' s style='border:0px;color:green;font-weight:bold' name='date' id='date' value=\""+date+"\"/></b></div>";
                result+="<div style='clear:both;height:10px'></div>";
                result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Basic: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='basic' id='basic' value="+basic+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>DA: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='DA' id='DA' value="+DA+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>HRA: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='HRA' id='HRA' value="+HRA+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Conveyance: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='conveyance' id='conveyance' value="+conveyance+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Allowance: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='special' id='special' value="+special+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Medical Reimb: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='medical' id='medical' value="+medical+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Gross: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='gross' id='gross' value="+gross+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Tax: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='tax' id='tax' value="+tax+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>PT: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='PT' id='PT' value="+PT+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Other Deductions: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='others' id='others' value="+others+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;float:left;width:110px;color:green;margin-left:5px;text-align:left;font-size:10pt '>Net: </div><div style='border:0px solid;float:left;width:180px;color:green;font-size:12pt '><input type='text' name='net' id='net' value="+net+"></div>";
                result+="<div style='clear:both;margin-bottom:5px;'></div>";
				result+="<div style='border:0px solid;text-align:center;width:280px;color:green;font-size:10pt;margin-left:5px'><input class='button3' style='width:70px;height:20px' type='button' value='Save' onclick='saveTax(\""+id+"\")'></div>";
				result+="<div style='clear:both;margin-bottom:5px;'></div>";

			   // result+='</tbody></table>';
				document.getElementById(divId).innerHTML = result;
				divDrag(divId);

            }
          }
        }
      }
	  function saveTax(id)
			{

				//alert(id);
				document.getElementById("action").value="save_tax";
				document.getElementById("hidSalIndex").value=id;
				document.pageform.submit();

			}

	function salaryTaxSlip(salIndex)
		{
			alert(salIndex);
			document.getElementById("action").value="salTaxPDF";
			document.getElementById("hidSalIndex").value=salIndex;
			document.pageform.submit();

		}

	function statusChange()

	{
		//alert("ff");
		var a = document.getElementById('statusList').selectedIndex;
		//alert(a);
		if (a == 1){
			document.getElementById("listProject").style.display="none";
			document.getElementById("userList").style.display="";
		}
		if (a == 2)
			{
			document.getElementById("userList").style.display= "none";
			document.getElementById("listProject").style.display="";
			}

	}


	function loadPageGant()
		{
			var a = document.getElementById('statusList').selectedIndex;
		//alert(a);
		//alert("hai");
		if (a == 1){
			//alert("hai")
			document.getElementById("listProject").style.display="none";
			document.getElementById("userList").style.display="";
		}
		if (a == 2)
			{
			//alert("hai2")

			document.getElementById("userList").style.display= "none";
			document.getElementById("listProject").style.display="";
			}
	    if (a == 0)
			{
			//alert("hai3")
			document.getElementById("userList").style.display= "none";
			document.getElementById("listProject").style.display="none";
			}



		}


		function saveEvent()
		{
			//alert(document.getElementById("projectId").value);
			if(document.getElementById("projectId").value == '' || document.getElementById("projectId").value == 'new') {
				alert("Please select a project");
				return;
			} else if(document.getElementById("eventName").value == '') {
				alert("Please enter event name");
				return;

			}  else if(document.getElementById("recurringEvent").value == '') {
				alert("Please select recurring event type");
				return;

			} else if(document.getElementById("selectedEmp").value == '') {
				alert("Please select ab employee");
				return;

			}
			document.getElementById("action").value="saveEvents";
			document.pageform.submit();

		}

		function deleteEvent()
		{
			if(document.getElementById("EventsId").value == '')
			{
				alert("Please select an event");
				return;
			} else {
				var msg = "Are you sure you want to delete this event?";
				if(!confirm(msg)) {
					return;
				}
				document.getElementById("action").value="deleteEvents";
				document.pageform.submit();
			}
		}

		function displayRecurringDates()
		{
			document.getElementById("weekly").style.display = 'none';
			document.getElementById("monthly").style.display = 'none';
			document.getElementById("oneTime").style.display = 'none';

			if(document.getElementById("recurringEvent").value == '1')
			{
				document.getElementById("weekly").style.display = 'block';
			} else if(document.getElementById("recurringEvent").value == '2')
			{
				document.getElementById("monthly").style.display = 'block';
			} else if(document.getElementById("recurringEvent").value == '3')
			{
				document.getElementById("oneTime").style.display = 'block';
			}


		}

		function viewEventDetailsLayer(e,divId, eventId) //*******Viewing events files Layer*************
		{                                                             //*******Calling eventsView.tpl************
			var posx = 0;
			var posy = 0;

			if (e == null) e = window.event;


		 //   alert(e);
		   // alert(eventId);
			document.getElementById('selectedEvent').value = eventId;

			if (e.pageX || e.pageY)
			{
				posx = e.pageX-300;
				posy = e.pageY-180;
				document.getElementById(divId).style.top = posy+80+"px";
				document.getElementById(divId).style.left=posx-100+"px";
			}
			else if (e.clientX || e.clientY)//IE
			{
				posy = e.clientY + document.body.scrollTop;
				document.getElementById(divId).style.top = posy-80 +"px";
				posx = e.clientX + document.body.scrollLeft;
				document.getElementById(divId).style.left=posx-100+"px";
			}
			var createAttendanceLayer;
			createAttendanceLayer = "index.php?mod=MOD032&action=eventDetails&eventId="+eventId;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", createAttendanceLayer, true);
			http.onreadystatechange = function (){CSVHttpResponseEventDetails(divId)};
			http.send(null);
			document.getElementById(divId).style.display="";
		}

		function CSVHttpResponseEventDetails(divId)
		{

			if (http.readyState == 4)
			{
				// only if "OK"
				if (http.status == 200)
				{
					response  = http.responseText;
					//document.getElementById("loading").style.display="none";
					var value='';

				//	var result='';
				s = http.responseText;

				  r = "";
				  for (i=0; i < s.length; i++) {
					if (s.charAt(i) != '\n' &&
						s.charAt(i) != '\r' &&
						s.charAt(i) != '\t') {
					  r += s.charAt(i);
					  }
					}

		//alert(r);
					var sr =eval("("+r+")");

					var eventId = document.getElementById('selectedEvent').value;
					var eventName = document.getElementById('eventname_'+eventId).value;

		//console.info(sr)
					result="<table  style='width:100%;font-size:11;font-family:verdana'><tbody> ";
					result+="<tr width='100%' id='handle'><td colspan='2' style='background:#99CC00;font-color:white;color:white;height:15px;cursor:move' align='right'><b style='float:left'>"+eventName+"</b><a href='javascript:void(0);' onclick='closeLayerDiv( \""+divId+"\")'><b><font color='red'>Close</font><font color='red'>[X]</font></b></a></td></tr> ";

					result+="<tr><td style='text-align:left;color:green;font-size:12;height:25px;padding:10px 0px 5px 5px;' colspan='2'><b><u> File:</u></b></td></tr>";

					if((sr['eventDetailsArray'].length)>0)
					{

						for(i = 0; i < sr['eventDetailsArray'].length; i++)
						{
							result+="<tr><td style='text-align:left;color:green;font-size:10;padding:5px 0px 5px 5px;border-bottom:1px dashed #C1D1E0;'><a href='"+sr.eventDetailsArray[i].filePath+sr.eventDetailsArray[i].fileName+"' TARGET='_blank' title='View' style='float:left;'>"+sr.eventDetailsArray[i].fileName+"</a><img src='image/delete.png' style='cursor:pointer;float:right;margin-right:10px;' title='Delete' onclick='deleteFile("+sr.eventDetailsArray[i].fileIndex+")'></td>";

							result+="<td style='text-align:left;color:green;font-size:10;padding-left:5px;padding-bottom:5px;border-bottom:1px dashed #C1D1E0; '>by:"+sr.eventDetailsArray[i].employeeName+"</td></tr>";
						}
						//	value =  document.getElementById('comment_'+sr.eventDetailsArray[0].eventId).value;
					   }

						result+="<tr><td colspan='2' style='text-align:left;color:green;font-size:10;padding:5px 0px 5px 10px;border-bottom:1px dashed #C1D1E0;'>"
						result+="<iframe id='uploadframe' src='index.php?hidValAction=iframeupload&#38;frmname=File&#38;bgcolor=#FFF&#38;size=20&#38;fsize=8&#38;' frameborder='0' style='height:20px;width:90%;overflow-x:hidden;overflow-y:hidden;' name='uploadframe' /></iframe>";

						result+="</td></tr>";

						result+="<tr><td style='text-align:left;color:green;font-size:12;padding:5px 0px 5px 5px;'><b><u>Comments: </u></b></td></tr>";
						result+="<tr><td colspan='5' style='padding:5px 2px 5px 0px'><div style='overflow:auto;height:150px;width:100%;text-align:left;border-bottom:1px dashed #C1D1E0;border-top:1px dashed #C1D1E0;margin-bottom:5px;'>";
						for(i = 0; i < sr['eventCommentArray'].length; i++)
						{
						//	console.info(sr.eventCommentArray[i].commentName);
							result+="<div style='width:100%;border-bottom:1px dashed #C1D1E0;line-height:25px;min-height:20px;float:left;'><div style='float:left;width:70%;color:green;font-size:10;margin-left:5px;'>"+sr.eventCommentArray[i].commentName+"</div>";

							result+="<div style='float:left;width:27%;font-size:10;color:green;margin-left:5px;'>by:"+sr.eventCommentArray[i].employeeName+"</div></div>";

						}
						result+="</div></td></tr>"

						result+="<tr><td align='center'><textarea id='eventComment' name='eventComment' cols='30' rows='3'></textarea></td>";

						result+="<td align='center'><div id='saveCmntBtn'><input class='button3' style='width:70px;height:20px' type='button' value='Add' onclick='saveComments()' ></div></td></tr>";

						result+='<br></tbody></table>';

						document.getElementById(divId).innerHTML = result;
						divDrag(divId);
				}
			}
		}


		responseFromIframe = function(fname,size,fromname,filepath)
		{
			var eventId = document.getElementById('selectedEvent').value;

			saveFile = "index.php?mod=MOD032&action=saveFile&eventId="+eventId+"&fileName="+fname;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", saveFile, true);
			http.onreadystatechange = function (){

			if (http.readyState == 4)
			{
				// only if "OK"
				if (http.status == 200)
				{
						if(!document.getElementById(eventId+'_comment0'))
						{
							document.getElementById('noFiles').style.display='none';
							document.getElementById('file1').style.display='';
						}
					viewEventDetailsLayer('','eventFilesLayer', eventId);
				}
			}


				};
			http.send(null);
		}

		function saveComments()
		{
			var eventId = document.getElementById('selectedEvent').value;
			var comment = encodeURIComponent(document.getElementById('eventComment').value);
			//console.info(document.getElementById('eventComment').value);
			//alert(comment);
			if(comment == '') {
				alert('Please eneter comments');
				return;
			}
			saveFile = "index.php?mod=MOD032&action=addComments&eventId="+eventId+"&eventComments="+comment;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", saveFile, true);
			http.onreadystatechange = function (){
				document.getElementById('saveCmntBtn').innerHTML = "<img style='border:0px;height:20px;width:20px;' title='Saving...' src='image/loading.gif'>";

				if (http.readyState == 4)
				{
					// only if "OK"
					if (http.status == 200)
					{
						response  = http.responseText;
						if (response!='')
						{
							if(!document.getElementById(eventId+'_comment0'))
							{
								document.getElementById('noFiles').style.display='none';
								document.getElementById('comment1').style.display='';
							}
							//alert(http.responseText);
							viewEventDetailsLayer('','eventFilesLayer', eventId);
						} else {
							alert('Please reload the page.');
						}
					}
				}
			};
			http.send(null);
		}


		function deleteFile(fileIndex)
		{
			var msg = "Are you sure you want to delete this file?";
			if(!confirm(msg)) {
				return;
			}

			var eventId = document.getElementById('selectedEvent').value;

			fileIndex = "index.php?mod=MOD032&action=deleteFile&eventId="+eventId+"&fileIndex="+fileIndex;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", fileIndex, true);
			http.onreadystatechange = function (){

				if (http.readyState == 4)
				{
					// only if "OK"
					if (http.status == 200)
					{
						response  = http.responseText;

						//alert(http.responseText);
						viewEventDetailsLayer('','eventFilesLayer', eventId);
					}
				}
			};
			http.send(null);

		}

//*******Viewing charts *************

		function loadChart(loadChartType)
		{

			document.getElementById("action").value= loadChartType;
//			alert(loadChartType);

			var val= document.getElementById('selectedEmployee').value;
			if((val == 'new') && (loadChartType == 'MonthlyEmployee')) {
				alert("Please select an employee");
				return;
			}

			var x= document.getElementById('selectedEmployee').selectedIndex;
			var text = document.getElementById('selectedEmployee').options[x].label;

			document.getElementById("empName").value= text;

			var month= document.getElementById('emp_monthValue').value;
			var y= document.getElementById('emp_monthValue').selectedIndex;
			var monthName = document.getElementById('emp_monthValue').options[y].label;
			document.getElementById("emp_monthName").value= monthName;

			document.pageform.submit();
		}


		function loadHomeChart(loadChartType,userType)
		{
			document.getElementById("action").value= loadChartType;

			if ((userType=='admin')&&(loadChartType == 'MonthlyEmployee'))
			{
				var val= document.getElementById('selectedEmployee').value;
				//console.info(val);
				if((val == 'new') && (loadChartType == 'MonthlyEmployee')) {
					alert("Please select an employee");
					return;
				}

				var x= document.getElementById('selectedEmployee').selectedIndex;
				var text = document.getElementById('selectedEmployee').options[x].label;
			}
			else {
				//var val= document.getElementById('selectedEmployee').value;
				var x= document.getElementById("empIndex").value;
				var text = document.getElementById('employeeName').value;
			}

			document.getElementById("empName").value= text;

			var month= document.getElementById('emp_monthValue').value;
			var y= document.getElementById('emp_monthValue').selectedIndex;
			var monthName = document.getElementById('emp_monthValue').options[y].label;
			document.getElementById("emp_monthName").value= monthName;

			document.pageform.submit();
		}

		function updateBasecamp(employeeIndex,month,year) 
		{
			if (employeeIndex=="")
			  {
			  return;
			  }
			if (window.XMLHttpRequest)
			  {// code for IE7+, Firefox, Chrome, Opera, Safari
			  xmlhttp=new XMLHttpRequest();
			  }
			else
			  {// code for IE6, IE5
			  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			  }
			/*xmlhttp.onreadystatechange=function()
			  {
			  if (xmlhttp.readyState==4 && xmlhttp.status==200)
				{
				//document.getElementById("selectedEmployee").innerHTML=xmlhttp.responseText;
				}
			  }*/
			xmlhttp.open("GET","basecamp/updateReport.php?empIndex="+employeeIndex+"&month="+month+"&year="+year,true);
			xmlhttp.send();
			//window.location.reload();

			document.getElementById("basecamp-msg").style.display = "block";
			document.getElementById("basecamp-msg").innerHTML = "*Changes will be reflected after One Hour";


		}

		
		function loadLeaveCount(loadChartType,userType)
		{
			document.getElementById("action").value="load_leaveCount";

			if ((userType=='admin')&&(loadChartType == 'LeaveCount'))
			{
				var val= document.getElementById('selectEmployee').value;
				//console.info(val);
				if((val == 'new') && (loadChartType == 'LeaveCount')) {
					alert("Please select an employee");
					return;
				}

				var x= document.getElementById('selectEmployee').selectedIndex;
				var text = document.getElementById('selectEmployee').options[x].label;
			}
			else {
				//var val= document.getElementById('selectedEmployee').value;
				var x= document.getElementById("empIndex").value;
				var text = document.getElementById('employeeName').value;
			}

			document.getElementById("empName").value= text;

			var month= document.getElementById('emp_monthValue').value;
			var y= document.getElementById('emp_monthValue').selectedIndex;
			var monthName = document.getElementById('emp_monthValue').options[y].label;
			document.getElementById("emp_monthName").value= monthName;

			document.pageform.submit();
		}


		function saveLeaveRequest()
		{
			if(leaveRequestValidation())
			{
				document.getElementById("action").value="SaveLeaveRequest";
				document.getElementById("pageform").submit();
			}
		}

		function leaveRequestValidation()
		{
			if(document.getElementById("leaveType").value=='new')
			{
				alert("Please select the leave type.");
				document.getElementById("leaveType").focus();
				return;
			}
			else if(document.getElementById("fromdate").value.match(/^ *$/))
			{
				alert("Please enter the from date");
				document.getElementById("fromdate").focus();
				return;
			}
			var todayVal = document.getElementById('hidToday').value;
			var temp3 = new Array();
			temp3 = todayVal.split('-');
			var mon3  = temp3[0]-1;
			var dt3	  = temp3[1];
			var yr3   = temp3[2];
			var today = new Date;
			today.setDate(dt3);
			today.setMonth(mon3); // January = 0
			today.setFullYear(yr3);

			var fromdate= document.getElementById('fromdate').value;
			var temp1 = new Array();
			temp1 = fromdate.split('-');
			var mon1  = temp1[0]-1;
			var dt1	  = temp1[1];
			var yr1   = temp1[2];
			var fdate = new Date;
			fdate.setDate(dt1);
			fdate.setMonth(mon1); // January = 0
			fdate.setFullYear(yr1);

			var earnedDate = new Date;
			earnedDate.setDate(dt1-4);
			earnedDate.setMonth(mon1); // January = 0
			earnedDate.setFullYear(yr1);

			var todate= document.getElementById('todate').value;
			var temp2 = new Array();
			temp2 = todate.split('-');
			var mon2  = temp2[0]-1;
			var dt2	  = temp2[1];
			var yr2   = temp2[2];
			var tdate = new Date;
			tdate.setDate(dt2);
			tdate.setMonth(mon2); // January = 0
			tdate.setFullYear(yr2);

			/*if(fdate<today)
			{
				alert('From Date is smaller than today');
				document.getElementById('fromdate').value='';
				document.getElementById("fromdate").focus();
				return;
			}*/

			
			if(document.getElementById("todate").value.match(/^ *$/))
			{
				alert("Please enter the to date");
				document.getElementById("todate").focus();
				return;
			}

			if(fdate>tdate)
			{
				alert('To Date is samller than From Date');
				document.getElementById('todate').value='';
				document.getElementById("todate").focus();
				return;
			}

			type= document.getElementById("leaveType").value;
		
			// casual leave is omiited from this check
			if(document.getElementById("totalWorkingDays") && type !=9){
		
				
				totalWorkingDays= document.getElementById("totalWorkingDays").value;
				avail = document.getElementById('avail_'+type).innerHTML;


				if(parseInt(avail) < parseInt(totalWorkingDays))
				{
					alert("You cannot apply for the selected type. You have only "+avail+" leave available.");
					return;
				}

			}


			if(document.getElementById("leaveReason").value.match(/^ *$/))
			{
				alert("Please type your reason");
				document.getElementById("leaveReason").focus();
				return;
			}
			
			
			if(document.getElementById("leaveType").value=='2')
			{
				if(today>earnedDate)
				{
					alert('You can only apply earned leave before 5 days from the first day of the leave');
					document.getElementById('fromdate').value='';
					document.getElementById("fromdate").focus();
					return;
				}
			}



			return true;
		}

		function checkDateValue()
		{
			var fromdate= document.getElementById('fromdate').value;
			var todate= document.getElementById('todate').value;
			if(fromdate)
			if(fromdate==todate)
			{
				for (var i=0; i < document.pageform.fromType.length; i++)
				{
					if (document.pageform.fromType[i].checked)
					{
						var fromType = document.pageform.fromType[i].value;
					}
				}
				//alert(fromType);
				switch(fromType)
				{
					case '1':
					  document.getElementById('fullTo').checked=true;
					break;
					case '0.5':
					   document.getElementById('halfTo').checked=true;
					break;
					default:
					   document.getElementById('fullTo').checked=true;
				}
			}

		}


		function viewWorkingDays(e,divId)
		{
			var posx = 0;
			var posy = 0;
			var tmpDays=0;
			var tmpDays1=0;
			var tmpDays2=0;
			fromdate=document.getElementById('fromdate').value;
			todate=document.getElementById('todate').value;

			if(fromdate==todate)
			{
				if(document.getElementById('halfFrom').checked==true)
					tmpDays='0.5';
			}
			else
			{
				if(document.getElementById('halfFrom').checked==true)
				{
					tmpDays1=0.5;
				}
				if(document.getElementById('halfTo').checked==true)
				{
					tmpDays2=0.5;
				}
				tmpDays=tmpDays+tmpDays1;
				tmpDays=tmpDays+tmpDays2;
			}

			var createLayer;
			createLayer = "index.php?mod=MOD035&page=1&action=viewLeaveDays&fromdate="+fromdate+"&todate="+todate+"&tmpDays="+tmpDays;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", createLayer, true);
			http.onreadystatechange = function (){CSVHttpResponseLeaveDays(divId)};
			http.send(null);
		}

		function CSVHttpResponseLeaveDays(divId)
		{
		 //var divId='salaryGrossLayer';
			var result;
			if (http.readyState == 4)
			{
				// only if "OK"
				if (http.status == 200)
				{
					// http.responseText;
					response  = http.responseText;
					var sr=eval("("+http.responseText+")");

					if((sr['viewLeaveDaysArray'].length)>0)
					{
						document.getElementById(divId).style.display="";

						totalWorkingDays    = sr.viewLeaveDaysArray[0].totalWorkingDays;
						//if(totalWorkingDays==0.5 || totalWorkingDays==1)
						if(totalWorkingDays>'0')
							result="<div>Total working days in this leave period : <b><input type='text' name='totalWorkingDays' id='totalWorkingDays' value='"+totalWorkingDays+"' readonly='readonly' style='width:60px;text-align:left;border:none;color:#006666;font-weight:bold' /></b></div>";
						//else if(totalWorkingDays>1)
						//	result="<div>You are applying leave for <b><input type='text' name='totalWorkingDays' id='totalWorkingDays' value='"+totalWorkingDays+"' readonly='readonly' style='width:20px;text-align:center;border:none;color:#006666;font-weight:bold' /></b> working days</div>";
						else
							document.getElementById(divId).style.display="none";
					}
					document.getElementById(divId).innerHTML = result;
					document.getElementById("loadingImg").style.display = 'none';
					 //divDrag(divId);
				}
			}
		}


		function checkHoliday(fieldId)
		{
			selectedDate=document.getElementById(fieldId).value;

			var createLayer;
			createLayer = "index.php?mod=MOD035&page=1&action=checkHoliday&selectedDate="+selectedDate;
			http = getHTTPObject(); // We create the HTTP Object
			http.open("GET", createLayer, true);
			http.onreadystatechange = function (){CSVHttpResponseCheckHoliday(fieldId,selectedDate)};
			http.send(null);
		}

		function CSVHttpResponseCheckHoliday(fieldId,selectedDate)
		{
			var result;
			if (http.readyState == 4)
			{
				// only if "OK"
				if (http.status == 200)
				{
					// http.responseText;
					response  = http.responseText;
					var sr=eval("("+http.responseText+")");

					if((sr['checkHolidayArray'].length)>0)
					{
						existing    = sr.checkHolidayArray[0].existing;
						if(existing)
						{
							document.getElementById(fieldId).value='';
							alert(selectedDate+" is on holiday");
							//exit();
						}


					}
				}
			}
		}

		function saveLeave(leaveId)
		{
			result=confirm("Do you want to approve this leave period?");
			if(result){
				document.getElementById("action").value="SaveLeave";
				document.getElementById("hidLeaveId").value=leaveId;
				document.pageform.submit();
			}
		}

		function EditLeavePage(leaveId,page,userIndex)
		{
			document.getElementById("hidLeaveId").value=leaveId;
			document.getElementById("hidUserIndex").value=userIndex;
			changePage(page);
		}

		function deleteLeaveEntry(leaveId){
			result=confirm("Do you want to delete this leave request?");
			 if(result){
				 document.getElementById("hidLeaveId").value=leaveId;
				 document.getElementById("action").value="DeleteLeaveEntry";
				 document.getElementById("pageform").submit();
			 }
		}



function checkMilestoneDate(e,divId,dateId)
{
	dateVal=document.getElementById(dateId).value;
	milesId=document.getElementById("milesId").value;

    document.getElementById(divId).style.top = "220px";
        //posy = e.pageY-180;
        //document.getElementById(divId).style.top = 1310;
     document.getElementById(divId).style.left = "500px";

    var createLayer;
    createLayer = "index.php?mod=MOD029&action=createMilesdateCheckLayer&milesId="+milesId+"&dateVal="+dateVal+"&keyVal="+dateId;
    http = getHTTPObject(); // We create the HTTP Object
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseMilesDateCheck(divId,dateId)};
    http.send(null);

}

function CSVHttpResponseMilesDateCheck(divId,dateId)
{
    //var divId='salaryGrossLayer';
    var result;
    if (http.readyState == 4)
    {
        // only if "OK"
        if (http.status == 200)
        {
            // http.responseText;
            response  = http.responseText;
            var sr=eval("("+http.responseText+")");

            if((sr['MilestoneDateCheckArray'].length)>0)
            {
                document.getElementById(divId).style.display="";

                milesId		= sr.MilestoneDateCheckArray[0].key;
                dateEntry	= sr.MilestoneDateCheckArray[0].dateEntry;
                result="<div id='handle' style=background:#99CC00;color:black;height:20px;cursor:move;' ><b style='float:left;font-size:10pt;margin:0px 0px 0px 5px;font-weight:bold;'>Alert</b><a href='javascript:void(0);' style='text-decoration:none' onclick='closeLayerDiv(\""+divId+"\")'><b style='color:red;font-size:10pt;float:right;cursor:pointer'>Close[X]</b></a></div>";
                result+="<div style='border:0px solid;margin:10px 10px 10px 10px;font-size:10pt;text-align:center;font-weight:bold;color:red;'>Please select date with in the milestone time period...</div>";
				document.getElementById(dateId).value=dateEntry;
				document.getElementById(divId).innerHTML = result;
				divDrag(divId);
            }

        }
    }
}

function carryForwardLeave(){
	if(document.getElementById("leaveCount").value.match(/^ *$/))
	{
		alert("Please enter the carry forward leave");
		document.getElementById("leaveCount").focus();
		return;
	}

	document.getElementById("action").value="CarryForwardLeave";
	document.getElementById("pageform").submit();
}

function updateRecommended(leaveId,recommentVal)
{
	if(recommentVal=='yes')
		result=confirm("Do you want to accept this leave period?");
	else
		result=confirm("Do you want to reject this leave period?");
	if(result){
		document.getElementById("action").value="UpdateRecommended";
		document.getElementById("hidLeaveId").value=leaveId;
		document.getElementById("hidRecommendStatus").value=recommentVal;
		document.pageform.submit();
	}
}


function arrangeLogTable() {

	len = document.pageform.rdArrange.length

	for (i = 0; i <len; i++) {
		if (document.pageform.rdArrange[i].checked) {
			chosen = document.pageform.rdArrange[i].value;
		}
	}
	
	document.getElementById('tbLogByDay').style.display =(chosen == 'date' )? "block" :"none";
	document.getElementById('tbLogByProject').style.display = (chosen == 'project' )? "block" :"none";
	

 }

		
function viewLeavesTakenLayer(e,leaveId,page,userIndex,divId,userType){
	var posx = 0;
	var posy = 0;
	if (e == null) e = window.event;	
	if (e.pageX || e.pageY){
		posx = e.pageX-300;
		posy = e.pageY-180;
		document.getElementById(divId).style.top = posy+80+"px";
		document.getElementById(divId).style.left=posx-100+"px";
	}
	else if (e.clientX || e.clientY){
		posy = e.clientY + document.body.scrollTop;
		document.getElementById(divId).style.top = posy-80 +"px";
		posx = e.clientX + document.body.scrollLeft;
		document.getElementById(divId).style.left=posx-100+"px";
	}
    var createLayer = "index.php?mod=MOD035&hidLeaveId="+leaveId+"&hidUserIndex="+userIndex+"&page="+page;
    http = getHTTPObject();
    http.open("GET", createLayer, true);
    http.onreadystatechange = function (){CSVHttpResponseAvailableLeave(divId,userType)};
    http.send(null);
    document.getElementById(divId).style.display="";
}

function CSVHttpResponseAvailableLeave(divId,userType)
{
    if (http.readyState == 4 && http.status == 200) {
		response = http.responseText;
		var sr = eval("("+http.responseText+")");

		var result = '<div style="font-size:12px;padding:10px;width:350px;"><a href="javascript:void(0);" onclick="closeLayerDiv(\''+divId+'\')" style="float:right;color:red;font-weight:bold;text-decoration:none;">[X]</a>';
		if (userType == 'admin'){
			result += '<b>Name&nbsp;:&nbsp;</b>'+sr.LeaveRequestObj.employeeName+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
		}
		result += '<b>Leave Type&nbsp;:&nbsp;</b>';
		for (var i in sr.leaveTypesArray) {
			if (sr.LeaveRequestObj.leaveTypeId ==i) {
				result += sr.leaveTypesArray[i].typeName+'<br/>';
			}
		}
		result += '<b>From Date&nbsp;:&nbsp;</b>'+sr.LeaveRequestObj.fromDate+'&nbsp;&nbsp;';
		if (sr.LeaveRequestObj.fromDayType == '0.5'){
			result += 'Halfday';
		} else {
			result += 'Fullday';
		}
		result += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>To Date&nbsp;:&nbsp;</b>'+sr.LeaveRequestObj.toDate+'&nbsp;&nbsp;';
		if (sr.LeaveRequestObj.toDayType == '0.5') {
			result += 'Halfday';
		} else {
			result += 'Fullday';
		}
		result += '&nbsp;&nbsp;&nbsp;<br/><b>Reason for the Leave&nbsp;:&nbsp;</b>'+sr.LeaveRequestObj.reason+'<br/>';
		if (sr.totalLeaveArray) {
			result += '<table class="tab-data tb-leave" border="0" cellpadding="0" cellspacing="2" style="font-size: 12px;"><tr><th>&nbsp;Leave Type</th><th>&nbsp;Total</th><th>&nbsp;Taken</th><th>&nbsp;Available</th></tr>';
			for(var j in sr.totalLeaveArray) {
				result += '<tr class="leave_'+j;
				if (j %2 != 0) {
					result += ' odd';
				}
				result += '"><td class="first">'+sr.totalLeaveArray[j].type+'</td><td align="center">'+sr.totalLeaveArray[j].total+'</td><td align="center">'+sr.totalLeaveArray[j].taken+'</td><td align="center">'+sr.totalLeaveArray[j].available+'</td></tr>';
				if (j == 3){
					result += '<tr><th>Total* <meter min="0" max="'+sr.totalLeaves+'" high="'+(sr.totalLeaves-5)+'" value="'+sr.takenLeaves+'" title="% taken"></meter></th><th align="center">'+sr.totalLeaves+'</th><th align="center">'+sr.takenLeaves+'</th><th align="center">'+sr.availableLeaves+'</th></tr>';
				}
			}
			result += '<tr class="leave_wh"><td class="first">Worked Holiday</td><td align="center">'+sr.totalLeaveArray[3].total+'</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>';
		}
		result += '</div>';
		document.getElementById(divId).innerHTML = result;
		divDrag(divId);     
    }
}


function loadEmployeeOfStatus(){  
    document.getElementById('empStatusSelectedName').value=1;
    document.pageform.submit();
}
