var baserefNav = "/wo/img/koops/union/charts/";
var baserefChart = "/wo/img/koops/union/charts/";

var navImg = new Array();
navImg['dax'] = "dax.png";
navImg['tecdax'] = "tecdax.png";
navImg['dow'] = "dow.png";
navImg['cdax'] = "cdax.png";

var chartImg = new Array();
var jetzt = new Date();
var nowts = jetzt.getTime();
chartImg['dax_day'] = "dax_1d.png?" + nowts;
chartImg['tecdax_day'] = "tecdax_1d.png?" + nowts;
chartImg['dow_day'] = "dow_1d.png?" + nowts;
chartImg['cdax_day'] = "cdax_1d.png?" + nowts;
chartImg['dax_month'] = "dax_3m.png?" + nowts;
chartImg['tecdax_month'] = "tecdax_3m.png?" + nowts;
chartImg['dow_month'] = "dow_3m.png?" + nowts;
chartImg['cdax_month'] = "cdax_3m.png?" + nowts;


var modeImg = new Array();
modeImg['day'] = "intraday.png";
modeImg['month'] = "monate.png";

for (i=0; i < navImg.length; i++){
	var temp = new Image();
	temp.src = baserefNav+navImg[navImg[i]];
}
for (i=0; i < chartImg.length; i++){
	var temp = new Image();
	temp.src = baserefChart+chartImg[chartImg[i]];
}
for (i=0; i < modeImg.length; i++){
	var temp = new Image();
	temp.src = baserefNav+modeImg[modeImg[i]];
}

var cur_chart = "dax";
var cur_mode = "day";

function switch_to_dax(){cur_chart="dax"; switch_chart();}
function switch_to_tecdax(){cur_chart="tecdax"; switch_chart();}
function switch_to_dow(){cur_chart="dow"; switch_chart();}
function switch_to_cdax(){cur_chart="cdax"; switch_chart();}

function switch_to_intraday(){cur_mode="day"; switch_chart();}
function switch_to_month(){cur_mode="month"; switch_chart();}

function switch_chart(){
	document.mf_nav.src = baserefNav+navImg[cur_chart]+'?'+nowts;
	document.mf_chart.src = baserefChart+chartImg[cur_chart + '_' + cur_mode];
	document.mf_mode.src = baserefNav+modeImg[cur_mode];
	return;
}

var chart_map =	(
'<map name="mf_nav_bar"><area href="#" shape="rect" coords="0,1,36,15" onmouseover="switch_to_dax(); return true" onMouseOut="window.status = \'\'; return true">'+
'<area href="#" shape="rect" coords="36,1,72,15" onmouseover="switch_to_tecdax(); return true" onMouseOut="window.status = \'\'; return true">'+
'<area href="#" shape="rect" coords="72,1,108,15" onmouseover="switch_to_cdax(); return true;" onMouseOut="window.status = \'\'; return true">'+
'<area href="#" shape="rect" coords="108,1,144,15" onmouseover="switch_to_dow(); return true;" onMouseOut="window.status = \'\'; return true"></map>'+
'<map name="mf_mode_bar"><area href="#" coords="0,0,72,15" shape="rect" onmouseover="switch_to_intraday(); return true;" onMouseOut="window.status = \'\'; return true">'+
'<area href="#" coords="72,0,144,15" shape="rect" onmouseover="switch_to_month(); return true;" onMouseOut="window.status = \'\'; return true"></map>'
);