function showSEInfo(e) {
	auto_switch_panels = false;
	
	var mouseX = Event.pointerX(e);
    var mouseY = Event.pointerY(e);	
	
	var id = this.id.toString();	
	var info = $(id+'info');
	
	info.style.left=(mouseX-160)+"px";
	info.style.top=(mouseY-120)+"px";
	info.style.display='block';
}

function hideSEInfo(e) {
	$(this.id.toString()+'info').style.display='none';
}

function worldmapInit() {

	var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
	var width = viewport.width; // Usable window width
	var height = viewport.height; // Usable window height
	var dw = Math.floor((1263 - width) / 2);
	
	for(var i=0;i<total;i++) {
		Event.observe('se'+i, 'mouseover', showSEInfo);
		Event.observe('se'+i, 'mouseout', hideSEInfo);
		
	}
	
	var origo_x = $('map').cumulativeOffset().left;
	var origo_y = $('map').cumulativeOffset().top;
	//alert(origo_x);
	
	var dy = 383;
	var dx = 356;
	
	var array = $$('.maptext');
	
	for (var index = 0; index < array.length; ++index) {
  		var item = array[index];
  		
  		item.setStyle({
			'left' : parseInt(item.getStyle('left')) + origo_x - dx + 'px',
			'top' : parseInt(item.getStyle('top')) + origo_y - dy + 'px'
		});
	}
}

/**************************************************************************/
var act_panel = 0;
var auto_switch_panels = true;
var header_pic = "/images/market/worldmap/worldmap_head";
var panels = new Array();
panels[0] = "map";
panels[1] = "heatmap_nasdaq";
panels[2] = "heatmap_nyse";
panels[3] = "dj_index";

function switchPanels() {
	if ( auto_switch_panels ) {
		changeWMBoxContent((act_panel+1)%panels.length);
		setTimeout("switchPanels()", 8000);
	}
}

function switchPanel(panel_num) {
	auto_switch_panels = false;
	changeWMBoxContent(panel_num);
}

function changeWMBoxContent(panel) {
	act_panel = panel;
	$('wm_box_header_pic').writeAttribute("src", header_pic+act_panel+".jpg");
	
	$(panels[0]).hide();
	$(panels[1]).hide();
	$(panels[2]).hide();
	$(panels[3]).hide();
	
	$(panels[act_panel]).show();
	for(var i=0;i<se_num;i++) {
		if (act_panel == 0)
			$('se'+i).show();
		else
			$('se'+i).hide();
	}
}

function changeIndexBox(num) {
    if (num%2) {
		$('ib_'+num).hide();
		$('ib_'+(num-1)).show();
    } else {
		$('ib_'+num).hide();
		$('ib_'+(num+1)).show();    
    }	
}