function draw_recap_projets(data)
{
	var html="<div id='recap-projets'>";
		for(var i=0;i<data.length;i++)
		{
			var taux_resa=Math.round(data[i].resa/data[i].nb_lots*100);
			var taux_option=Math.round(data[i].option/data[i].nb_lots*100);
			var taux_vendu=Math.round(data[i].vendu/data[i].nb_lots*100);
			var reste=data[i].nb_lots-data[i].vendu;

			html+="<div class='recap-projet'>";
			html+="<h1>";
			html+=data[i].nom+"</br></h1>";
			html+="<div class='content'>";
			html+="<h2>"+data[i].nb_lots+" lots  -</h2><h3>"+data[i].localisation+"</h3><br>";
			var nom_enc=data[i].nom.replace(/[^a-zA-Z 0-9]+/g,'')
			html+="<img src='"+data[i].vignette_url+"' alt='"+nom_enc+"' width='120' height='70'/>";
			html+="<span class='reste'>Reste :<br><b>"+reste+" Lots</b></span>";
			html+="<div class='jauge-fond'><div class='jauge-ventes' style='width:"+taux_vendu+"%'></div><div class='jauge-resa' style='width:"+taux_resa+"%'></div><div class='jauge-options' style='width:"+taux_option+"%'></div></div>";
			if(data[i].vendu!=0)
				html+="<div class='legende'><div class='jauge-ventes color' style='width:20px'></div>"+data[i].vendu+" lots vendus</div>";
			if(data[i].resa!=0)
				html+="<div class='legende'><div class='jauge-resa color' style='width:20px'></div>"+data[i].resa+" lots réservés</div>";
			if(data[i].option!=0)
				html+="<div class='legende'><div class='jauge-options color' style='width:20px'></div>"+data[i].option+" lots optionnés</div>";
			if(	(data[i].option+data[i].resa+data[i].vendu)==0)
				html+="<div class='legende'>Aucune vente ni option</div>";
			// html+="<a href='javascript:proj_stats("+data[i].id+")'>Plus de stats</a>";
			html+="</div></div>";
		}
	html+="</div>";
	var div=Ext.get('content');
	div.dom.innerHTML=html;
}

function get_recap_projets()
{
	Ext.Ajax.request({
	url : 'admin/php/ajax.php' , 
	params : { action : 'getRecapProjets' },
	method: 'GET',
	success: function ( result, request ) {
                          var jsonData = Ext.util.JSON.decode(result.responseText);
                          draw_recap_projets(jsonData.projets);
                   },
	failure: function ( result, request) { 
		Ext.MessageBox.alert('Failed', result.responseText); 
	} 
});
}

function get_list_projets()
{
	var dh = Ext.DomHelper;

	var div=dh.append('content',{tag:'div',id:'content-center'});
	
	var html="<div class='fiche_projet'><a href='{3}'>"
	html+="<h1>{0}</h1>";
	html+="<img class='vignette' src='{2}' height='120' width='240'>";
	html+="<h2>à {1}</h2></a>";
	if(user_id!=0) {
		html+="<a title='Option disponible pour PC uniquement.\n Utilisateurs Mac, contactez le support au 02.97.47.12.07.'class='offline' href='javascript:export_offline(\"{4}\")'>Télécharger OffLine pour PC</a>";
		html+="<a class='maj' href='javascript:export_maj(\"{4}\")'>Mise à jour</a>";
	}
	html+="</div>";
	var tpl=new dh.createTemplate(html);

	
	Ext.Ajax.request({
		url : 'admin/php/ajax.php' , 
		params : { action : 'getRecapProjets' },
		method: 'GET',
		success: function ( result, request ) {
							  var jsonData = Ext.util.JSON.decode(result.responseText);
							  for(var i=0;i<jsonData.projets.length;i++)
							  {
								var projet=jsonData.projets[i];
								tpl.append(div,[projet.nom,projet.localisation,projet.vignette_url,projet.url,projet.domaine]);
							  }
					   },
		failure: function ( result, request) { 
			Ext.MessageBox.alert('Failed', result.responseText); 
		} 
	});
}

function export_offline(domain){
	Ext.Ajax.request({
		url : 'export.php' ,
		params : { source : 'link', projet:domain, sess_id:phpsessid, opt:'export' },
		method:'GET'
	});
	Ext.MessageBox.alert('Export offline','Dans quelques instants, vous allez recevoir un mail pour le téléchargement du programme d\'installation');
}
function export_maj(domain){
	Ext.Ajax.request({
		url : 'export.php' ,
		params : { source : 'link', projet:domain, sess_id:phpsessid, opt:'maj' },
		method:'GET'
	});
	Ext.MessageBox.alert('Export mise à jour','Dans quelques instants, vous allez recevoir un mail pour le téléchargement de la mise à jour');
}