
var already_has_info = false;
var already_has_chart = false;
var infoTabs = null;
var resolutionDialog = null;
var infoDialog = null;

function init_dialogs(){
    infoTabs = new YAHOO.widget.TabView("info_tabs"); 
    infoTabs.appendTo('infoDialog'); 
    resolutionDialog = new YAHOO.widget.Dialog('resolutionDialog', { 
	    close: true, 
	    visible: false, 
	    height: '550px', 
	    width: '728px', 
	    underlay: 'shadow', 
//        effect:{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.55}
        effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25},{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}]
	} 
	); 
    resolutionDialog.render();
    resolutionDialog.hide();
    infoDialog = new YAHOO.widget.Dialog('infoDialog', { 
	    close: true, 
	    height: '300px', 
	    width: '350px', 
	    visible: false, 
	    underlay: 'shadow', 
//        context:['imageHolder','br','tl'],
//        effect:{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.55}
        effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25},{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}]
	} 
	); 
    infoDialog.render();
    infoDialog.hide();
    //infoDialog.show();
    center('indicator');
}

function returnSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  var result = new Array(myWidth,myHeight);
  return result;
}

function center (myId) {
    result=returnSize();
	var myWidth=result[0];
	var myHeight=result[1];
	var elementWidth=$(myId).offsetWidth;
	var elementHeight=$(myId).offsetHeight;
        var myScrollLeft=document.documentElement.scrollLeft;
	var myScrollTop=document.documentElement.scrollTop;
	var posX=myScrollLeft+myWidth-myWidth/2-elementWidth/2
	var posY=myScrollTop+myHeight-myHeight/2-elementHeight/2;
	$(myId).style.left=posX+"px";
	$(myId).style.top=posY+"px";
}


window.onload = init_dialogs;

