var idnx_labels = ['date','IDNX','COM','NET','ORG','MOBI','BIZ','INFO','DE','CO.UK','EU','ES','NASDAQ 100','Google','Ad Revenues'];
var idnx_data = [[new Date("2006/01/01"),100.0,100.0,100.0,100.0,100.0,100.0,100.0,100.0,100.0,,100.0,100,100,100],
[new Date("2006/01/31"),102.3,106.3,100.7,102.5,102.6,107.5,103.7,101.0,101.9,,104.8,97.7,83.8,null],
[new Date("2006/02/28"),101.0,105.4,101.0,99.0,105.7,127.0,105.4,106.2,110.7,,86.3,99.6,90.1,null],
[new Date("2006/03/31"),102.7,109.8,99.4,103.2,103.8,132.8,104.2,108.1,110.3,,89.7,99.4,96.6,106.7],
[new Date("2006/04/30"),103.7,112.0,100.4,101.7,102.4,141.3,109.3,106.9,113.9,100.0,98.3,92.3,85.9,null],
[new Date("2006/05/31"),104.8,111.5,102.9,104.0,110.9,148.5,109.6,105.2,110.5,94.9,104.1,92.1,96.9,null],
[new Date("2006/06/30"),108.2,115.8,100.8,103.8,106.0,160.0,112.1,109.3,115.4,88.4,118.2,88.2,89.4,112.6],
[new Date("2006/07/31"),110.0,120.2,98.5,105.8,103.7,168.7,113.7,110.5,119.7,88.7,120.5,92.3,87.5,null],
[new Date("2006/08/31"),112.0,122.0,99.6,110.0,107.1,175.8,114.8,113.7,117.1,88.9,115.1,96.7,92.9,null],
[new Date("2006/09/30"),114.2,125.8,101.3,107.1,103.5,180.7,118.7,117.8,120.7,92.9,112.9,101.3,110.1,116],
[new Date("2006/10/31"),117.2,129.3,100.9,109.6,103.8,181.9,127.4,121.9,121.4,103.2,116.4,104.7,112.1,null],
[new Date("2006/11/30"),120.0,134.7,103.8,110.0,103.3,179.5,135.1,123.0,122.7,107.9,115.2,102.7,106.4,null],
[new Date("2006/12/31"),130.6,152.0,103.2,112.2,113.8,210.1,161.7,129.8,136.1,110.6,122.2,104.8,115.9,132.6],
[new Date("2007/01/31"),134.9,155.5,101.4,117.5,122.1,206.3,168.0,132.7,137.5,110.4,110.2,103,103.9,null],
[new Date("2007/02/28"),132.2,147.7,93.0,106.7,127.9,227.6,164.3,137.7,126.0,123.4,93.3,103.6,105.9,null],
[new Date("2007/03/31"),137.4,150.4,90.6,108.5,132.1,234.2,173.1,139.5,133.7,112.6,96.6,109.2,108.9,135.8],
[new Date("2007/04/30"),142.8,150.4,93.9,113.0,137.3,234.2,184.3,143.9,136.9,135.2,98.9,112.7,115.1,null],
[new Date("2007/05/31"),148.7,154.0,94.8,116.1,148.6,248.4,190.3,145.3,136.8,144.3,112.7,113.1,120.8,null],
[new Date("2007/06/30"),158.0,155.0,99.0,118.9,148.9,265.7,202.3,153.8,145.6,153.7,129.4,112.9,117.9,141.2],
[new Date("2007/07/31"),164.4,159.2,100.5,122.9,156.4,282.3,210.9,157.2,152.3,167.4,139.6,116.2,119.1,null],
[new Date("2007/08/31"),171.1,161.6,103.8,125.4,172.2,291.4,216.7,162.8,159.2,179.2,146.5,122.2,131.1,null],
[new Date("2007/09/30"),176.1,161.5,107.6,126.3,180.2,303.5,220.7,165.9,163.5,191.8,158.1,130.9,163.4,146],
[new Date("2007/10/31"),181.7,163.8,109.6,129.5,189.7,311.7,225.2,168.2,164.7,226.3,171.0,122.1,160.2,null],
[new Date("2007/11/30"),182.1,164.9,111.6,129.0,191.2,307.5,215.9,165.8,164.4,244.9,179.9,121.9,159.8,null],
[new Date("2007/12/31"),176.3,153.2,109.6,127.2,195.4,256.6,202.8,155.8,157.1,251.6,189.8,107.6,130.4,164.8],
[new Date("2008/01/31"),173.6,152.6,107.9,126.9,197.6,239.4,192.9,148.4,156.7,256.3,195.7,102,108.9,null],
[new Date("2008/02/29"),166.8,149.8,102.5,118.7,207.8,241.1,183.6,138.8,162.8,287.2,171.1,104.2,101.8,null],
[new Date("2008/03/31"),164.2,150.3,102.7,115.8,204.6,230.4,174.2,131.0,160.1,257.3,178.5,112.1,132.7,159.8],
[new Date("2008/04/30"),157.6,146.9,101.6,112.4,193.3,215.9,166.6,121.0,152.2,250.3,177.6,118.8,135.4,null],
[new Date("2008/05/31"),151.8,143.7,101.6,109.5,190.4,199.8,153.0,110.4,141.5,247.2,184.5,107.4,121.7,null],
[new Date("2008/06/30"),149.5,141.2,100.5,102.0,183.3,197.1,141.5,109.6,135.8,243.7,192.3,108.1,109.5,159.2],
[new Date("2008/07/31"),143.7,137.4,99.0,97.6,174.9,196.0,133.4,101.9,125.7,239.3,187.8,109.5,107.1,null],
[new Date("2008/08/31"),138.4,135.6,96.4,92.6,172.2,187.4,124.4,97.2,119.9,223.7,175.3,93.2,92.6,null],
[new Date("2008/09/30"),132.2,131.7,94.0,87.4,161.4,181.9,116.3,92.6,113.5,215.3,158.5,78,83.1,161.8],
[new Date("2008/10/31"),127.7,129.3,91.8,83.0,152.2,177.8,115.1,87.3,111.3,230.7,146.1,69.3,67.7,null],
[new Date("2008/11/30"),123.8,127.7,92.4,79.0,143.2,172.7,114.5,82.7,107.3,221.0,135.6,70.8,71.1,null],
[new Date("2008/12/31"),118.7,119.7,91.3,75.7,142.9,157.2,112.9,76.5,102.0,211.5,131.4,69,78.2,169.1],
[new Date("2009/01/31"),115.5,117.3,88.4,71.9,145.2,157.2,113.2,73.9,100.4,199.8,117.7,65.3,78.1,null],
[new Date("2009/02/28"),111.9,112.8,85.7,66.0,140.6,153.2,114.7,74.5,97.1,202.6,110.1,72.3,80.4,null],
[new Date("2009/03/31"),111.6,110.9,86.5,64.4,143.1,155.7,113.6,75.5,98.2,169.3,104.9,81.5,91.5,151.6],
[new Date("2009/04/30"),112.0,108.1,88.1,63.8,147.4,160.4,113.4,77.6,97.7,161.5,102.8,83.9,96.4,null],
[new Date("2009/05/31"),113.4,107.0,91.2,63.8,152.6,165.1,115.2,79.6,100.1,152.9,105.2,86.4,97.4,null],
[new Date("2009/06/30"),117.5,108.2,95.2,64.7,158.0,176.8,120.5,82.6,102.3,146.8,101.8,93.7,102.4,150.6],
[new Date("2009/07/31"),122.1,112.3,97.2,67.4,164.3,185.3,128.1,86.4,108.0,145.3,103.4,95,106.7,null],
[new Date("2009/08/31"),126.8,114.0,99.6,69.9,171.8,191.4,136.4,91.7,113.1,146.0,109.2,100.5,114.6,null],
[new Date("2009/09/30"),131.1,115.6,101.4,71.5,175.3,201.3,142.7,95.9,123.4,145.5,114.5,97.5,123.9,152.4],
[new Date("2009/10/31"),135.1,116.3,103.3,75.3,179.3,206.0,149.7,98.5,128.1,155.1,116.5,103.3,134.7,null],
[new Date("2009/11/30"),138.6,117.2,105.4,78.4,176.5,211.0,151.6,101.6,132.6,160.2,121.4,108.7,143.3,null],
[new Date("2009/12/31"),141.3,116.4,106.1,81.7,187.4,204.8,152.7,103.4,133.8,165.4,127.6,101.8,122.5,173.5],
[new Date("2010/01/31"),144.6,121.0,107.1,84.9,186.4,208.3,154.4,105.1,131.9,170.1,124.8,106.3,121.8,null],
[new Date("2010/02/28"),146.5,127.0,104.5,90.8,181.1,186.2,159.5,106.6,121.0,186.7,153.7,114.5,131.1,null],
[new Date("2010/03/31"),151.1,132.9,106.2,89.1,188.6,203.4,161.6,102.8,131.1,170.2,162.6,116.9,121.5,164.7],
[new Date("2010/04/30"),152.3,129.9,108.5,95.9,188.1,199.5,165.6,103.7,123.7,171.1,147.3,108.3,112.2,null],
[new Date("2010/05/31"),154.7,137.6,108.3,98.7,189.8,187.1,167.1,100.2,129.1,171.4,146.5,101.7,102.8,null],
[new Date("2010/06/30"),164.9,145.1,112.2,104.0,187.4,202.2,167.0,107.6,130.9,175.2,150.1,109,112.1,171.4],
[new Date("2010/07/31"),169.0,152.4,115.6,110.5,192.0,215.4,173.4,107.3,130.7,184.3,139.4,103.3,104,null],
[new Date("2010/08/31"),170.4,154.3,114.5,110.3,195.6,215.2,173.9,109.3,140.6,184.5,135.9,116.8,121.5,null],
[new Date("2010/09/30"),170.0,153.6,112.6,111.8,200.9,219.5,169.0,112.7,139.1,185.2,134.1,124.2,141.8,179.2],
[new Date("2010/10/31"),171.8,154.2,114.8,115.3,192.2,226.0,174.4,109.7,142.3,219.4,136.9,123.8,128.4,null],
[new Date("2010/11/30"),169.6,156.9,114.4,112.4,169.0,214.9,170.2,111.2,139.3,217.7,136.1,129.6,137.3,null],
[new Date("2010/12/31"),163.5,144.4,112.6,110.0,181.6,182.3,172.3,103.9,130.0,216.6,129.8,133.4,138.8,206.5],
[new Date("2011/01/31"),160.2,146.8,104.7,105.0,192.1,182.0,176.1,105.5,124.5,206.5,117.4,137.4,141.8,null],
[new Date("2011/02/28"),184.0,164.5,130.5,131.6,195.9,168.8,187.9,100.0,139.1,222.2,174.3,136.7,135.6,null],
[new Date("2011/03/31"),180.2,156.7,136.0,134.5,201.6,156.9,200.5,103.7,125.2,188.8,160.3,140.5,125.8,null],
[new Date("2011/04/30"),185.4,172.2,129.7,127.8,220.6,165.3,194.3,104.9,136.0,174.8,168.4,138.7,122.3,null],
[new Date("2011/05/31"),186.4,172.1,124.7,122.7,199.2,176.1,210.5,115.2,144.3,191.1,137.7,135.9,117,null],
[new Date("2011/06/30"),163.8,164.0,117.3,121.8,230.3,141.9,211.6,93.5,133.8,206.6,106.4,138.1,139.5,null],
[new Date("2011/07/31"),158.5,151.3,117.3,110.1,240.1,121.0,203.7,92.1,129.6,191.6,109.4,131,125,null],
[new Date("2011/08/31"),155.5,151.3,116.9,106.8,219.2,120.9,208.3,82.7,120.8,197.1,118.2,125,119,null],
[new Date("2011/09/30"),157.6,156.3,116.8,112.6,240.2,115.0,220.0,75.3,114.4,190.0,124.4,138,137,null],
[new Date("2011/10/31"),155.0,158.1,116.7,105.1,268.7,114.5,198.3,75.2,111.0,111.0,121.4,134.2,138.5,null],
[new Date("2011/11/30"),161.5,155.4,112.0,109.9,null,132.0,209.8,75.4,115.5,103.7,126.4,133.1,149.3,null],
[new Date("2011/12/31"),170.3,180.5,120.3,112.9,null,191.3,196.3,85.4,124.7,103.9,121.2,144.3,134.1,null],
[new Date("2012/01/31"),175.8,167.9,null,113.1,null,202.7,195.5,85.9,133.8,114.5,163.3,150.5,140.9,null]];

