$(function() {
	jQuery.getJSON('http://bourse.latribune.fr/bourse/www/chartJson.php?TIMESPAN=iday&ID_NOTATION=1918069', function(data) {	    
		var line = [],
			volume = [],
			data = data.pos
	      	dataLength = data.length;

		for (i = 0; i < dataLength; i++) {
			date = (data[i][0] +7200 )*1000;
			//date = (data[i][0] )*1000;
			line.push([
				date, // the date
				//data[i][1], // open
				//	data[i][2], // high
				//	data[i][3], // low
				data[i][4] // close
			]);
			vol = data[i][5] ;
			volume.push([
				date, // the date
				vol // the volume
			])
		};
		

	    Highcharts.setOptions({
	        lang: {
	          months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 
	            'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
	          weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
	          shortMonths : ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
	          rangeSelectorZoom: 'Période',
	          decimalPoint: ",",
	          thousandsSep: " "
	        }
	      });

		// create the chart
		chart = new Highcharts.StockChart({
		    chart: {
		        renderTo: 'container',
           		alignTicks: false
		    },
        	scrollbar : {
          		enabled: true
          	},
          	navigator : {
          		enabled: true,
          		height : 20          
          	},
          	exporting : {
              	enabled: false
          	},
          	title: {
			        text: ''
			},
			    
		    rangeSelector: {
				inputEnabled : false,
              	enabled: true,
              	selected: 1,              
              	buttons: [{
					type : 'hour',
					count : 1,
					text : ' 1h'
				}, {
                  type: 'day',
                  count: 1,
                  text: ' 1 jour',
                }, {
                  type: 'day',
                  count: 2,
                  text: ' 2 jours'
                }, {
                  type: 'day',
                  count: 3,
                  text: ' 3 jours'
                }, {
					type : 'all',
					count : 1,
					text : ' All'
				}],
				//buttonSpacing: 2,
                buttonTheme: {
                width: null,
                padding : 2               
            	}
			},
		    
		           	

		    credits:{
              enabled: false
          	},

		   			yAxis: {
		        title: {text: ''},
            	height: 150		                    
		    },
          	series: [{
		        name: 'Cours ',
		        data: line,
		        type: 'area',
		        threshold : null,
		        gapSize: 5,
            	fillOpacity : .1,
            	tooltip: {
	               yDecimals: 2
	            }
               
		    }]
			
			 
		    		})
    
	});
	  
});