/*
overviewSelect.js -- a DHTML library for drag/rubber-band selection in gbrowse
This class handles overview-specific configuration.
Sheldon McKay
$Id: overviewSelect.js,v 1.1.2.1 2008/01/17 22:11:33 sheldon_mckay Exp $
*/
var verviewObject;
// Constructor
var Overview = function () {
this.imageId = '__scale___image';
this.imageName = 'overview';
this.marginTop = '5px';
this.background = 'yellow';
this.opacity = 0.7;
this.fontColor = 'blue';
this.border = '1px solid black';
this.menuWidth = '120px';
return this;
}
// Inherit from base class SelectArea
Overview.prototype = new SelectArea();
// Overview-specific config.
Overview.prototype.initialize = function() {
var self = new Overview;
var images = document.getElementsByName(self.imageName);
var i;
for (var n=0; n < images.length; n++) {
if (images[n].id == self.imageId) {
i = images[n];
}
// disable other image buttons
else if (images[n].getAttribute('src')) {
var nullFunc = function(){return false};
images[n].onclick = nullFunc;
}
}
if (!i) return false;
var p = i.parentNode;
i = self.replaceImage(i);
self.top = self.elementLocation(i,'y1');
self.bottom = self.elementLocation(i,'y2');
self.left = self.elementLocation(i,'x1');
self.right = self.elementLocation(i,'x2');
self.selectLayer = p.parentNode.parentNode;
if (balloon) {
var helpFunction = function(event) {
if (!event) {
event = window.event;
}
var help = 'Overview: Click here to recenter or click and drag left or right to select a region';
balloon.showTooltip(event,help,0,250);
}
i.onmouseover = helpFunction;
}
else {
i.setAttribute('title','click and drag to select a region');
}
self.scalebar = i;
self.getSegment();
self.addSelectMenu('overview');
self.addSelectBox('overview');
overviewObject = self;
}
Overview.prototype.startSelection = function(event) {
var self = overviewObject;
var evt = event || window.event;
SelectArea.prototype.startRubber(self,event);
}
Overview.prototype.getSegment = function() {
// get the segment info from gbrowse CGI parameters
this.ref = document.mainform.ref.value;
this.segmentStart = parseInt(document.mainform.overview_start.value);
this.segmentEnd = parseInt(document.mainform.overview_stop.value);
this.flip = document.mainform.flip.checked;
this.padLeft = parseInt(document.mainform.image_padding.value);
this.pixelToDNA = parseFloat(document.mainform.overview_pixel_ratio.value);
this.pixelStart = this.left + this.padLeft;
}
Overview.prototype.formatMenu = function() {
this.menuHTML = this.selectMenu.innerHTML || '\
';
}