var _idnxG = new Array();
var series_selector = new Array();
var _idnxDisplayGraph = function(id,series,toolbox,basedate){


//if(Modernizr.canvas){
if(true){
	document.write('<div class="idnxContainer"><div class="idnxLabels" id="_idnxLabels_'+id+'"></div><div class="idnxGraph" id="_idnxGraph_'+id+'" style="width:620px; height:350px;">Loading of dynamic graph...</div></div>');
	if(toolbox){
		document.write('<form><div class="main_select_area"> <div class="select_area"> <label>Index</label> <select id="select_index_'+id+'" data-placeholder="Please select" class="chzn-select" multiple style="width:250px;" tabindex="6"> <option value="1">IDNX (all TLD)</option> <option value="2">COM</option> <option value="3">NET</option> <option value="4">ORG</option> <option value="5">MOBI</option> <option value="6">BIZ</option> <option value="7">INFO</option> <option value="8">DE</option> <option value="9">CO.UK</option> <option value="10">EU</option> <option value="11">ES</option> </select> </div> <div class="select_area"> <label>Economic Variables</label> <select id="select_comp_'+id+'" data-placeholder="Please select a benchmark" class="chzn-select" multiple style="width:250px;" tabindex="6"> <option value="12">NASDAQ 100</option> <option value="13">Google share price</option> <option value="14">Ad revenues</option> </select> </div> <div class="select_area select_year"> <label>Base year</label> <select id="select_month_'+id+'" data-placeholder="Please select" class="chzn-select" style="width:100px;" tabindex="6"> </select></div></div></form>');
	$(".chzn-select").chosen();
	$(".chzn-select-deselect").chosen({allow_single_deselect:true});



	$("#select_index_"+id).change(function(){
		$('#select_index_'+id+' option:not(:selected)').each(function(){
			_idnxG[id].setVisibility($(this).index(), 0);
			});
		$('#select_index_'+id+' option:selected').each(function(){
			_idnxG[id].setVisibility($(this).index(), 1);
			});
	});

	$("#select_comp_"+id).change(function(){
		$('#select_comp_'+id+' option:not(:selected)').each(function(){
			_idnxG[id].setVisibility(($(this).index()+11), 0);
			});
		$('#select_comp_'+id+' option:selected').each(function(){
			_idnxG[id].setVisibility(($(this).index()+11), 1);
			});
	});

	
	var base_data = $.extend(true, {}, idnx_data);
	$("#select_month_"+id).change(function() {
			var j = 1
			for(j=1;j<idnx_data[1].length;j++){
				var k = 0;
				for(kk in base_data){
					if(base_data[k][j] &&  base_data[$("#select_month_"+id).val()][j]){
						idnx_data[k][j] = Math.round(base_data[k][j]/base_data[$("#select_month_"+id).val()][j]*1000)/10;	
					} else {
						idnx_data[k][j] = null;
					}
					k = k+1;
				}
			}
			_idnxG[id].updateOptions( { 'file': idnx_data } );
			_idnxG[id].updateOptions( { 'ylabel': $('#select_month_'+id+' option:selected').text()+" = 100" } );
		});


		// base year selector
		var j = 0;
		for(i in idnx_data){
			$("#select_month_"+id).append($("<option></option>").attr("value",j).text(idnx_data[i][0].getFullYear()+"/"+(idnx_data[i][0].getMonth()+1)+"/"+idnx_data[i][0].getDate())); 
			j = j+1;
			};
		$("#select_month_"+id).trigger("liszt:updated");
	
		for(i in series){
			$("#select_index_"+id).find("option:contains('"+series[i]+"')").prop("selected", "selected");
			$("#select_comp_"+id).find("option:contains('"+series[i]+"')").prop("selected", "selected");
		}
		$("#select_comp_"+id).trigger("liszt:updated");
		$("#select_index_"+id).trigger("liszt:updated");
	}

	series_selector["id_"+id] = new Array();
	for(var i=1; i < idnx_labels.length; i++){
		if($.inArray(idnx_labels[i],series) < 0){
			series_selector["id_"+id].push(false);
		}
		else{
			series_selector["id_"+id].push(true);
		}
	}

	_idnxG[id]  = new Dygraph(
	document.getElementById("_idnxGraph_"+id),
	 idnx_data, 
	    	{
			labels: idnx_labels,
			connectSeparatedPoints: true,
			ylabel: "2006/1/1 = 100",
			strokeWidth: 3,
			pointSize: 3,
			drawYGrid: true,
			drawXGrid: true,
			drawPoints: true,
			labelsDiv: "_idnxLabels_"+id,
			legend: "always",
			visibility: series_selector["id_"+id], 
			colors: ["#9FEE00","#ff8500","#ff2c00","#7608AA","#000000","#1B3FE0","#ABABAB","#1C7506","#F007D5","#B1E2FA","#4D4C4C","#00C0F3","#FFEE36","#AA77D9","#FFFF00"]
			} 
	);
}
else {
	document.write('<div>Ooops, your browser does not support interactive graphs based on the Canvas object. Please consider updating. All apologies for the inconvenience.</div>');
}
	
}

