{include file="header.html"}

<center>
<font color="red">{$f_body|default:"&nbsp;"}</font>
<table align="center"><tr><td align="center">
	<h1> Débuter une activité :</h1>
	<form action="{$smarty.server.PHP_SELF}" method="post">
		<input type="hidden" name="f_body" id="id_f_body" value="" />
		<input type="hidden" name="f_time" id="id_f_time" value="" />
		<input type="hidden" name="f_date" id="id_f_date" value="" />
		<input type="submit" value="Fin de la journée" onClick="javascript:window.onbeforeunload = null; return endActivity();" />
					<select name="f_user" > 
						{html_options options=$user_options selected=$f_user}
					</select>
					va <select name="activity" id="activity" > 
						{html_options options=$job_options }
					</select>
					<input type="submit" onClick="javascript:return startActivity();" value="go" />
	</form>
<br />
<div id="current_activite"></div>
<div id="chrono"></div>
<br />
<div id="all_content">
	<center>
	<br />
	<h1>Détail du temps passé :</h1>
	<table width="900">
		<tr bgcolor="#EEEEEE">
			<th width="33%">
				Activité
			</th>
			<th width="33%">
				Debut/Fin
			</th width="33%">
			<th width="33%">
				Durée
			</th>
		</tr>
	</table>
	<div id="WhereToWriteDetail">
	</div>
	<table width=900>
		<tr bgcolor="#EEEEEE">
			<th width="33%">Activite</th>
			<th width="33%">Durée total</th>
		</tr>
	</table>
	<div  id="WhereToWriteTotal">
	</div>
	</center>
</div>
</td></tr>
</table>
</center>


<script type="text/javascript">
//<![CDATA[

var isDHTML = 0;
var isLayers = 0;
var isAll = 0;
var isID = 0;


if (document.getElementById) {literal}{{/literal}
	isID = 1; isDHTML = 1;
} else {literal}{{/literal}
	browserVersion = parseInt(navigator.appVersion);
	if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {literal}{{/literal}
		isLayers = 1; isDHTML = 1;
	} else {literal}{{/literal}
		if (document.all) {literal}{{/literal}
			isAll = 1; isDHTML = 1;
		}
	}
}

function findDOM(objectID,withStyle) {literal}{{/literal}
var menuArea = "menuArea";
    if (withStyle == 1) {literal}{{/literal}
        if (isID) {literal}{{/literal} return (findDOM(objectID).style) ; }
        else {literal}{{/literal} 
            if (isAll) {literal}{{/literal} return (document.all[objectID].style); }
        else {literal}{{/literal}
            if (isLayers) {literal}{{/literal} return (document.layers[menuArea].layers[objectID]); }
        };}
    }
    else {literal}{{/literal}
        
        if (isID) {literal}{{/literal} return (findDOM(objectID)) ; }
        else {literal}{{/literal} 
            if (isAll) {literal}{{/literal} return (document.all[objectID]); }
        else {literal}{{/literal}
            if (isLayers) {literal}{{/literal} return (document.layers[menuArea].layers[objectID]); }
        };}
    }
    return false;
}


function getFrenchDate(d) {literal}{{/literal}
	var weekday=new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi")
	var monthname=new Array("Jan","Fev","Mar","Avr","Mai","Jun","Jul","Aou","Sep","Oct","Nov","Dec")
	dateString = ""
	dateString += weekday[d.getDay()] + " "
	dateString += d.getDate() + ". "
	dateString += monthname[d.getMonth()] + " "
	dateString += d.getFullYear()
	
	
	dateString += " " + d.getHours();
	dateString += ":" + d.getMinutes();
	dateString += ":" + d.getSeconds();
	
	// ajouter heure est minutes
	
	return dateString;
}

function setActivity(activity) {literal}{{/literal}
		findDOM('current_activite').innerHTML = "<font size='+2' color='#FF0000'><b>Activité en cours :</b></font><font size='+2' color='#00AA00'><b> "+activity+"</b>";
}
var my_alternate_color = 1;

function addStringDetail(activity, stringdate, stringduree){literal}{{/literal}
		if (my_alternate_color == 2) {literal}{{/literal}
			findDOM('WhereToWriteDetail').innerHTML += "<table width=900><tr><td width='33%'>"+activity+"</td><td width='33%'>"+stringdate+"</td><td width='33%'>" + stringduree+"</td></tr></table>";
		}
		else if (my_alternate_color == 1) {literal}{{/literal}
			findDOM('WhereToWriteDetail').innerHTML += "<table width=900 bgcolor='#EEEEEE'><tr><td width='33%'>"+activity+"</td><td width='33%'>"+stringdate+"</td><td width='33%'>" + stringduree+"</td></tr></table>";
		}
}

