<apex:page standardController="Project__c" sidebar="false" showHeader="true" extensions="ProjectTime_Controller">

<apex:includeScript value="{!$Resource.modernizr}"/>

<script>
function doTheGeoThang() {
if (Modernizr.geolocation){
navigator.geolocation.getCurrentPosition(
function(position) {
findMe2(position.coords.latitude,position.coords.longitude);
}
);
} else {
alert ("Your browser isn't hit. Upgrade man!");
}
}
function doTheGeoThang3() {
if (Modernizr.geolocation){
navigator.geolocation.getCurrentPosition(
function(position) {
findMe3(position.coords.latitude,position.coords.longitude);
}
);
} else {
alert ("Your browser isn't hit. Upgrade man!");
}
}
</script>

<apex:form >
<apex:pageBlock ><apex:pageblockSection >
<apex:commandButton value="Punch In" onclick="doTheGeoThang();"/><br/><br/>
<apex:actionFunction name="findMe2" action="{!PunchIn}" rerender="jsvalues">
<apex:param name="lat" value="" assignTo="{!valueLat}"/>
<apex:param name="long" value="" assignTo="{!valueLong}"/>
</apex:actionFunction></apex:pageblockSection>
</apex:pageBlock></apex:form>


<apex:form ><apex:actionRegion >
<b><span style="cursor: pointer;"
onclick="doTheGeoThang3()">
<center>Punch Out</center>
</span>


</b><br/><br/>
<apex:actionFunction name="findMe3" action="{!PunchOut}" rerender="jsvalues">
<apex:param name="lat" value="" assignTo="{!valueLat}"/>
<apex:param name="long" value="" assignTo="{!valueLong}"/>
</apex:actionFunction></apex:actionRegion>
</apex:form>
</apex:page>