// (C) Andrea Giammarchi - JSL 1.4b
var undefined;
function $JSL(){
this.inArray=function(){
var tmp=false,i=arguments[1].length;
while(i&&!tmp)tmp=arguments[1][--i]===arguments[0];
return tmp;
};
this.has=function(str){return $JSL.inArray(str,$has)};
this.random=function(elm){
var tmp=$JSL.$random();
while(typeof(elm[tmp])!=="undefined")tmp=$JSL.$random();
return tmp;
};
this.$random=function(){return (Math.random()*1234567890).toString()};
this.reverse=function(str){return str.split("").reverse().join("")};
this.replace=function(str){
var tmp=str.split(""),i=tmp.length;
while(i>0)tmp[--i]=$JSL.$replace(tmp[i]);
return tmp.join("");
};
this.$replace=function(tmp){
var i=tmp.length===1?tmp.charCodeAt(0):0;
switch(i) {
case 8 :tmp="\\b";break;
case 10 :tmp="\\n";break;
case 11 :tmp="\\v";break;
case 12 :tmp="\\f";break;
case 13 :tmp="\\r";break;
case 34 :tmp="\\\"";break;
case 92 :tmp="\\\\";break;
default:
tmp=tmp.replace(/([\x00-\x07]|[\x0E-\x1F]|[\x7F-\xFF])/g,function(a,b){return "\\x"+$JSL.charCodeAt(b)}).
replace(/([\u0100-\uFFFF])/g,function(a,b){b=$JSL.charCodeAt(b);return b.length<4?"\\u0"+b:"\\u"+b});
break;
};
return tmp;
};
this.charCodeAt=function(str){return $JSL.$charCodeAt(str.charCodeAt(0))};
this.$charCodeAt=function(i){
var str=i.toString(16).toUpperCase();
return str.length<2?"0"+str:str;
};
this.$toSource=function(elm){return elm.toSource().replace(/^(\(new \w+\()([^\000]+)(\)\))$/,"$2")};
this.$toInternalSource=function(elm){
var tmp=null;
switch(elm.constructor) {
case Boolean:
case Number:
tmp=elm;
break;
case String:
tmp=$JSL.$toSource(elm);
break;
default:
tmp=elm.toSource();
break;
};
return tmp;
};
this.getElementsByTagName=function(scope,i,elm,str){
var tmp=$JSL.$getElementsByTagName(scope),j=tmp.length,$tmp=[];
while(i<j){if(tmp[i][str]===elm||elm==="*")$tmp.push($JSL.$getElementsByName(tmp[i]));++i};
if(!$tmp.item){if(!$JSL.has("item"))$has.push("item");$tmp.item=function(tmp){return this[tmp]}};
return $tmp;
};
this.$getElementsByTagName=function(scope){return scope.layers||scope.all};
this.$getElementsByName=function(elm) {
if(!elm.getElementsByTagName) elm.getElementsByTagName=document.getElementsByTagName;
return elm;
};
this.encodeURI=function(str){return str.replace(/"/g,"%22").replace(/\\/g,"%5C")};
this.$encodeURI=function(str){return $JSL.$charCodeAt(str)};
this.$encodeURIComponent=function(a,b){
var i=b.charCodeAt(0),str=[];
if(i<128) str.push(i);
else if(i<2048) str.push(0xC0+(i>>6),0x80+(i&0x3F));
else if(i<65536) str.push(0xE0+(i>>12),0x80+(i>>6&0x3F),0x80+(i&0x3F));
else str.push(0xF0+(i>>18),0x80+(i>>12&0x3F),0x80+(i>>6&0x3F),0x80+(i&0x3F));
return "%"+str.map($JSL.$encodeURI).join("%");
};
this.$decodeURIComponent=function(a,b,c,d,e){
var i=0;
if(e) i=parseInt(e.substr(1,2),16);
else if(d)i=((parseInt(d.substr(1,2),16)-0xC0)<<6)+(parseInt(d.substr(4,2),16)-0x80);
else if(c)i=((parseInt(c.substr(1,2),16)-0xE0)<<12)+((parseInt(c.substr(4,2),16)-0x80)<<6)+(parseInt(c.substr(7,2),16)-0x80);
else i=((parseInt(b.substr(1,2),16)-0xF0)<<18)+((parseInt(b.substr(4,2),16)-0x80)<<12)+((parseInt(b.substr(7,2),16)-0x80)<<6)+(parseInt(b.substr(10,2),16)-0x80);
return String.fromCharCode(i);
};
var $has=[];
if(!Function.prototype.apply){$has[$has.length]="apply";Function.prototype.apply=function(){
var i=arguments.length===2?arguments[1].length:0,str,tmp=[],elm=(""+this).replace(/[^\(]+/,"function");
if(!arguments[0])arguments[0]={};
while(i)tmp.unshift("arguments[1]["+(--i)+"]");
do{str="__".concat($JSL.random(arguments[0]).replace(/\./,"_"),"__")}while(new RegExp(str).test(elm));
eval("var ".concat(str,"=arguments[0];tmp=(",elm.replace(/([^$])\bthis\b([^$])/g,"$1".concat(str,"$2")),")(",tmp.join(","),")"));
return tmp;
}};
if(!Function.prototype.call){$has[$has.length]="call";Function.prototype.call=function(){
var i=arguments.length,tmp=[];
while(i>1)tmp.unshift(arguments[--i]);
return this.apply((i?arguments[0]:{}),tmp);
}};
if(!Array.prototype.pop){$has[$has.length]="pop";Array.prototype.pop=function(){
var a=this.length,r=this[--a];
if(a>=0)this.length=a;
return r;
}};
if(!Array.prototype.push){$has[$has.length]="push";Array.prototype.push=function(){
var a=0,b=arguments.length,r=this.length;
while(a<b)this[r++]=arguments[a++];
return r;
}};
if(!Array.prototype.shift){$has[$has.length]="shift";Array.prototype.shift=function(){
this.reverse();
var r=this.pop();
this.reverse();
return r;
}};
if(!Array.prototype.splice){$has[$has.length]="splice";Array.prototype.splice=function(){
var a,b,c,d=arguments.length,tmp=[],r=[];
if(d>1){
arguments[0]=parseInt(arguments[0]);
arguments[1]=parseInt(arguments[1]);
c=arguments[0]+arguments[1];
for(a=0,b=this.length;a<b;a++){
if(a<arguments[0]||a>=c){
if(a===c&&d>2){
for(a=2;a<d;a++)tmp.push(arguments[a]);
a=c;
};
tmp.push(this[a]);
}
else
r.push(this[a]);
};
for(a=0,b=tmp.length;a<b;a++)
this[a]=tmp[a];
this.length = a;
};
return r;
}};
if(!Array.prototype.unshift){$has[$has.length]="unshift";Array.prototype.unshift=function(){
var i=arguments.length;
this.reverse();
while(i>0)this.push(arguments[--i]);
this.reverse();
return this.length;
}};
if(!Array.prototype.indexOf){$has[$has.length]="indexOf";Array.prototype.indexOf=function(elm,i){
var j=this.length;
if(!i)i=0;
if(i>=0){while(i<j){if(this[i++]===elm){
i=i-1+j;j=i-j;
}}}
else
j=this.indexOf(elm,j+i);
return j!==this.length?j:-1;
}};
if(!Array.prototype.lastIndexOf){$has[$has.length]="lastIndexOf";Array.prototype.lastIndexOf=function(elm,i){
var j=-1;
if(!i)i=this.length;
if(i>=0){do{if(this[i--]===elm){
j=i+1;i=0;
}}while(i>0)}
else if(i>-this.length)
j=this.lastIndexOf(elm,this.length+i);
return j;
}};
if(!Array.prototype.every){$has[$has.length]="every";Array.prototype.every=function(callback,elm){
var b=false,i=0,j=this.length;
if(!elm){ while(i<j&&!b) b=!callback(this[i]||this.charAt(i),i++,this)}
else { while(i<j&&!b) b=!callback.apply(elm,[this[i]||this.charAt(i),i++,this]);}
return !b;
}};
if(!Array.prototype.filter){$has[$has.length]="filter";Array.prototype.filter=function(callback,elm){
var r=[],i=0,j=this.length;
if(!elm){while(i<j){if(callback(this[i],i++,this))
r.push(this[i-1]);
}} else {while(i<j){if(callback.apply(elm,[this[i],i++,this]))
r.push(this[i-1]);
}}
return r;
}};
if(!Array.prototype.forEach){$has[$has.length]="forEach";Array.prototype.forEach=function(callback,elm){
var i=0,j=this.length;
if(!elm){ while(i<j) callback(this[i],i++,this)}
else { while(i<j) callback.apply(elm,[this[i],i++,this]);}
}};
if(!Array.prototype.map){$has[$has.length]="map";Array.prototype.map=function(callback,elm){
var r=[],i=0,j=this.length;
if(!elm){ while(i<j) r.push(callback(this[i],i++,this))}
else { while(i<j) r.push(callback.apply(elm,[this[i],i++,this]));}
return r;
}};
if(!Array.prototype.some){$has[$has.length]="some";Array.prototype.some=function(callback,elm){
var b=false,i=0,j=this.length;
if(!elm){ while(i<j&&!b) b=callback(this[i],i++,this)}
else { while(i<j&&!b) b=callback.apply(elm,[this[i],i++,this]);}
return b;
}};
if(!String.prototype.lastIndexOf){if(!this.inArray("lastIndexOf",$has))$has[$has.length]="lastIndexOf";String.prototype.lastIndexOf=function(elm,i){
var str=$JSL.reverse(this),elm=$JSL.reverse(elm),r=str.indexOf(elm,i);
return r<0?r:this.length-r;
}};
if("aa".replace(/\w/g,function(){return arguments[1]+" "})!=="0 1 "){$has[$has.length]="replace";String.prototype.replace=function(replace){return function(reg,func){
var r="",tmp=$JSL.random(String);
String.prototype[tmp]=replace;
if(func.constructor!==Function)
r=this[tmp](reg,func);
else {
function getMatches(reg,pos,a) {
function io() {
var a=reg.indexOf("(",pos),b=a;
while(a>0&®.charAt(--a)==="\\"){};
pos=b!==-1?b+1:b;
return (b-a)%2===1?1:0;
};
do{a+=io()}while(pos!==-1);
return a;
};
function $replace(str){
var j=str.length-1;
while(j>0)str[--j]='"'+str[j].substr(1,str[j--].length-2)[tmp](/(\\|")/g,'\\$1')+'"';
return str.join("");
};
var p=-1,i=getMatches(""+reg,0,0),args=[],$match=this.match(reg),elm=$JSL.$random()[tmp](/\./,'_AG_');
while(this.indexOf(elm)!==-1)elm=$JSL.$random()[tmp](/\./,'_AG_');
while(i)args[--i]=[elm,'"$',(i+1),'"',elm].join("");
if(!args.length)r="$match[i],(p=this.indexOf($match[i++],p+1)),this";
else r="$match[i],"+args.join(",")+",(p=this.indexOf($match[i++],p+1)),this";
r=eval('['+$replace((elm+('"'+this[tmp](reg,'"'+elm+',func('+r+'),'+elm+'"')+'"')+elm).split(elm))[tmp](/\n/g,'\\n')[tmp](/\r/g,'\\r')+'].join("")');
};
delete String.prototype[tmp];
return r;
}}(String.prototype.replace)};
if((new Date().getYear()).toString().length===4){$has[$has.length]="getYear";Date.prototype.getYear=function(){
return this.getFullYear()-1900;
}};
};$JSL=new $JSL();
if(typeof(encodeURI)==="undefined"){function encodeURI(str){
var elm=/([\x00-\x20]|[\x25|\x3C|\x3E|\x5B|\x5D|\x5E|\x60|\x7F]|[\x7B-\x7D]|[\x80-\uFFFF])/g;
return $JSL.encodeURI(str.toString().replace(elm,$JSL.$encodeURIComponent));
}};
if(typeof(encodeURIComponent)==="undefined"){function encodeURIComponent(str){
var elm=/([\x23|\x24|\x26|\x2B|\x2C|\x2F|\x3A|\x3B|\x3D|\x3F|\x40])/g;
return $JSL.encodeURI(encodeURI(str).replace(elm,function(a,b){return "%"+$JSL.charCodeAt(b)}));
}};
if(typeof(decodeURIComponent)==="undefined"){function decodeURIComponent(str){
var elm=/(%F[0-9A-F]%E[0-9A-F]%[A-B][0-9A-F]%[8-9A-B][0-9A-F])|(%E[0-9A-F]%[A-B][0-9A-F]%[8-9A-B][0-9A-F])|(%[C-D][0-9A-F]%[8-9A-B][0-9A-F])|(%[0-9A-F]{2})/g;
return str.toString().replace(elm,$JSL.$decodeURIComponent);
}};
if(typeof(decodeURI)==="undefined"){function decodeURI(str){
return decodeURIComponent(str);
}};
if(!document.getElementById){document.getElementById=function(elm){
return $JSL.$getElementsByName($JSL.$getElementsByTagName(this)[elm]);
}};
if(!document.getElementsByTagName){document.getElementsByTagName=function(elm){
return $JSL.getElementsByTagName(this,0,elm.toUpperCase(),"tagName");
}};
if(!document.getElementsByName){document.getElementsByName=function(elm){
return $JSL.getElementsByTagName(this,0,elm,"name");
}};
if(typeof(XMLHttpRequest)==="undefined"){XMLHttpRequest=function(){
var tmp=null,elm=navigator.userAgent;
if(elm.toUpperCase().indexOf("MSIE 4")<0&&window.ActiveXObject)
tmp=elm.indexOf("MSIE 5")<0?new ActiveXObject("Msxml2.XMLHTTP"):new ActiveXObject("Microsoft.XMLHTTP");
return tmp;
}};
if(typeof(Error)==="undefined")Error=function(){};
Error = function(base){return function(message){
var tmp=new base();
tmp.message=message||"";
if(!tmp.fileName)
tmp.fileName=document.location.href;
if(!tmp.lineNumber)
tmp.lineNumber=0;
if(!tmp.stack)
tmp.stack="Error()@:0\n(\""+this.message+"\")@"+tmp.fileName+":"+this.lineNumber+"\n@"+tmp.fileName+":"+this.lineNumber;
if(!tmp.name)
tmp.name="Error";
return tmp;
}}(Error);
QuickForm = function QuickForm( event, eventType ) {
this.root = new QuickForm.element( { type: 'form', event: event, eventType:eventType } );
var cssNode = document.createElement('style');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.appendChild( document.createTextNode("")); // Safari bugfix
document.getElementsByTagName("head")[0].appendChild(cssNode);
var styles = cssNode.sheet ? cssNode.sheet : cssNode.stylesSheet;
styles.insertRule("form.quickform { width: 96%; margin:auto; padding: .5em; vertical-align: middle}", 0);
styles.insertRule("form.quickform * { font-family: sans-serif; vertical-align: middle}", 0);
styles.insertRule("form.quickform select { width: 30em; border: 1px solid gray; font-size: 1.1em}", 0);
styles.insertRule("form.quickform h5 { border-top: 1px solid gray;}", 0);
styles.insertRule("form.quickform textarea { width: 100%; height: 6em }", 0);
styles.insertRule("form.quickform .tooltipButtonContainer { position: relative; width: 100%; }", 0);
styles.insertRule("form.quickform .tooltipButton { padding: .2em; color: blue; font-weight: bold; cursor:help;}", 0);
styles.insertRule(".quickformtooltip { z-index: 200; position: absolute; padding: .1em; border: 1px dotted red; background-color: Linen; font: caption; font-size: 10pt; max-width: 800px}", 0);
}
QuickForm.prototype.render = function QuickFormRender() {
return this.root.render();
}
QuickForm.prototype.append = function QuickFormAppend( data ) {
return this.root.append( data );
}
QuickForm.element = function QuickFormElement( data ) {
this.data = data;
this.childs = [];
this.id = QuickForm.element.id++;
}
QuickForm.element.id = 0;
QuickForm.element.prototype.append = function QuickFormElementAppend( data ) {
if( data instanceof QuickForm.element ) {
var child = data;
} else {
var child = new QuickForm.element( data );
}
this.childs.push( child );
return child;
}
QuickForm.element.prototype.render = function QuickFormElementRender() {
var currentNode = this.compute( this.data );
for( var i = 0; i < this.childs.length; ++i ) {
currentNode[1].appendChild( this.childs[i].render() );
}
return currentNode[0];
}
QuickForm.element.prototype.compute = function QuickFormElementCompute( data ) {
var node;
var childContainder = null;
var label;
var id = 'node_' + this.id;
if( data.adminonly && !userIsInGroup( 'sysop' ) ) {
// hell hack alpha
data.type = hidden;
}
switch( data.type ) {
case 'form':
node = document.createElement( 'form' );
node.setAttribute( 'name', 'id' );
node.className = "quickform";
node.setAttribute( 'action', 'javascript:void(0);');
if( data.event ) {
node.addEventListener( data.eventType || 'submit', data.event , false );
}
break;
case 'select':
node = document.createElement( 'div' );
node.setAttribute( 'id', 'div_' + id );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.setAttribute( 'for', id );
label.appendChild( document.createTextNode( data.label ) );
}
var select = node.appendChild( document.createElement( 'select' ) );
if( data.event ) {
select.addEventListener( 'change', data.event, false );
}
if( data.multiple ) {
select.setAttribute( 'multiple', 'multiple' );
}
if( data.size ) {
select.setAttribute( 'size', data.size );
}
select.setAttribute( 'name', data.name );
if( data.list ) {
for( var i = 0; i < data.list.length; ++i ) {
var current = data.list[i];
if( current.list ) {
current.type = 'optgroup';
} else {
current.type = 'option';
}
var res = this.compute( current );
select.appendChild( res[0] );
}
}
childContainder = select;
break;
case 'option':
node = document.createElement( 'option' );
node.setAttribute( 'value', data.value );
if( data.selected ) {
node.setAttribute( 'selected', 'selected' );
}
if( data.disabled ) {
node.setAttribute( 'disabled', 'disabled' );
}
node.setAttribute( 'label', data.label );
node.appendChild( document.createTextNode( data.label ) );
break;
case 'optgroup':
node = document.createElement( 'optgroup' );
node.setAttribute( 'label', data.label );
if( data.list ) {
for( var i = 0; i < data.list.length; ++i ) {
var current = data.list[i];
current.type = 'option'; //must be options here
var res = this.compute( current );
node.appendChild( res[0] );
}
}
break;
case 'field':
node = document.createElement( 'fieldset' );
label = node.appendChild( document.createElement( 'legend' ) );
label.appendChild( document.createTextNode( data.label ) );
if( data.name ) {
node.setAttribute( 'name', data.name );
}
break;
case 'checkbox':
case 'radio':
node = document.createElement( 'div' );
if( data.list ) {
for( var i = 0; i < data.list.length; ++i ) {
var cur_id = id + '_' + i;
var current = data.list[i];
cur_node = node.appendChild( document.createElement( 'div' ) );
var input = cur_node.appendChild( document.createElement( 'input' ) );
input.setAttribute( 'value', current.value );
input.setAttribute( 'name', current.name || data.name );
input.setAttribute( 'type', data.type );
input.setAttribute( 'id', cur_id );
if( current.checked ) {
input.setAttribute( 'checked', 'checked' );
}
if( current.disabled ) {
input.setAttribute( 'disabled', 'disabled' );
}
if( data.event ) {
input.addEventListener( 'change', data.event, false );
}
var label = cur_node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( current.label ) );
label.setAttribute( 'for', cur_id );
if( current.tooltip ) {
QuickForm.element.generateTooltip( label, current );
}
}
}
break;
case 'input':
node = document.createElement( 'div' );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( data.label ) );
label.setAttribute( 'for', id );
}
var input = node.appendChild( document.createElement( 'input' ) );
if( data.value ) {
input.setAttribute( 'value', data.value );
}
input.setAttribute( 'name', data.name );
input.setAttribute( 'type', 'text' );
if( data.size ) {
input.setAttribute( 'size', data.size );
}
if( data.disabled ) {
input.setAttribute( 'disabled', 'disabled' );
}
if( data.readonly ) {
input.setAttribute( 'readonly', 'readonly' );
}
if( data.maxlength ) {
input.setAttribute( 'maxlength', data.maxlength );
}
if( data.event ) {
input.addEventListener( 'keyup', data.event, false );
}
break;
case 'hidden':
var node = document.createElement( 'input' );
node.setAttribute( 'type', 'hidden' );
node.setAttribute( 'value', data.value );
node.setAttribute( 'name', data.name );
break;
case 'header':
node = document.createElement( 'h5' );
node.appendChild( document.createTextNode( data.label ) );
break;
case 'div':
node = document.createElement( 'div' );
break;
case 'submit':
node = document.createElement( 'span' );
childContainder = node.appendChild(document.createElement( 'input' ));
childContainder.setAttribute( 'type', 'submit' );
if( data.label ) {
childContainder.setAttribute( 'value', data.label );
}
childContainder.setAttribute( 'name', data.name || 'submit' );
if( data.disabled ) {
childContainder.setAttribute( 'disabled', 'disabled' );
}
break;
case 'button':
node = document.createElement( 'span' );
childContainder = node.appendChild(document.createElement( 'input' ));
childContainder.setAttribute( 'type', 'button' );
if( data.label ) {
childContainder.setAttribute( 'value', data.label );
}
childContainder.setAttribute( 'name', data.name );
if( data.disabled ) {
childContainder.setAttribute( 'disabled', 'disabled' );
}
if( data.event ) {
childContainder.addEventListener( 'click', data.event, false );
}
break;
case 'textarea':
node = document.createElement( 'div' );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( data.label ) );
label.setAttribute( 'for', id );
}
node.appendChild( document.createElement( 'br' ) );
textarea = node.appendChild( document.createElement( 'textarea' ) );
textarea.setAttribute( 'name', data.name );
if( data.cols ) {
textarea.setAttribute( 'cols', data.cols );
}
if( data.rows ) {
textarea.setAttribute( 'rows', data.rows );
}
if( data.disabled ) {
textarea.setAttribute( 'disabled', 'disabled' );
}
if( data.readonly ) {
textarea.setAttribute( 'readonly', 'readonly' );
}
break;
}
if( childContainder == null ) {
childContainder = node;
}
if( data.tooltip ) {
QuickForm.element.generateTooltip( label || node , data );
}
if( data.extra ) {
childContainder.extra = extra;
}
childContainder.setAttribute( 'id', id );
return [ node, childContainder ];
}
QuickForm.element.generateTooltip = function QuickFormElementGenerateTooltip( node, data ) {
var tooltipButtonContainer = node.appendChild( document.createElement( 'span' ) );
tooltipButtonContainer.className = 'tooltipButtonContainer';
var tooltipButton = tooltipButtonContainer.appendChild( document.createElement( 'span' ) );
tooltipButton.className = 'tooltipButton';
tooltipButton.appendChild( document.createTextNode( '?' ) );
var tooltip = document.createElement( 'div' );
tooltip.className = 'quickformtooltip';
tooltip.appendChild( document.createTextNode( data.tooltip ) );
tooltipButton.tooltip = tooltip;
tooltipButton.showing = false;
tooltipButton.interval = null;
tooltipButton.addEventListener( 'mouseover', QuickForm.element.generateTooltip.display, false );
tooltipButton.addEventListener( 'mouseout', QuickForm.element.generateTooltip.fade, false );
}
QuickForm.element.generateTooltip.display = function QuickFormElementGenerateTooltipDisplay(e) {
window.clearInterval( e.target.interval );
e.target.tooltip.style.setProperty( '-moz-opacity', 1, null);
e.target.tooltip.style.setProperty( 'opacity', 1, null);
e.target.tooltip.style.left = (e.pageX - e.layerX + 24) + "px";
e.target.tooltip.style.top = (e.pageY - e.layerY + 12) + "px";
document.body.appendChild( e.target.tooltip );
e.target.showing = true;
}
QuickForm.element.generateTooltip.fade = function QuickFormElementGenerateTooltipFade( e ) {
e.target.opacity = 1.2;
e.target.interval = window.setInterval(function(e){
e.target.tooltip.style.setProperty( '-moz-opacity', e.target.opacity, null);
e.target.tooltip.style.setProperty( 'opacity', e.target.opacity, null);
e.target.opacity -= 0.1;
if( e.target.opacity <= 0 ) {
window.clearInterval( e.target.interval );
document.body.removeChild( e.target.tooltip );e.target.showing = false;
}
},50,e);
}
/**
* return 'p-tb' if id is included in array, else return 'p-cactions';
*/
function chooseBox( id, arr ) {
return arr.indexOf( id ) == -1 ? 'p-cactions' : 'p-tb';
}
/**
* Will escape a string to be used in a RegExp
*/
RegExp.escape = function( text, space_fix ) {
if ( !arguments.callee.sRE ) {
arguments.callee.sRE = /(\/|\.|\*|\+|\?|\||\(|\)|\[|\]|\{|\}|\\|\$|\^)/g;
}
text = text.replace( arguments.callee.sRE , '\\$1' );
// Special Mediawiki escape, underscore/space is the same, often at lest:
if( space_fix ) {
text = text.replace( / |_/g, '[_ ]' );
}
return text;
}
String.prototype.splitWeightedByKeys = function stringPrototypeSplitWeightedByKeys( start, end ) {
if( start.length != end.length ) {
throw 'start marker and end marker must be of the same length';
}
var level = 0;
var initial = null;
var result = [];
for( var i = 0; i < this.length; ++i ) {
if( this.substr( i, start.length ) == start ) {
if( initial == null ) {
initial = i;
}
++level;
i += start.length - 1;
} else if( this.substr( i, end.length ) == end ) {
--level;
i += end.length - 1;
}
if( level == 0 && initial != null ) {
result.push( this.substring( initial, i + 1 ) );
initial = null;
}
}
return result;
}
Array.prototype.uniq = function arrayPrototypeUniq() {
var result = [];
for( var i = 0; i < this.length; ++i ) {
var current = this[i];
if( result.indexOf( current ) == -1 ) {
result.push( current );
}
}
return result;
}
Array.prototype.uniq.dontEnum = true;
Array.prototype.dups = function arrayPrototypeUniq() {
var uniques = [];
var result = [];
for( var i = 0; i < this.length; ++i ) {
var current = this[i];
if( uniques.indexOf( current ) == -1 ) {
uniques.push( current );
} else {
result.push( current );
}
}
return result;
}
Array.prototype.dups.dontEnum = true;
namespaces = {
'-2': 'Media',
'-1': 'Special',
'0' : '',
'1' : 'Talk',
'2' : 'User',
'3' : 'User_talk',
'4' : 'Project',
'5' : 'Project talk',
'6' : 'Image',
'7' : 'Image talk',
'8' : 'MediaWiki',
'9' : 'MediaWiki talk',
'10': 'Template',
'11': 'Template talk',
'12': 'Help',
'13': 'Help talk',
'14': 'Category',
'15': 'Category talk',
'100': 'Portal',
'101': 'Portal talk'
};
Namespace = {
MAIN: 0,
TALK: 1,
USER: 2,
USER_TALK: 3,
PROJECT: 4,
PROJECT_TALK: 5,
IMAGE: 6,
IMAGE_TALK: 7,
MEDIAWIKI: 8,
MEDIAWIKI_TALK: 9,
TEMPLATE: 10,
TEMPLATE_TALK: 11,
HELP: 12,
HELP_TALK: 13,
CATEGORY: 14,
CATEGORY_TALK: 15,
PORTAL: 100,
PORTAL_TALK: 101,
MEDIA: -2,
SPECIAL: -1
};
// Helper functions to change case of a string
String.prototype.toUpperCaseFirstChar = function() {
return this.substr( 0, 1 ).toUpperCase() + this.substr( 1 );
}
String.prototype.toLowerCaseFirstChar = function() {
return this.substr( 0, 1 ).toLowerCase() + this.substr( 1 );
}
String.prototype.toUpperCaseEachWord = function( delim ) {
delim = delim ? delim : ' ';
return this.split( delim ).map( function(v) { return v.toUpperCaseFirstChar() } ).join( delim );
}
String.prototype.toLowerCaseEachWord = function( delim ) {
delim = delim ? delim : ' ';
return this.split( delim ).map( function(v) { return v.toLowerCaseFirstChar() } ).join( delim );
}
/**
* Helper functions to get the month as a string instead of a number
*/
Date.monthNames = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
Date.monthNamesAbbrev = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
];
Date.prototype.getMonthName = function() {
return Date.monthNames[ this.getMonth() ];
}
Date.prototype.getMonthNameAbbrev = function() {
return Date.monthNamesAbbrev[ this.getMonth() ];
}
Date.prototype.getUTCMonthName = function() {
return Date.monthNames[ this.getUTCMonth() ];
}
Date.prototype.getUTCMonthNameAbbrev = function() {
return Date.monthNamesAbbrev[ this.getUTCMonth() ];
}
// Accessor functions for wikiediting and api-access
Wikipedia = {};
Wikipedia.numberOfActionsLeft = 0;
Wikipedia.nbrOfCheckpointsLeft = 0;
Wikipedia.actionCompleted = function() {
if( --Wikipedia.numberOfActionsLeft <= 0 && Wikipedia.nbrOfCheckpointsLeft <= 0 ) {
Wikipedia.actionCompleted.event();
}
}
// Change per action wanted
Wikipedia.actionCompleted.event = function() {
Status.info( Wikipedia.actionCompleted.notice );
if( Wikipedia.actionCompleted.redirect != null ) {
// if it isn't an url, make it an relative to self (probably this is the case)
if( !/^\w+\:\/\//.test( Wikipedia.actionCompleted.redirect ) ) {
Wikipedia.actionCompleted.redirect = mw.config.get('wgServer') + wgArticlePath.replace( '$1', Wikipedia.actionCompleted.redirect );
}
setTimeout( function() { window.location = Wikipedia.actionCompleted.redirect } , 5000 );
}
}
Wikipedia.actionCompleted.redirect = null;
Wikipedia.actionCompleted.notice = 'Action completed';
Wikipedia.addCheckpoint = function() {
++Wikipedia.nbrOfCheckpointsLeft;
}
Wikipedia.removeCheckpoint = function() {
if( --Wikipedia.nbrOfCheckpointsLeft <= 0 && Wikipedia.numberOfActionsLeft <= 0 ) {
Wikipedia.actionCompleted.event();
}
}
/*
currentAction: text, the current action (required)
query: Object, the query (required)
oninit: function, the function to call when page gotten (required)
*/
Wikipedia.api = function( currentAction, query, oninit ) {
this.currentAction = currentAction;
this.query = query;
this.query['format'] = 'xml'; //LET THE FORCE BE WITH YOU!!!
this.oninit = oninit;
++Wikipedia.numberOfActionsLeft;
}
Wikipedia.api.prototype = {
currentAction: '',
oninit: null,
query: null,
responseXML: null,
counter: 0,
post: function() {
var xmlhttp = sajax_init_object();
xmlhttp.obj = this;
xmlhttp.overrideMimeType('text/xml');
xmlhttp.open( 'POST' , mw.config.get('wgServer') + wgScriptPath + '/api.php', true);
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xmlhttp.onerror = function() {
Status.error( this.obj.currentAction + ": Error " + this.status + " occurred while quering the api." );
}
xmlhttp.onload = function() {
this.obj.responseXML = this.responseXML;
this.obj.oninit( this.obj );
Wikipedia.actionCompleted();
};
xmlhttp.send( QueryString.create( this.query ) );
},
}
/*
currentAction: text, the current action (required)
query: Object, the query (required)
oninit: function, the function to call when page gotten (required)
onsuccess: function, a function to call when post succeeded
onerror: function, a function to call when we abort failed posts
onretry: function, a function to call when we try to retry a post
*/
Wikipedia.wiki = function( currentAction, query, oninit, onsuccess, onerror, onretry ) {
this.currentAction = currentAction;
this.query = query;
this.oninit = oninit;
this.onsuccess = onsuccess;
this.onerror = onerror;
this.onretry = onretry;
++Wikipedia.numberOfActionsLeft;
}
Wikipedia.wiki.prototype = {
currentAction: '',
onsuccess: null,
onerror: null,
onretry: null,
oninit: null,
query: null,
postData: null,
responseXML: null,
counter: 0,
post: function( data ) {
this.postData = data;
var xmlhttp = sajax_init_object();
xmlhttp.obj = this;
xmlhttp.overrideMimeType('text/xml');
xmlhttp.open( 'POST' , mw.config.get('wgServer') + wgScriptPath + '/index.php?' + QueryString.create( this.query ), true);
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xmlhttp.onerror = function() {
Status.error( this.obj.currentAction + ": Error " + this.status + " occurred while posting the document." );
}
xmlhttp.onload = function() {
var self = this.obj;
var xmlDoc;
xmlDoc = self.responseXML = this.responseXML;
var nsResolver = xmlDoc.createNSResolver( xmlDoc.ownerDocument == null ? xmlDoc.documentElement : xmlDoc.ownerDocument.documentElement );
var xpathExpr = 'boolean(//div[@class=\'previewnote\']/p/strong[contains(.,\'Sorry! We could not process your edit due to a loss of session data\')])';
var nosession = xmlDoc.evaluate( xpathExpr, xmlDoc, nsResolver, XPathResult.BOOLEAN_TYPE, null ).booleanValue;
if( nosession ) {
if( self.counter > 5 ) {
if( self.onerror ) {
self.onerror( self );
} else {
Status.error( self.currentAction + ": session failed, aborting." );
return;
}
} else if( self.counter == 4 ) {
++self.counter;
if( self.onretry ) {
self.onretry( self );
} else {
Status.warn( self.currentAction + ": failed to get session, last retry (" + self.counter + ')...' );
}
self.get(); // last time we tries to reget it
} else {
++self.counter;
if( self.onretry ) {
self.onretry( self );
} else {
Status.warn( self.currentAction + ": failed to get session, retrying (" + self.counter + ')...' );
}
self.post( self.postData );
}
} else {
if( self.onsuccess ) {
self.onsuccess( self );
} else {
Status.info( self.currentAction + ': completed' );
}
Wikipedia.actionCompleted();
}
};
xmlhttp.send( QueryString.create( this.postData ) );
},
get: function() {
this.onloading( this );
var xmlhttp = sajax_init_object();
xmlhttp.obj = this;
xmlhttp.overrideMimeType('text/xml');
xmlhttp.open( 'GET' , mw.config.get('wgServer') + wgScriptPath + '/index.php?' + QueryString.create( this.query ), true);
xmlhttp.onerror = function() {
Status.error( this.obj.currentAction + ": Error " + this.status + " occurred while recieving the document." );
}
xmlhttp.onload = function() {
this.obj.onloaded( this.obj );
this.obj.responseXML = this.responseXML;
this.obj.oninit( this.obj );
};
xmlhttp.send( null );
},
onloading: function() {
Status.status( this.currentAction + ': loading data...' );
},
onloaded: function() {
Status.status( this.currentAction + ': data loaded...' );
}
}
Number.prototype.zeroFill = function( length ) {
var str = this.toFixed();
if( !length ) { return str; }
while( str.length < length ) { str = '0' + str; }
return str;
}
Mediawiki = {};
Mediawiki.Page = function mediawikiPage( text ) {
this.text = text;
}
Mediawiki.Page.prototype = {
text: '',
removeLink: function( link_target ) {
var first_char = link_target.substr( 0, 1 );
var link_re_string = "[" + first_char.toUpperCase() + first_char.toLowerCase() + ']' + RegExp.escape( link_target.substr( 1 ), true );
var link_simple_re = new RegExp( "\\[\\[(" + link_re_string + ")\\|?\\]\\]", 'g' );
var link_named_re = new RegExp( "\\[\\[" + link_re_string + "\\|(.+?)\\]\\]", 'g' );
if( link_simple_re.test(this.text) ) {
this.text = this.text.replace( link_simple_re, "$1" );
} else {
this.text = this.text.replace( link_named_re, "$1" );
}
},
commentOutImage: function( image, reason ) {
reason = reason ? ' ' + reason + ': ' : '';
var first_char = image.substr( 0, 1 );
var image_re_string = "[" + first_char.toUpperCase() + first_char.toLowerCase() + ']' + RegExp.escape( image.substr( 1 ), true );
var links_re = new RegExp( "\\[\\[[Ii]mage:\\s*" + image_re_string );
var allLinks = this.text.splitWeightedByKeys( '[[', ']]' ).uniq();
for( var i = 0; i < allLinks.length; ++i ) {
if( links_re.test( allLinks[i] ) ) {
var replacement = '<!-- ' + reason + allLinks[i] + ' -->';
this.text = this.text.replace( allLinks[i], replacement );
}
}
var gallery_re = new RegExp( "^\\s*((?:\\|?\\s*\\w+\\s*\\=\\s*)(?:[Ii]mage:\\s*)?" + image_re_string + '.*?)$', 'mg' );
var replacement = "<!-- " + reason + "$1 -->";
this.text = this.text.replace( gallery_re, replacement );
},
addToImageComment: function( image, data ) {
var first_char = image.substr( 0, 1 );
var image_re_string = "[Ii]mage:\\s*[" + first_char.toUpperCase() + first_char.toLowerCase() + ']' + RegExp.escape( image.substr( 1 ), true );
var links_re = new RegExp( "\\[\\[" + image_re_string );
var allLinks = this.text.splitWeightedByKeys( '[[', ']]' ).uniq();
for( var i = 0; i < allLinks.length; ++i ) {
if( links_re.test( allLinks[i] ) ) {
var replacement = allLinks[i];
// just put it at the end?
replacement = replacement.replace( /\]\]$/, '|' + data + ']]' );
this.text = this.text.replace( allLinks[i], replacement );
}
}
var gallery_re = new RegExp( "^(\\s*" + image_re_string + '.*?)\\|?(.*?)$', 'mg' );
var replacement = "$1|$2 " + data;
this.text = this.text.replace( gallery_re, replacement );
},
getText: function() {
return this.text;
}
}
// Simple helper functions to see what groups a user might belong
function userIsInGroup( group ) {
return ( wgUserGroups != null && wgUserGroups.indexOf( group ) != -1 ) || ( wgUserGroups == null && group == 'anon' );
}
function userIsAnon() {
return wgUserGroups == null;
}
// AOL Proxy IP Addresses (2007-02-03)
var AOLNetworks = [
'64.12.96.0/19',
'149.174.160.0/20',
'152.163.240.0/21',
'152.163.248.0/22',
'152.163.252.0/23',
'152.163.96.0/22',
'152.163.100.0/23',
'195.93.32.0/22',
'195.93.48.0/22',
'195.93.64.0/19',
'195.93.96.0/19',
'195.93.16.0/20',
'198.81.0.0/22',
'198.81.16.0/20',
'198.81.8.0/23',
'202.67.64.128/25',
'205.188.192.0/20',
'205.188.208.0/23',
'205.188.112.0/20',
'205.188.146.144/30',
'207.200.112.0/21',
];
// AOL Client IP Addresses (2007-02-03)
var AOLClients = [
'172.128.0.0/10',
'172.192.0.0/12',
'172.208.0.0/14',
'202.67.66.0/23',
'172.200.0.0/15',
'172.202.0.0/15',
'172.212.0.0/14',
'172.216.0.0/16',
'202.67.68.0/22',
'202.67.72.0/21',
'202.67.80.0/20',
'202.67.96.0/19',
];
/**
* ipadress is in the format 1.2.3.4 and network is in the format 1.2.3.4/5
*/
function isInNetwork( ipaddress, network ) {
var iparr = ipaddress.split('.');
var ip = (parseInt(iparr[0]) << 24) + (parseInt(iparr[1]) << 16) + (parseInt(iparr[2]) << 8) + (parseInt(iparr[3]));
var netmask = 0xffffffff << network.split('/')[1];
var netarr = network.split('/')[0].split('.');
var net = (parseInt(netarr[0]) << 24) + (parseInt(netarr[1]) << 16) + (parseInt(netarr[2]) << 8) + (parseInt(netarr[3]));
return (ip & netmask) == net;
}
/* Returns true if given string contains a valid IP-address, that is, from 0.0.0.0 to 255.255.255.255*/
function isIPAddress( string ){
var res = /(\d{1,4})\.(\d{1,3})\.(\d{1,3})\.(\d{1,4})/.exec( string );
return res != null && res.slice( 1, 5 ).every( function( e ) { return e < 256; } );
}
/**
* Maps the querystring to an object
*
* Functions:
*
* QueryString.exists(key)
* returns true if the particular key is set
* QueryString.get(key)
* returns the value associated to the key
* QueryString.equals(key, value)
* returns true if the value associated with given key equals given value
* QueryString.toString()
* returns the query string as a string
* QueryString.create( hash )
* creates an querystring and encodes strings via encodeURIComponent and joins arrays with |
*
* In static context, the value of location.search.substring(1), else the value given to the constructor is going to be used. The mapped hash is saved in the object.
*
* Example:
*
* var value = QueryString.get('key');
* var obj = new QueryString('foo=bar&baz=quux');
* value = obj.get('foo');
*/
function QueryString(qString) {
this.string = qString;
this.params = {};
if( qString.length == 0 ) {
return;
}
qString.replace(/\+/, ' ');
var args = qString.split('&');
for( var i = 0; i < args.length; ++i ) {
var pair = args[i].split( '=' );
var key = decodeURIComponent( pair[0] ), value = key;
if( pair.length == 2 ) {
value = decodeURIComponent( pair[1] );
}
this.params[key] = value;
}
}
QueryString.static = null;
QueryString.staticInit = function() {
if( QueryString.static == null ) {
QueryString.static = new QueryString(location.search.substring(1));
}
}
QueryString.get = function(key) {
QueryString.staticInit();
return QueryString.static.get(key);
};
QueryString.prototype.get = function(key) {
return this.params[key] ? this.params[key] : null;
};
QueryString.exists = function(key) {
QueryString.staticInit();
return QueryString.static.exists(key);
}
QueryString.prototype.exists = function(key) {
return this.params[key] ? true : false;
}
QueryString.equals = function(key, value) {
QueryString.staticInit();
return QueryString.static.equals(key, value);
}
QueryString.prototype.equals = function(key, value) {
return this.params[key] == value ? true : false;
}
QueryString.toString = function() {
QueryString.staticInit();
return QueryString.static.toString();
}
QueryString.prototype.toString = function() {
return this.string ? this.string : null;
}
QueryString.create = function( arr ) {
var resarr = Array();
for( var i in arr ) {
if( typeof arr[i] == 'undefined' ) {
continue;
}
if( arr[i] instanceof Array ){
var v = Array();
for(var j = 0; j < arr[i].length; ++j ) {
v[j] = encodeURIComponent( arr[i][j] );
}
resarr.push( encodeURIComponent( i ) + '=' + v.join('|') );
} else {
resarr.push( encodeURIComponent( i ) + '=' + encodeURIComponent( arr[i] ) );
}
}
return resarr.join('&');
}
QueryString.prototype.create = QueryString.create;
/**
* Simple exception handling
*/
Exception = function( str ) {
this.str = str || '';
}
Exception.prototype.what = function() {
return this.str;
}
/**
* Status updating class
*/
Status = function() {}
/*
Initiate an element to be a status window, it will remove all it's childs
*/
Status.init = function( elem ) {
if( !( elem instanceof Element ) ) {
throw new Exception( 'object not an instance of Element' );
}
Status.elem = elem;
Status.currentNode = null;
while( elem.hasChildNodes() ) {
elem.removeChild( elem.firstChild );
}
}
// Private function
Status.append = function( obj, node ) {
if( Status.elem == null ) {
throw new Exception( 'no initialized object found' );
}
if ( ! ( obj instanceof Array ) ) {
obj = [ obj ];
}
node = node || Status.currentNode;
for( var i = 0; i < obj.length; ++i ) {
if( typeof obj[i] == 'string' ) {
node.appendChild( document.createTextNode( obj[i] ) );
} else if( obj[i] instanceof Element ) {
node.appendChild( obj[i] );
}
}
}
Status.error = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'OrangeRed';
Status.currentNode.style.fontWeight = '900';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.warn = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'OrangeRed';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.info = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'ForestGreen';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.debug = function( obj , level ) {
level = level || 1;
if( Status.debugLevel >= level ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'DimGray';
Status.append( "Debug (" + level + "): " );
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
} else {
return null;
}
}
Status.debugLevel = 0;
Status.status = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'SteelBlue';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.progress = function ( obj, node ) {
Status.append( obj, node );
}
// Simple helper function to create a simple node
function htmlNode( type, content, color ) {
var node = document.createElement( type );
if( color ) {
node.style.color = color;
}
node.appendChild( document.createTextNode( content ) );
return node;
}
// A simple dragable window
function SimpleWindow( width, height ) {
var stylesheet = document.createElement('style');
stylesheet.type = 'text/css';
stylesheet.rel = 'stylesheet';
stylesheet.appendChild( document.createTextNode("") ); // Safari bugfix
document.getElementsByTagName("head")[0].appendChild(stylesheet);
var styles = stylesheet.sheet ? stylesheet.sheet : stylesheet.styleSheet;
styles.insertRule(
".simplewindow { "+
"position: fixed; "+
"background-color: AliceBlue; "+
"border: 2px ridge Black; "+
"z-index: 100; "+
"}",
0
);
styles.insertRule(
".simplewindow .content { "+
"position: absolute; "+
"top: 20px; "+
"bottom: 0; "+
"overflow: auto; "+
"width: 100%; "+
"}",
0
);
styles.insertRule(
".simplewindow .resizebuttonhorizontal { "+
"position: absolute; "+
"background-color: MediumPurple; "+
"opacity: 0.5; "+
"right: -2px; "+
"bottom: -2px; "+
"width: 20px; "+
"height: 4px; "+
"cursor: se-resize; "+
"}",
0
);
styles.insertRule(
".simplewindow .resizebuttonvertical { "+
"position: absolute; "+
"opacity: 0.5; "+
"background-color: MediumPurple; "+
"right: -2px; "+
"bottom: -2px; "+
"width: 4px; "+
"height: 20px; "+
"cursor: se-resize; "+
"}",
0
);
styles.insertRule(
".simplewindow .closebutton {"+
"position: absolute; "+
"font: 100 0.8em sans-serif; "+
"top: 1px; "+
"left: 1px; "+
"height: 100%; "+
"cursor: pointer; "+
"}",
0
);
styles.insertRule(
".simplewindow .topbar { "+
"position: absolute; "+
"background-color: LightSteelBlue; "+
"font: 900 1em sans-serif; "+
"vertical-align: baseline; "+
"text-align: center; "+
"width: 100%; "+
"height: 20px; "+
"cursor: move; "+
"}",
0
);
this.width = width;
this.height = height;
var frame = document.createElement( 'div' );
var content = document.createElement( 'div' );
var topbar = document.createElement( 'div' );
var title = document.createElement( 'span' );
var closeButton = document.createElement( 'span' );
var resizeButton2 = document.createElement( 'div' );
var resizeButton1 = document.createElement( 'div' );
this.frame = frame;
this.title = title;
this.content = content;
frame.className = 'simplewindow';
content.className = 'content';
topbar.className = 'topbar';
resizeButton1.className = 'resizebuttonvertical';
resizeButton2.className = 'resizebuttonhorizontal';
closeButton.className = 'closebutton';
title.className = 'title';
topbar.appendChild( closeButton );
topbar.appendChild( title );
frame.appendChild( topbar );
frame.appendChild( content );
frame.appendChild( resizeButton1 );
frame.appendChild( resizeButton2 );
frame.style.width = width + 'px';
frame.style.height = height + 'px';
frame.style.top = parseInt( window.innerHeight - this.height )/2 + 'px' ;
frame.style.left = parseInt( window.innerWidth - this.width )/2 + 'px';
var img = document.createElement( 'img' );
img.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Nuvola_apps_error.png/18px-Nuvola_apps_error.png";
closeButton.appendChild( img );
var self = this;
// Specific events
frame.addEventListener( 'mousedown', function(event) { self.focus(event); }, false );
closeButton.addEventListener( 'click', function(event) {self.close(event); }, false );
topbar.addEventListener( 'mousedown', function(event) {self.initMove(event); }, false );
resizeButton1.addEventListener( 'mousedown', function(event) {self.initResize(event); }, false );
resizeButton2.addEventListener( 'mousedown', function(event) {self.initResize(event); }, false );
// Generic events
window.addEventListener( 'mouseover', function(event) {self.handleEvent(event); }, false );
window.addEventListener( 'mousemove', function(event) {self.handleEvent(event); }, false );
window.addEventListener( 'mouseup', function(event) {self.handleEvent(event); }, false );
this.currentState = this.initialState;
}
SimpleWindow.prototype = {
focusLayer: 100,
width: 800,
height: 600,
initialState: "Inactive",
currentState: null, // current state of finite state machine (one of 'actionTransitionFunctions' properties)
focus: function(event) {
this.frame.style.zIndex = ++this.focusLayer;
},
close: function(event) {
event.preventDefault();
document.body.removeChild( this.frame );
},
initMove: function(event) {
event.preventDefault();
this.initialX = parseInt( event.clientX - this.frame.offsetLeft );
this.initialY = parseInt( event.clientY - this.frame.offsetTop );
this.frame.style.opacity = '0.5';
this.currentState = 'Move';
},
initResize: function(event) {
event.preventDefault();
this.frame.style.opacity = '0.5';
this.currentState = 'Resize';
},
handleEvent: function(event) {
event.preventDefault();
var actionTransitionFunction = this.actionTransitionFunctions[this.currentState][event.type];
if( !actionTransitionFunction ) {
actionTransitionFunction = this.unexpectedEvent;
}
var nextState = actionTransitionFunction.call(this, event);
if( !nextState ){
nextState = this.currentState;
}
if( !this.actionTransitionFunctions[nextState] ){
nextState = this.undefinedState(event, nextState);
}
this.currentState = nextState;
event.stopPropagation();
},
unexpectedEvent: function(event) {
throw ("Handled unexpected event '" + event.type + "' in state '" + this.currentState);
return this.initialState;
},
undefinedState: function(event, state) {
throw ("Transitioned to undefined state '" + state + "' from state '" + this.currentState + "' due to event '" + event.type);
return this.initialState;
},
actionTransitionFunctions: {
Inactive: {
mouseover: function(event) {
return this.currentState;
},
mousemove: function(event) {
return this.currentState;
},
mouseup: function(event) {
return this.currentState;
}
},
Move: {
mouseover: function(event) {
this.moveWindow( event.clientX, event.clientY );
return this.currentState;
},
mousemove: function(event) {
return this.doActionTransition("Move", "mouseover", event);
},
mouseup: function(event) {
this.frame.style.opacity = '1';
return 'Inactive';
}
},
Resize: {
mouseover: function(event) {
this.resizeWindow( event.clientX, event.clientY );
return this.currentState;
},
mousemove: function(event) {
return this.doActionTransition("Resize", "mouseover", event);
},
mouseup: function(event) {
this.frame.style.opacity = '1';
return 'Inactive';
}
}
},
doActionTransition: function(anotherState, anotherEventType, event) {
return this.actionTransitionFunctions[anotherState][anotherEventType].call(this,event);
},
display: function() {
document.body.appendChild( this.frame );
},
setTitle: function( title ) {
this.title.textContent = title;
},
setWidth: function( width ) {
this.frame.style.width = width;
},
setHeight: function( height ) {
this.frame.style.height = height;
},
setContent: function( content ) {
this.purgeContent();
this.addContent( content );
},
addContent: function( content ) {
this.content.appendChild( content );
},
purgeContent: function( content ) {
while( this.content.hasChildNodes() ) {
this.content.removeChild( this.content.firstChild );
}
},
moveWindow: function( x, y ) {
this.frame.style.left = x - this.initialX + 'px';
this.frame.style.top = y - this.initialY + 'px';
},
resizeWindow: function( x, y ) {
this.frame.style.height = Math.max( parseInt( y - this.frame.offsetTop ), 200 ) + 'px';
this.frame.style.width = Math.max( parseInt( x - this.frame.offsetLeft ), 200 ) + 'px';
}
}
