var xpos=0;
var ypos=0;

var bubblexdistance=10;
var bubbleydistance=12;

function storepos(event) {
  if (document.all) {
    xpos= (document.body.scrollLeft +window.event.clientX) + bubblexdistance;
    ypos= (document.body.scrollTop + window.event.clientY) + bubbleydistance;
  } else {
    xpos= event.pageX + bubblexdistance;
    ypos= event.pageY + bubbleydistance;
  }
}

var ModeChooserId = null;
var d_modec;
var clickTime_modec;

function showModeChooser(id) {
	if(document.all || document.getElementById) {
		if (document.all) {
			document.getElementById(id ).style.pixelLeft = xpos - bubblexdistance-30;
			document.getElementById(id ).style.pixelTop = ypos - bubbleydistance-28;
		} else {
			document.getElementById(id ).style.left = xpos - bubblexdistance-15 + 'px';
			document.getElementById(id ).style.top = ypos - bubbleydistance-65 + 'px';
		}
    document.getElementById(id ).style.visibility="visible";
	} else {
    document.layers[id ].left = xpos - bubblexdistance-15;
    document.layers[id ].top = ypos - bubbleydistance-65;
    document.layers[id ].visibility="show";
  }
	ModeChooserId = id;
	
	d_modec = new Date();
	clickTime_modec = d_modec.getTime();
}

var d_hmodec;
var clickTime_hmodec;

function hideModeChooser() {
	if (ModeChooserId) {
	
		d_hmodec = new Date();
		clickTime_hmodec = d_hmodec.getTime();

		
		if (typeof clickTime_modec != 'undefined') {
			if (clickTime_modec == clickTime_hmodec)
				return false;
		}
		
		if(document.all || document.getElementById) {
  	  document.getElementById(ModeChooserId ).style.visibility="hidden";
		} else {
  	  document.layers[ModeChooserId ].visibility="hide";
		}
  }
}


if(document.all || document.getElementById)
  {
    document.onmousemove=storepos;
  } else {
    window.captureEvents(Event.MOUSEMOVE | Event.CLICK);
    window.onMouseMove=storepos;
		window.onClick = hideModeChooser;
  }