function formatToStringTotal(activity, stringduree){literal}{{/literal}
		return "<table width=900><tr><td width='33%'>"+activity+"</td><td width='33%'>" + stringduree+"</td></tr></table>";
}

function setStringTotal(string){literal}{{/literal}
	findDOM('WhereToWriteTotal').innerHTML = string;
}

function timeToString(duree) {literal}{{/literal}
		hours   = Math.floor(duree/3600);
		minutes = Math.floor((duree-(hours*3600))/60);
		seconds = Math.floor((duree-(hours*3600)-(minutes*60)));
		
		
		dureeString = hours + "h " + minutes + "m " + seconds + "s ";
		
		return dureeString;
}

//document.writeln(timeToString(8123));

function subDateToString(date_max, date_min) {literal}{{/literal}
		duree = Math.floor(date_max/1000) - Math.floor(date_min/1000) ; 
	
		return timeToString(duree);
}

var last_jobs_start = 0;
var last_jobs_activity = 0;

var array_total = new Array();

var array_activity_id = new Array();
var array_activity_id_count = 0;


function endActivity() {literal}{{/literal}

	var date = new Date();
	if (last_jobs_start != 0) {literal}{{/literal}
		// cloturation du dernier travail
		dureeString = subDateToString(date.getTime(), last_jobs_start);
		addStringDetail('&nbsp;',getFrenchDate(date),dureeString);
		
		// on cherche dans array_activity_id l'id 
		id = -1;
		for (i=0; i<array_activity_id_count; i++) {literal}{{/literal}
			if (array_activity_id[i] == last_jobs_activity)
				id = i;
		}
		if (id == -1) {literal}{{/literal}
			array_activity_id[array_activity_id_count] = last_jobs_activity;
			id = array_activity_id_count;
			array_activity_id_count++;
		}
			
		
		sec_new = Math.floor(date.getTime()/1000) - Math.floor(last_jobs_start/1000);
		if (array_total[id] == undefined)
				array_total[id] = sec_new;
		else
				array_total[id] += sec_new;
		
	} else {literal}{{/literal}
		findDOM('id_f_date').value = getFrenchDate(date);
		
	}
	
	updateTotal();
	
	findDOM('id_f_body').value = findDOM('all_content').innerHTML;
	return true;
}

function resetTime() {literal}{{/literal}
	findDOM('chrono').innerHTML = subDateToString(0,0);
}

function printTime() {literal}{{/literal}
	var date = new Date();
	findDOM('chrono').innerHTML = subDateToString(date, last_jobs_start);
	//alert("plo");
	 timerID  =  self.setTimeout("printTime()", 1000);
}

var timerID = 0;

function startActivity() {literal}{{/literal}

	if (last_jobs_activity == findDOM('activity').value){literal}{{/literal}
		alert("Il s'agit déjà de l'activité en cours.");
		return false;
	}
	
	start_timer = false;
	
	if (last_jobs_start == 0)
		start_timer = true;

	var date = new Date();
	
	endActivity();

	if (my_alternate_color == 1)
		my_alternate_color = 2;
	else 
		my_alternate_color = 1;	
		
	last_jobs_start = date.getTime();
	last_jobs_activity = findDOM('activity').value;
	

	updateTotal();
	
	addStringDetail(findDOM('activity').value,getFrenchDate(date),'&nbsp;');


	
	setActivity(findDOM('activity').value);
	

	
	if (start_timer) {literal}{{/literal}
		 printTime();
	} else {literal}{{/literal}
		 resetTime();
	}
	

	
	return false;
}


function updateTotal() {literal}{{/literal}

	html = "";
	for (i=0; i<array_activity_id_count; i++) {literal}{{/literal}
			html += formatToStringTotal(array_activity_id[i],timeToString(array_total[i]));
			if (array_activity_id[i] == 'Travail')
				findDOM('id_f_time').value = timeToString(array_total[i]);
		}
	
	setStringTotal(html);

}

window.onbeforeunload = bunload;

function bunload(){literal}{{/literal}
  mess = "!!!!NON!!!!! on ne me ferme pas ! \n\n Voulez-vous VRAIMENT fermer _timing.html ?";
  return mess;
}

//]]>
</script>
<br />
<br />
<br />
{include file="footer.html"}