var palette = [0xffe14f,0xf89828,0xe23628,0x6d2438,0xef4e91,0x6a2e92,0x50301b,0x71cff5,0x0168b3,0x003d7c,0x00a2b1,0x8cc63e,0x48aa43,0x00713d,0x7f8084,0x959ca2];
	
function proj_stats(id){
	var store = new Ext.data.JsonStore({
		fields:['nom','clic','ventes'],
		method:'post',
		baseParams:{
			serie:'proj_detail',
			id:id
		},
		root:'stats',
		url:'admin/php/stats.php',
		listeners:{
			load:function(ds,rec,opt){
				var panel=Ext.getCmp('clic_panel');
				var total=ds.sum('clic');
				if (total>0){
					panel.add(new Ext.form.Label({html:total+' visites de ce projet'}));
					panel.add(new Ext.chart.PieChart({
						store: ds,
						extraStyle:{legend:{display:'right' }},
						dataField: 'clic',
						categoryField: 'nom'
					}));
				}
				else panel.add(new Ext.form.Label({html:'Aucune visite de ce projet'}));
				
				panel=Ext.getCmp('ventes_panel');
				total=ds.sum('ventes');
				if (total>0){
					panel.add(new Ext.form.Label({html:total+' ventes sur ce projet'}));
					panel.add(new Ext.chart.PieChart({
						store: ds,
						extraStyle:{legend:{display:'right' }},
						dataField: 'ventes',
						categoryField: 'nom'
					}));	
				}
				else panel.add(new Ext.form.Label({html:'Aucune vente sur ce projet'}));
				win.doLayout();
			}
		}
	});

	var win = new Ext.Window({
		resizable:false,
		plain: true,
		animate:true,
		title: 'Statistiques',
		closeAction:'close',
		layout:'column',
		items:[			
			{
			title: 'répartition des visites',
			xtype:'panel',
			layout:'fit',
			width: 300,
			height: 300,
			id:'clic_panel'
		},{
			title: 'Répartition des ventes',
			xtype:'panel',
			layout:'fit',
			width: 300,
			height: 300,
			id:'ventes_panel'
		}
		],
		modal:true,
		y:200,
		listeners:{
			afterrender:function(){store.load();}
		}
	});
	win.show();
	var mask=new Ext.LoadMask(win.getEl(), {msg:"Chargement...",store:store});
	mask.show();
}


function draw_projets_freq()
{
	Ext.Ajax.request({
		url:'admin/php/doc-nodes.php',
		params:{
			action:'get_projets'
		},
		success:function(data){
			var fields = ['date','total'];
			var series = [{
				type:'column',
				displayName:'Fréquentation totale',
				yField:'total',
				style:{
                    image:'bar.gif',
                    mode: 'stretch',
                    color:0x959ca2
                }
			}];
			var response=Ext.util.JSON.decode(data.responseText);
			for(var i=0;i<response.projets.length;i++){
				fields.push('proj-'+response.projets[i].id);
				series.push({
					type:'line',
					displayName: response.projets[i].nom,
					yField: 'proj-'+response.projets[i].id,
					style: {
						color: palette[i]
					}
				});
			}
			var period='week';
			var start=0;
			
			var store = new Ext.data.JsonStore({
				fields:fields,
				method:'post',
				baseParams:{
					serie:'frequentation',
					period:period,
					start:start
				},
				root:'stats',
				url:'admin/php/stats.php',
				autoLoad:true
			});

			new Ext.Panel({
				title: 'Nombre de visite sur vos sites projets Evimmo3d',
				renderTo:'content',
				width:800,
				height:450,
				layout:'fit',
				style:{margin:'auto'},
				tbar: [{
					text: 'Reculer',
					iconCls :'left_arrow',
					handler: function(){
						start++;
						store.setBaseParam('start',start);
						store.load();
						}
					},'|',{
					text: 'Mois/Semaine',
					handler: function(){
						if(period=='week') period='month';
						else if (period=='month') period='week';
						store.setBaseParam('period',period);
						store.load();
						}
					},'|',
					{
					text: 'Avancer',
					iconCls :'right_arrow',
					handler: function(){
						start--;
						if(start<0)start=0;
						store.setBaseParam('start',start);
						store.load();
						}
					},'|',
					{
					text: 'Retour au début',
					iconCls :'xright_arrow',
					handler: function(){
						start=0;
						store.setBaseParam('start',start);
						store.load();
						}
					}
				],
				items: {
					xtype: 'columnchart',
					store: store,
					extraStyle:{legend:{display:'right' }},
					xField: 'date',
					yField: 'total',
					series:series
				}
			});
		}
	});
}