~jstys-z/helioviewer.org/client5

content+="<br>";});content+="<strong>Source:</strong> <a href='"+this.sourceUrl+"' class='event-url' target='_blank'>"+this.sourceUrl+"</a><br></div>";t=new Tip(this.container,content,{title:'Details:',style:'protogrey',stem:'topLeft',closeButton:true,showOn:'click',hideOn:'click',hook:{target:'bottomRight',tip:'topLeft'},offset:{x:14,y:14}});this.container.observeOnce('click',function(e){var tip=$$('body > .prototip');if(tip.length>0){this.insert(tip.first().remove().setStyle({'top':'12px','left':'8px'}));Event.observe(this,'click',function(e){$(this.select('.prototip')).first().setStyle({'top':'12px','left':'8px'});});}});},remove:function(){this.container.remove();},refresh:function(sunRadius){this.sunRadius=sunRadius;this.pos={x:this.sunX*sunRadius,y:this.sunY*sunRadius};this.container.setStyle({left:(this.pos.x-2)+'px',top:(this.pos.y-2)+'px'});},toggleLabel:function(){this.label.toggle();},togglePopup:function(){this.popup.toggle();}});var EventTimeline=Class.create(UIElement,{initialize:function(controller,container){this.controller=controller;this.container=container;this.resizeTimerID=null;this.eventSource=new Timeline.DefaultEventSource();var bandInfos=[Timeline.createBandInfo({eventSource:this.eventSource,width:"70%",intervalUnit:Timeline.DateTime.MONTH,intervalPixels:100}),Timeline.createBandInfo({eventSource:this.eventSource,width:"30%",intervalUnit:Timeline.DateTime.YEAR,intervalPixels:200})],self=this;bandInfos[1].syncWith=0;bandInfos[1].highlight=true;this.timeline=Timeline.create($(this.container),bandInfos);this.timeline.loadJSON("http://localhost/dev/test.json",function(json,url){self.eventSource.loadJSON(json,url);});},resize:function(){if(this.resizeTimerID===null){this.resizeTimerID=window.setTimeout(function(){this.resizeTimerID=null;this.timeline.layout();},500);}}});var Helioviewer=Class.create({defaultOptions:{defaultZoomLevel:12,baseZoom:10,baseScale:2.63,defaultPrefetchSize:0,timeIncrementSecs:86400,minZoomLevel:8,maxZoomLevel:16,tileAPI:'api/index.php',imageAPI:'api/index.php',eventAPI:'api/index.php'},initialize:function(options){Object.extend(this,this.defaultOptions);Object.extend(this,options);this.loadingIndicator=new LoadingIndicator();this.loadUserSettings();this.date=new Date(this.userSettings.get('obs-date'));$('date').writeAttribute('value',this.date.toYmdUTCString());$('time').writeAttribute('value',this.date.toHmUTCString());this.layerManager=new LayerManager(this);this.initViewports();this.initUI();this.initEvents();this.initKeyBoardListeners();this.userSettings.get('tile-layers').each((function(settings){this.layerManager.addLayer(new TileLayer(this.viewports[0],settings));}).bind(this));},initUI:function(){var centerBtn,mouseCoords;this.calendar=new Calendar(this,'date','time');this.zoomControl=new ZoomControl(this,{id:'zoomControl',zoomLevel:this.userSettings.get('zoom-level'),minZoomLevel:this.minZoomLevel,maxZoomLevel:this.maxZoomLevel});this.timeControls=new TimeControls(this,'timestep-select','timeBackBtn','timeForwardBtn',this.timeIncrementSecs);this.messageConsole=new MessageConsole(this,'message-console','helioviewer-viewport-container-outer');this.tileLayerAccordion=new TileLayerAccordion(this.layerManager,'layerManager');this.eventLayerAccordion=new EventLayerAccordion(this.viewports[0],'eventAccordion');this.initToolTips();centerBtn=Builder.node('div',{className:'center-button'},Builder.node('span',{},"center"));Event.observe(centerBtn,'click',this.viewports[0].center.bindAsEventListener(this.viewports[0]));this.viewports[0].innerNode.insert(centerBtn);mouseCoords=Builder.node('div',{id:'mouse-coords',style:'display: none'});Element.extend(mouseCoords);mouseCoords.insert(Builder.node('div',{id:'mouse-coords-x',style:'width:50%; float: left'}));mouseCoords.insert(Builder.node('div',{id:'mouse-coords-y',style:'width:50%; float: left'}));this.viewports[0].innerNode.insert(mouseCoords);jQuery('#about-dialog').dialog({autoOpen:false,title:"Helioviewer - About",width:480,height:300,draggable:true});jQuery('#helioviewer-about').click(function(e){if(jQuery('#about-dialog').dialog('isOpen')){jQuery('#about-dialog').dialog('close');}

else{jQuery('#keyboard-shortcuts-dialog').dialog('open');}});},loadUserSettings:function(){this.userSettings=new UserSettings(this);if(this.load["obs-date"]){this.userSettings.set('obs-date',parseInt(this.load["obs-date"],10)*1000);}

i+=1;});});closeBtn=jQuery('<br><div style="text-align: right"><a class="event-url" href="#" style="margin-right: 2px;">[Close]</a></div>').click(function(){jQuery('#event-icon-menu').fadeOut();});menu.append(closeBtn);menu.append("</div>");jQuery('body').append(menu);},toggle:function(layer,pos){this.focus=layer;jQuery('#'+this.id).css({'left':pos.left+16,'top':pos.top+16}).slideToggle();}});var LayerManager=Class.create(UIElement,{initialize:function(controller){this.controller=controller;this.layers=$A([]);},addLayer:function(layer){this.layers.push(layer);},addNewLayer:function(){var priorityQueue,currentLayers,p,defaultChoice="SOHEITEIT171";priorityQueue=$A(["SOHEITEIT195","SOHLAS0C20WL","SOHLAS0C30WL","SOHLAS0C20WL","SOHMDIMDImag","SOHMDIMDIint","SOHEITEIT171","SOHEITEIT284","SOHEITEIT304"]);currentLayers=$A([]);this.tileLayers().each(function(l){currentLayers.push(l.observatory+l.instrument+l.detector+l.measurement);});currentLayers.each(function(id){priorityQueue=priorityQueue.without(id);});p=priorityQueue.first()||defaultLayer;this.addLayer(new TileLayer(this.controller.viewports[0],{tileAPI:this.controller.tileAPI,observatory:p.substr(0,3),instrument:p.substr(3,3),detector:p.substr(6,3),measurement:p.substr(9,3),startOpened:true}));this.refreshSavedTileLayers();},numTileLayers:function(){var n=0;this.layers.each(function(l){if(l.type==="TileLayer"){n+=1;}});return n;},getMaxDimensions:function(){var maxWidth=0,maxHeight=0;this.layers.each(function(l){if(l.type==="TileLayer"){if(Object.isNumber(l.relWidth)){maxWidth=Math.max(maxWidth,l.relWidth);maxHeight=Math.max(maxHeight,l.relHeight);}}});return{width:maxWidth,height:maxHeight};},hasEventCatalog:function(catalog){return(this.eventLayers().find(function(l){return l.catalog===catalog;})?true:false);},eventLayers:function(){return this.layers.findAll(function(l){return l.type==="EventLayer";});},tileLayers:function(){return this.layers.findAll(function(l){return l.type==="TileLayer";});},numEventLayers:function(){var n=0;this.layers.each(function(l){if(l.type==="EventLayer"){n+=1;}});return n;},removeLayer:function(layer){layer.domNode.remove();this.layers=this.layers.without(layer);},reloadLayers:function(){this.layers.each(function(layer){layer.reload();});},resetLayers:function(visible){this.layers.each(function(layer){layer.reset(visible);});},refreshSavedTileLayers:function(){var tilelayers=[];this.tileLayers().each(function(layer){var settings={tileAPI:layer.tileAPI,observatory:layer.observatory,instrument:layer.instrument,detector:layer.detector,measurement:layer.measurement};tilelayers.push(settings);});this.controller.userSettings.set('tile-layers',tilelayers);}});var MessageConsole=Class.create(UIElement,{initialize:function(controller,container,viewport){this.controller=controller;this.console=$(container);this.viewportId=viewport;},log:function(msg){this.console.update(new Element('p',{style:'color: #6495ED; font-weight: bold;'}).insert(msg));var self=this,trash=new Effect.Appear(this.console,{duration:3.0});window.setTimeout(function(){var trash=new Effect.Fade(self.console,{duration:3.0});},6500);},warn:function(msg){this.console.update(new Element('p',{style:'color: yellow; font-weight: bolder;'}).insert(msg));var self=this,trash=new Effect.Appear(this.console,{duration:3.0});window.setTimeout(function(){var trash=new Effect.Fade(self.console,{duration:3.0});},6500);},error:function(msg){this.console.update(new Element('p',{style:'color: red'}).insert(msg));var self=this,trash=new Effect.Shake(this.viewportId,{distance:15,duration:0.1});trash=new Effect.Appear(this.console,{duration:3.0});window.setTimeout(function(){var trash=new Effect.Fade(self.console,{duration:3.0});},6500);},link:function(msg,linkText){var self=this,linkId,wrapper,link,trash;linkId='link-'+this.controller.date.getTime()/1000;wrapper=new Element('span');link=new Element('a',{href:'#',id:linkId,'class':'message-console-link'}).update(linkText);wrapper.insert(msg);wrapper.insert(link);this.console.update(new Element('p',{style:'color: #6495ED;'}).insert(wrapper));trash=new Effect.Appear(this.console,{duration:2.0});Event.observe(linkId,'click',function(){self.console.hide();});return linkId;}});var MovieBuilder=Class.create(UIElement,{defaultOptions:{active:false,url:"api/index.php",minZoomLevel:13,numFrames:40,frameRate:8,sharpen:false,edgeEnhance:false,format:{win:"asf",mac:"mov",linux:"mp4"}},initialize:function(options){Object.extend(this,this.defaultOptions);Object.extend(this,options);var self=this;Event.observe(this.id,'click',function(){if(!self.active){var hv=self.controller,hqFormat,displayRange,xhr;self.active=true;hqFormat=self.format[getOS()];displayRange=hv.viewports[0].displayRange();xhr=new Ajax.Request(self.url,{method:'POST',parameters:{action:"buildQuickMovie",layers:"SOHEITEIT304,SOHLAS0C20WL",startDate:hv.date.getTime()/1000,zoomLevel:hv.viewports[0].zoomLevel,numFrames:self.numFrames,frameRate:self.frameRate,edges:self.edgeEnhance,sharpen:self.sharpen,format:hqFormat,xRange:displayRange.xStart+", "+displayRange.xEnd,yRange:displayRange.yStart+", "+displayRange.yEnd},onComplete:function(transport){var linkId=self.controller.messageConsole.link('','Quick-Video ready! Click here to start watching.');self.active=false;Event.observe(linkId,'click',function(){Shadowbox.open({player:'iframe',title:'Helioviewer Movie Player',height:650,width:550,content:self.url+'?action=playMovie&format='+hqFormat+'&url='+transport.responseJSON});});}});}});}});var TileLayer=Class.create(Layer,{defaultOptions:{type:'TileLayer',rootDir:'tiles/',cacheEnabled:true,opacity:100,autoOpacity:true,startOpened:false,sharpen:false},initialize:function(viewport,options){Object.extend(this,this.defaultOptions);Object.extend(this,options);this.viewport=viewport;this.tileSize=viewport.tileSize;this.layerManager=viewport.controller.layerManager;this.id='tilelayer'+new Date().getTime();this.domNode=new Element('div',{className:'tile-layer-container',style:'position: absolute;'});viewport.movingContainer.appendChild(this.domNode);this.viewport.addObserver('move',this.viewportMove.bind(this));this.tiles=[];this.loadClosestImage();},reload:function(){this.loadClosestImage();},removeTiles:function(){this.tiles=[];},reset:function(visible){var i,j,currentScale,scaleOffset,old,numTiles,numTilesLoaded,indices,tile,onLoadComplete,self=this;this.viewport.controller.loadingIndicator.loadingStarted();currentScale=this.viewport.controller.baseScale*Math.pow(2,this.viewport.zoomLevel-this.viewport.controller.baseZoom);scaleOffset=this.naturalImageScale/currentScale;this.relWidth=this.width*scaleOffset;this.relHeight=this.height*scaleOffset;if((this.viewport.zoomLevel<this.minZoom)&&(this.viewport.controller.userSettings.get('warn-zoom-level')==="false")){this.viewport.controller.messageConsole.log("Note: "+this.name+" is not available at this resolution. Images will be artificially enlarged.");this.viewport.controller.userSettings.set('warn-zoom-level',true);}

else{hv.tileLayerAccordion.updateTimeStamp(this);hv.tileLayerAccordion.updateLayerDesc(this.id,this.name);hv.tileLayerAccordion.updateOpacitySlider(this.id,this.opacity);}};xhr=new Ajax.Request(this.viewport.controller.imageAPI,{method:'POST',parameters:{action:'getClosestImage',observatory:this.observatory,instrument:this.instrument,detector:this.detector,measurement:this.measurement,timestamp:date.getTime()/1000,debug:false},onSuccess:processResponse.bind(this)});},toggleSharpening:function(){if(this.sharpen===true){}else{}

this.sharpen=!this.sharpen;},viewportMove:function(position){var visible=this.viewport.visible,indices=this.viewport.visibleRange,i,j;for(i=indices.xStart;i<=indices.xEnd;i+=1){for(j=indices.yStart;j<=indices.yEnd;j+=1){if(!this.tiles[i]){this.tiles[i]=[];}

meas+=">"+o.name+"</option>";});meas+="</select><br><br>";fits="<a href='#' id='showFITSBtn-"+id+"' style='margin-left:160px; color: white; text-decoration: none;'>FITS Header</a><br>";return(opacitySlide+obs+inst+det+meas+fits);},updateOpacitySlider:function(id,opacity){this.layerSettings.get(id).opacitySlider.setValue(opacity);},_setupUI:function(){var title,addLayerBtn,hv,self=this;title=jQuery('<span class="accordion-title">Overlays</span>').css({'float':'left'});addLayerBtn=jQuery('<a href=# class=gray>[Add]</a>').css({'margin-right':'14px'});this.container.append(jQuery('<div></div>').css('text-align','right').append(title).append(addLayerBtn));this.container.append(jQuery('<div id="TileLayerAccordion-Container"></div>'));hv=this.layerManager.controller;addLayerBtn.click(function(){self.layerManager.addNewLayer();});},_setupEventHandlers:function(layer){var toggleVisibility,removeLayer,showFITS,visible,icon,accordion,dialogId,processResponse,response,formatted,xhr,self=this,visibilityBtn=jQuery("#visibilityBtn-"+layer.id),removeBtn=jQuery("#removeBtn-"+layer.id),fitsBtn=jQuery("#showFITSBtn-"+layer.id);toggleVisibility=function(e){visible=layer.toggleVisible();icon=(visible?'LayerManagerButton_Visibility_Visible.png':'LayerManagerButton_Visibility_Hidden.png');jQuery("#visibilityBtn-"+layer.id).css('background','url(images/blackGlass/'+icon+')');e.stopPropagation();};removeLayer=function(e){accordion=e.data;accordion.layerManager.removeLayer(layer);accordion.domNode.dynaccordion('removeSection',{id:layer.id});accordion.layerSettings.unset(layer.id);accordion.layerManager.refreshSavedTileLayers();e.stopPropagation();};showFITS=function(){dialogId="fits-header-"+layer.id;if(jQuery("#"+dialogId).length===0){processResponse=function(transport){response=transport.responseJSON;formatted="<div id='"+dialogId+"' style='overflow: auto; padding:0px'><div style='background: white; color: black; padding:1.5em 1.7em'>";$A(response).each(function(line){formatted+=line+"<br>";});formatted+="</div></div>";jQuery("body").append(formatted);jQuery("#"+dialogId).dialog({autoOpen:true,title:"FITS Header: "+layer.name,width:400,height:350,draggable:true});};xhr=new Ajax.Request("api/index.php",{method:'POST',onSuccess:processResponse.bind(this),parameters:{action:"getJP2Header",imageId:layer.imageId}});}else{if(!jQuery("#"+dialogId).dialog("isOpen")){jQuery("#"+dialogId).dialog("open");}else{jQuery("#"+dialogId).dialog("close");}}};jQuery.each(jQuery('#'+layer.id+' > div > select'),function(i,item){jQuery(item).change(function(e){if(this.name==="observatory"){layer.observatory=this.value;}

else{domNode.addClassName("timeAhead");}}},updateLayerDesc:function(id,desc){$(id).select("span.tile-accordion-header-left").first().update(desc);}});var TimeControls=Class.create(UIElement,{initialize:function(controller,incrementSelect,backBtn,forwardBtn,timeIncrement){this.controller=controller;this.className="TimeControls";this.timeIncrement=timeIncrement;this.addTimeIncrements(incrementSelect);Event.observe(backBtn,'click',this.timePrevious.bind(this));Event.observe(forwardBtn,'click',this.timeNext.bind(this));},addTimeIncrements:function(selectId){var timeSteps,select,opt;timeSteps=[{numSecs:1,txt:"1&nbsp;Sec"},{numSecs:60,txt:"1&nbsp;Min"},{numSecs:300,txt:"5&nbsp;Mins"},{numSecs:900,txt:"15&nbsp;Mins"},{numSecs:3600,txt:"1&nbsp;Hour"},{numSecs:21600,txt:"6&nbsp;Hours"},{numSecs:43200,txt:"12&nbsp;Hours"},{numSecs:86400,txt:"1&nbsp;Day"},{numSecs:604800,txt:"1&nbsp;Week"},{numSecs:2419200,txt:"28&nbsp;Days"}];select=$(selectId);$A(timeSteps).each(function(o){opt=new Element('option',{value:o.numSecs}).insert(o.txt);select.insert(opt);});select.select('option[value='+this.timeIncrement+']')[0].writeAttribute('selected','selected');Event.observe(select,'change',this.onChange.bindAsEventListener(this));},onChange:function(e){this.timeIncrement=parseInt(e.target.value,10);this.fire('timeIncrementChange',this.timeIncrement);},timePrevious:function(){var newDate=this.controller.date.addSeconds(-this.timeIncrement);this.controller.setDate(newDate);this.controller.calendar.updateFields();},timeNext:function(){var newDate=this.controller.date.addSeconds(this.timeIncrement);this.controller.setDate(newDate);this.controller.calendar.updateFields();}});var UserSettings=Class.create({initialize:function(controller){this.controller=controller;this._DEFAULTS=$H({'obs-date':1065312000000,'zoom-level':this.controller.defaultZoomLevel,'tile-layers':[{tileAPI:"api/index.php",observatory:'SOH',instrument:'EIT',detector:'EIT',measurement:'195'}],'warn-zoom-level':false,'warn-mouse-coords':false,'event-icons':{'VSOService::noaa':'small-blue-circle','GOESXRayService::GOESXRay':'small-green-diamond','VSOService::cmelist':'small-yellow-square'}});this._INTEGER_PARAMS=$A(['obs-date','zoom-level']);this._FLOAT_PARAMS=$A([]);this._BOOLEAN_PARAMS=$A(['warn-zoom-level','warn-mouse-coords']);this.cookies=new CookieJar({expires:31536000,path:'/'});if(!this._exists()){this._loadDefaults();}},set:function(key,value){if(this._validate(key,value)){this.cookies.put(key,value);}else{}},get:function(key){if(this._INTEGER_PARAMS.include(key)){return parseInt(this.cookies.get(key));}

else if(this._FLOAT_PARAMS.include(key)){return parseFloat(this.cookies.get(key));}

else if(this._BOOLEAN_PARAMS.include(key)){return this.cookies.get(key)=="true"?true:false;}

return this.cookies.get(key);},_exists:function(){return(this.cookies.getKeys().length>0);},_validate:function(setting,value){switch(setting){case"obs-date":if(isNaN(value)){return false;}

this.visible[i][j]=true;}}},updateSandbox:function(){var maxDimensions,old,center,newSize,change,movingContainerOldPos,newHCLeft,newHCTop,padHeight,shiftTop;this.dimensions=this.domNode.getDimensions();maxDimensions=this.controller.layerManager.getMaxDimensions();old=this.sandbox.getDimensions();center=this.getCenter();newSize={width:Math.max(0,maxDimensions.width-this.dimensions.width),height:Math.max(0,maxDimensions.height-this.dimensions.height)};if(this.debug){$('vp-debug-center').setStyle({'left':center.x-25+'px','top':center.y-25+'px'});}