/*
    This program is free software; you can redistribute it and/or
    modify it under the terms of the GNU General Public License
    as published by the Free Software Foundation; either version 2
    of the License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 51 Franklin Street, Fifth Floor,
    Boston, MA  02110-1301, USA.
    ---
    Copyright (C) 2009, Ryan Peel ryan@2amlife.com
 */

Hash.prototype.without = function() {
    var values = $A(arguments);
	var retHash = $H();
    this.each(function(entry) {
		if(!values.include(entry.key))
			retHash.set(entry.key, entry.value);
    });
	return retHash;
}

Element.insertAfter = function(insert, element) {
	if (element.nextSibling) element.parentNode.insertBefore(insert, element.nextSibling);
	else element.parentNode.appendChild(insert);
}

// Fix exceptions thrown thrown when removing an element with no parent
Element._remove = Element.remove;
Element.remove = function(element) {
	element = $(element);
	if (element.parentNode)
		return Element._remove(element);
}

/*
 * Control.ColorPicker
 *
 * Transforms an ordinary input textbox into an interactive color chooser,
 * allowing the user to select a color from a swatch palette.
 *
 * Features:
 *  - Allows saving custom colors to the palette for later use
 *  - Customizable by CSS
 *
 * Written and maintained by Jeremy Jongsma (jeremy@jongsma.org)
 */
var Control = {};

Control.ColorPicker = Class.create();
Control.ColorPicker.prototype = {
	initialize: function (element, options) {
		this.element = $(element);
		this.options = Object.extend({
				className: 'colorpickerControl'
			}, options || {});
		this.colorpicker = new Control.ColorPickerPanel({
				onSelect: this.colorSelected.bind(this)
			});

		this.dialogOpen = false;
		this.element.maxLength = 7;

		this.dialog = new Element('div');
		this.dialog.style.position = 'absolute';
		var cpCont = new Element('div').addClassName(this.options.className);
		cpCont.insert(this.colorpicker.element);
		this.dialog.insert(cpCont);

		var cont = new Element('div', {'style': 'position: relative;'});
		this.element.parentNode.replaceChild(cont, this.element);
		cont.insert(this.element);

		var el_top = '2px';
		var size = (this.element.offsetHeight - 8);
		var el_left = (this.element.offsetLeft + this.element.offsetWidth - (size + 5)) + 'px';
		this.swatch = new Element('div', {'style':'border:1px solid gray; position:absolute; left:'+el_left+';top:'+el_top+'; font-size:1px; width:'+size+'px; height: '+ size + 'px; background-color:'+this.element.value});
		this.swatch.title = 'Open color palette';
		this.swatch.addClassName('inputExtension');
		cont.insert(this.swatch);

		this.element.onchange = this.textChanged.bindAsEventListener(this);
		this.element.onblur = this.hidePicker.bindAsEventListener(this);
		this.swatch.onclick = this.togglePicker.bindAsEventListener(this);
		this.documentClickListener = this.documentClickHandler.bindAsEventListener(this);
	},
	colorSelected: function(color) {
		this.element.value = color;
		this.swatch.style.backgroundColor = color;
		this.hidePicker();
	},
	textChanged: function(e) {
		this.swatch.style.backgroundColor = this.element.value;
	},
	togglePicker: function(e) {
		if (this.dialogOpen) this.hidePicker();
		else this.showPicker();
	},
	showPicker: function(e) {
		if (!this.dialogOpen) {
			var dim = Element.getDimensions(this.element);
			var position = Position.cumulativeOffset(this.element);
			var pickerTop = Prototype.IE ? (position[1] + dim.height) + 'px' : (position[1] + dim.height - 1) + 'px';
			this.dialog.style.top = pickerTop;
			this.dialog.style.left = position[0] + 'px';
			document.body.insert(this.dialog);
			document.observe('click', this.documentClickListener);
			this.dialogOpen = true;
		}
	},
	hidePicker: function(e) {
		if (this.dialogOpen) {
			Event.stopObserving(document, 'click', this.documentClickListener);
			Element.remove(this.dialog);
			this.dialogOpen = false;
		}
	},
	documentClickHandler: function(e) {
		var element = Event.element(e);
		var abort = false;
		do {
			if (element == this.swatch || element == this.dialog)
				abort = true;
		} while (element = element.parentNode);
		if (!abort)
			this.hidePicker();
	}
};

Control.ColorPickerPanel = Class.create();
Control.ColorPickerPanel.prototype = {

	initialize: function(options) {
		this.options = Object.extend({
				addLabel: 'Add',
				colors: Array(
					'#000000', '#993300', '#333300', '#003300', '#003366', '#000080', '#333399', '#333333',
					'#800000', '#FF6600', '#808000', '#008000', '#008080', '#0000FF', '#666699', '#808080',
					'#FF0000', '#FF9900', '#99CC00', '#339966', '#33CCCC', '#3366FF', '#800080', '#969696',
					'#FF00FF', '#FFCC00', '#FFFF00', '#00FF00', '#00FFFF', '#00CCFF', '#993366', '#C0C0C0',
					'#FF99CC', '#FFCC99', '#FFFF99', '#CCFFCC', '#CCFFFF', '#99CCFF', '#CC99FF', '#FFFFFF'),
				onSelect: Prototype.emptyFunction
			}, options || {});
		this.activeCustomSwatch =  null,
		this.customSwatches = [];

		this.element = this.create();
	},

	create: function() {
		var cont = document.createElement('div');
		var colors = this.options.colors;

		// Create swatch table
		var swatchTable = document.createElement('table');
		swatchTable.cellPadding = 0;
		swatchTable.cellSpacing = 0;
		swatchTable.border = 0;
		for (var i = 0; i < 5; ++i) {
			var row = swatchTable.insertRow(i);
			for (var j = 0; j < 8; ++j) {
				var cell = row.insertCell(j);
				var color = colors[(8 * i) + j];
				var swatch = new Element("div").addClassName("colour_swatch");
				swatch.setStyle({'backgroundColor': color});
				swatch.onclick = this.swatchClickListener(color);
				swatch.onmouseover = this.swatchHoverListener(color);
				cell.appendChild(swatch);
			}
		}

		// Add spacer row
		var spacerRow = swatchTable.insertRow(5);
		var spacerCell = spacerRow.insertCell(0);
		//spacerCell.colSpan = 8;
		spacerCell.colSpan = 8;
		var hr = document.createElement('hr');
		Element.setStyle(hr, {'color': 'gray', 'backgroundColor': 'gray', 'height': '1px', 'border': '0', 'marginTop': '3px', 'marginBottom': '3px', 'padding': '0'});
		spacerCell.appendChild(hr);

		// Add custom color row
		var customRow = swatchTable.insertRow(6);
		var customColors = this.loadSetting('customColors')
			?  this.loadSetting('customColors').split(',')
			: new Array();
		this.customSwatches = [];
		for (var i = 0; i < 8; ++i) {
			var cell = customRow.insertCell(i);
			var color = customColors[i] ? customColors[i] : '#000000';
			var swatch = new Element("div").addClassName("colour_swatch");
			swatch.setStyle({'backgroundColor': color});
			cell.appendChild(swatch);
			swatch.onclick = this.swatchCustomClickListener(color, swatch);
			swatch.onmouseover = this.swatchHoverListener(color);
			this.customSwatches.push(swatch);
		}

		// Add spacer row
		spacerRow = swatchTable.insertRow(7);
		spacerCell = spacerRow.insertCell(0);
		spacerCell.colSpan = 8;
		hr = document.createElement('hr');
		Element.setStyle(hr, {'color': 'gray', 'backgroundColor': 'gray', 'height': '1px', 'border': '0', 'marginTop': '3px', 'marginBottom': '3px', 'padding': '0'});
		spacerCell.appendChild(hr);

		// Add custom color entry interface
		var entryRow = swatchTable.insertRow(8);
		var entryCell = entryRow.insertCell(0);
		entryCell.colSpan = 8;
		var entryTable = document.createElement('table');
		entryTable.cellPadding = 0;
		entryTable.cellSpacing = 0;
		entryTable.border = 0;
		entryTable.style.width = '136px';
		entryCell.appendChild(entryTable);

		entryRow = entryTable.insertRow(0);
		var previewCell = entryRow.insertCell(0);
		previewCell.valign = 'bottom';
		var preview = document.createElement('div');
		Element.setStyle(preview, {'width': '15px', 'height': '15px', 'fontSize': '15px', 'border': '1px solid #EEEEEE', 'backgroundColor': '#000000'});
		previewCell.appendChild(preview);
		this.previewSwatch = preview;

		var textboxCell = entryRow.insertCell(1);
		textboxCell.valign = 'bottom';
		textboxCell.align = 'center';
		var textbox = document.createElement('input');
		textbox.type = 'text';
		textbox.value = '#000000';
		Element.setStyle(textbox, {'width': '70px', 'border': '1px solid gray' });
		textbox.onkeyup = function(e) {
				this.previewSwatch.style.backgroundColor = textbox.value;
			}.bindAsEventListener(this);
		textboxCell.appendChild(textbox);
		this.customInput = textbox;

		var submitCell = entryRow.insertCell(2);
		submitCell.valign = 'bottom';
		submitCell.align = 'right';
		var submit = document.createElement('input');
		submit.type = 'button';
		Element.setStyle(submit, {'width': '40px', 'border': '1px solid gray'});
		submit.value = this.options.addLabel;
		submit.onclick = function(e) {
				var idx = 0;
				if (this.activeCustomSwatch) {
					for (var i = 0; i < this.customSwatches.length; ++i)
						if (this.customSwatches[i] == this.activeCustomSwatch) {
							idx = i;
							break;
						}
					this.activeCustomSwatch.style.border = '1px solid #EEEEEE';
					this.activeCustomSwatch = null;
				} else {
					var lastIndex = this.loadSetting('customColorIndex');
					if (lastIndex) idx = (parseInt(lastIndex) + 1) % 8;
				}
				this.saveSetting('customColorIndex', idx);
				customColors[idx] = this.customSwatches[idx].style.backgroundColor = this.customInput.value;
				this.customSwatches[idx].onclick = this.swatchCustomClickListener(customColors[idx], this.customSwatches[idx]);
				this.customSwatches[idx].onmouseover = this.swatchHoverListener(customColors[idx]);
				this.saveSetting('customColors', customColors.join(','));
			}.bindAsEventListener(this);
		submitCell.appendChild(submit);

		// Create form
		var swatchForm = document.createElement('form');
		Element.setStyle(swatchForm, {'margin': '0', 'padding': '0'});
		swatchForm.onsubmit = function() {
			if (this.activeCustomSwatch) this.activeCustomSwatch.style.border = '1px solid #EEEEEE';
			this.activeCustomSwatch = null;
			this.editor.setDialogColor(this.customInput.value);
			return false;
		}.bindAsEventListener(this);
		swatchForm.appendChild(swatchTable);

		// Add to dialog window
		cont.appendChild(swatchForm);
		return cont;
	},

	swatchClickListener: function(color) {
		return function(e) {
				if (this.activeCustomSwatch) this.activeCustomSwatch.style.border = '1px solid #EEEEEE';
				this.activeCustomSwatch = null;
				this.options.onSelect(color);
			}.bindAsEventListener(this);
	},

	swatchCustomClickListener: function(color, element) {
		return function(e) {
				if (e.ctrlKey) {
					if (this.activeCustomSwatch) this.activeCustomSwatch.style.border = '1px solid #EEEEEE';
					this.activeCustomSwatch = element;
					this.activeCustomSwatch.style.border = '1px solid #FF0000';
				} else {
					this.activeCustomSwatch = null;
					this.options.onSelect(color);
				}
			}.bindAsEventListener(this);
	},

	swatchHoverListener: function(color) {
		return function(e) {
				this.previewSwatch.style.backgroundColor = color;
				this.customInput.value = color;
			}.bindAsEventListener(this);
	},

	loadSetting: function(name) {
		name = 'colorpicker_' + name;
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	},

	saveSetting: function(name, value, days) {
		name = 'colorpicker_' + name;
		if (!days) days = 180;
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
		document.cookie = name+"="+value+expires+"; path=/";
	},

	clearSetting: function(name) {
		this.saveSetting(name,"",-1);
	}

};




Effect.Accordian = function(el){
	typeof el != 'object' ? el = $(el) : 0;
    var cls = 'curOpt';
    var pel = $((el.up('ul')));
    var mel = $((pel.select('.'+cls).pluck('id').first()));
	if(typeof mel != 'object'){
		new Effect.BlindDown(el, {scaleFromCenter:true, duration:0.3});
		el.addClassName(cls)
	}else if (mel != el){
		new Effect.Parallel([
			new Effect.BlindUp(mel, {scaleFromCenter:true}),
			new Effect.BlindDown(el, {scaleFromCenter:true})
		], {
			  duration: 0.3
		});
		mel.removeClassName(cls);
		el.addClassName(cls)
    }else{
        new Effect.BlindUp(el, {scaleFromCenter:true, duration:0.3});
		el.removeClassName(cls);
		pel.select('.curOpen').each(function(oel){
			oel.removeClassName('curOpen')
		})
    }
}

Element.addMethods({

	accordian: function(element){
		new Effect.Accordian(element)
	},

	createColorPicker: function(el){
		if(!el.hasClassName('color-on')){
			new Control.ColorPicker(el);
			el.addClassName('color-on');
			el.observe("change", function(e){
				var val = e.element().getValue();
				e.element().value = val != '' ? !val.startsWith("#") ? "#"+val : val : "#000000";
			})
		}
	},

	createCheckbox: function(el){
		new CheckboxStyle(el)
	},

	createSpinInput: function(el, arg){
		if(!el.hasClassName('spin-on')){
			new SpinInput(el, arg)
			el.addClassName('spin-on');
		}
	},

	checkInputValue: function(el, def, append){
		el.observe("change", function(e){
			var val = e.element().getValue();
			e.element().value = isNaN(parseInt(val)) ? def : val != '' ? !val.endsWith(append) ? parseInt(val)+append : val : def;
			var menu_el = e.element().next('ul.menu');
			if(menu_el.hasClassName('active')){
				menu_el.hide();
				menu_el.removeClassName('active');
			}
		});
		el.observe("spinner:change", function(e){
			var val = e.element().getValue();
			e.element().value = isNaN(parseInt(val)) ? def : val != '' ? !val.endsWith(append) ? parseInt(val)+append : val : def;
			var menu_el = e.element().next('ul.menu');
			if(typeof menu_el == 'object' && menu_el.hasClassName('active')){
				menu_el.hide();
				menu_el.removeClassName('active');
			}
		})
	},

	helpText: function(el){
		new HelpTextPopup(el);
	}
});

var HelpTextPopup = Class.create({

	mouseEvent:false,

	initialize: function(el){
		$(el).observe('click', function(e){
			this.cel = e.element();
			if(this.cel.hasClassName('active')){
				this.hideHelp();
			} else if(this.cel.hasClassName('hover')){
				this.cel.removeClassName('hover');
				this.cel.addClassName('active');
			} else {
				this.hideHelp();
				this.helpDiv = new Element("div").update(this.cel.getAttribute("title")).addClassName("help-text-popup").setStyle('opacity:0');
				this.cel.setAttribute("title", "");
				this.cel.insert({'after':this.helpDiv});
				this.pos = this.cel.cumulativeOffset();
				this.helpDiv.setStyle({"left":(this.pos.left+25)+"px","top":(this.pos.top-9)+"px"});
				this.helpDiv.morph('opacity:0.70', { duration: 0.25 });
				this.cel.addClassName('active');
			}
		}.bind(this));

		$(el).observe('mouseover', function(e){
			this.mouseEvent = true;
			Event.stop(e);
			this.mel = e.element();
			if(!this.mel.hasClassName('active') && !this.mel.hasClassName('hover')){
				this.hideHelp();
				this.helpDiv = new Element("div").update(this.mel.getAttribute("title")).addClassName("help-text-popup").setStyle('opacity:0');
				this.mel.setAttribute("title", "");
				this.mel.insert({'after':this.helpDiv});
				this.pos = this.mel.cumulativeOffset();
				this.helpDiv.setStyle({"left":(this.pos.left+25)+"px","top":(this.pos.top-9)+"px"});
				setTimeout( function(){
					this.helpDiv.morph('opacity:0.70', { duration: 0.25 });
					this.mel.addClassName('hover');
					this.mouseEvent = false
				}.bind(this), 250)
			}
		}.bind(this));

		$(el).observe('mouseout', function(e){
			Event.stop(e);
			if(this.mouseEvent != false && !e.element().hasClassName('active')){
				this.hideHelp();
			}
		}.bind(this))
	},

	hideHelp: function(){
		$('anyfont_page').select("div.help-text-popup").each(function(el){
			el.previous("span.help-txt").setAttribute("title", el.innerHTML);
			el.remove();
		});
		$('anyfont_page').select("span.help-txt").invoke("removeClassName", "hover");
		$('anyfont_page').select("span.help-txt").invoke("removeClassName", "active");
	}
});


Object.extend(Event, {
	wheel:function(e){
		var delta = 0;
		!e ? e = window.event : 0;
		if(e.wheelDelta){
			delta = e.wheelDelta/120;
		} else if (e.detail) {
			delta = -e.detail/3;
		}
		return Math.round(delta); //Safari Round
	}
});

var TabController = Class.create({

    initialize: function(tabs, tab_cont, tab_id_prefix){
        $(tabs).select('li').each(function(el){
            el.observe('click', function(e){
                $(tab_cont).select(".active-tab").each(function(opentab){
                    opentab.removeClassName('active-tab').setStyle({"display":"none"});
                });
                $(tabs).select(".active").each(function(tab){
                    tab.removeClassName('active')
                });
                el.addClassName('active');
                $(tab_id_prefix+el.identify()).addClassName('active-tab').setStyle({"display":"block"});
			})
        })
    }
})

var SpinInput = Class.create({
	initialize: function(el, options){
		this.options = Object.extend({
			min:null,
			max:null,
			step:1,
			page:10,
			spinClass:'shadow-spin',
			upClass:'up',
			downClass:'down',
			reset:0,
			delay:250,
			interval:100,

			_btn_width: 20,
			_btn_height: 10,
			_direction: false,
			_delay: false,
			_repeat: false
		}, options || {});

		this.element = $(el);
		this.element.observe('mousemove',this.onMouseMove.bindAsEventListener(this));
		this.element.observe('mouseover',this.onMouseMove.bindAsEventListener(this));
		this.element.observe('mouseout',this.onMouseLeave.bindAsEventListener(this));
		if(Prototype.Browser.Gecko){
			this.element.observe('DOMMouseScroll',this.mousewheel.bindAsEventListener(this),false);
			this.element.observe('input',this.onPaste.bindAsEventListener(this));//FF_paste
		}else{
			this.element.observe('mousewheel',this.mousewheel.bindAsEventListener(this),false);
		}
		if(Prototype.Browser.IE){
			this.element.observe('dblclick',this.onDblClick.bindAsEventListener(this));
			this.element.onpaste= function(){
				this.adjustValue(this.options._direction * this.options.step);
			}.bind(this);
		}
		this.element.observe('mousedown',this.onMouseDown.bindAsEventListener(this));
		this.element.observe('mouseup',this.onMouseUp.bindAsEventListener(this));
		this.element.observe('keydown',this.onKeyDown.bindAsEventListener(this));
		this.element.observe('change',this.onPaste.bindAsEventListener(this));
		this.options.reset = parseInt(this.element.value);
	},

	onDblClick:function(ev){
		this.adjustValue(this.options._direction * this.options.step);
	},

    onMouseUp:function(ev){
			// Cancel repeating adjustment
			window.clearInterval(this.options._repeat);
			window.clearTimeout(this.options._delay);
    },

	onMouseDown:function(ev){
		if (this.options._direction == 0)
			return;
		this._val = this.options._direction * this.options.step;
		this.adjustValue();

      // Initial delay before repeating adjustment
		this.options._delay = window.setTimeout(function() {
			this._val = this.options._direction * this.options.step;
			this.adjustValue();
			// Repeat adjust at regular intervals
			this.options._repeat = window.setInterval(function() {
				this._val = this.options._direction * this.options.step;
				this.adjustValue();
			}.bind(this), this.options.interval);
		}.bind(this), this.options.delay);
    },

	onKeyDown:function(ev){
		switch(ev.keyCode){
			case Event.KEY_UP:
				this._val = this.options.step;
				this.adjustValue();
				ev.stop();
				break;
			case Event.KEY_DOWN:
				this._val = -this.options.step;
				this.adjustValue();
				ev.stop();
				break;
			case Event.KEY_PAGEUP:
				this._val = this.options.page;
				this.adjustValue();
				ev.stop();
				break;
			case Event.KEY_PAGEDOWN:
				this._val = -this.options.page;
				this.adjustValue();
				ev.stop();
				break;
		}
    },

	onPaste:function(ev){
		this._val = 0;
		this.adjustValue();
	},

	adjustValue: function(){
		this._val = (isNaN(parseInt(this.element.value)) ? this.options.reset : parseInt(this.element.value)) + parseInt(this._val);
		this._val = (this.options.min !== null) ? Math.max(this._val, this.options.min) : 0;
		this._val = (this.options.max !== null) ? Math.min(this._val, this.options.max): 0;
		this.element.value = this._val;
		this.element.fire("spinner:change");
	},

    onMouseMove:function(ev){
      var of = this.element.cumulativeOffset();// [left, top]
      var direction = (Event.pointerX(ev) > of[0] + this.element.getWidth() - this.options._btn_width)
        ? ((Event.pointerY(ev) < of[1] + this.options._btn_height) ? 1 : -1) : 0;

        if (direction !== this.options._direction) {
        // Style up/down buttons:
        switch(direction){
          case 1: // Up arrow:
            this.element.removeClassName(this.options.downClass).addClassName(this.options.upClass);
            break;
          case -1: // Down arrow:
            this.element.removeClassName(this.options.upClass).addClassName(this.options.downClass);
            break;
          default: // Mouse is elsewhere in the textbox
            this.element.removeClassName(this.options.upClass).removeClassName(this.options.downClass);
			this.onMouseUp();
        }
        this.options._direction = direction;
        }
    },

	onMouseLeave: function(ev){
		this.element.removeClassName(this.options.upClass).removeClassName(this.options.downClass);
	},

    mousewheel:function(e){
		Event.stop(e);
		if(Event.wheel(e) >= 1){
			this._val = this.options.step;
			this.element.addClassName(this.options.upClass);
			this.adjustValue();
			setTimeout(function(){
				this.element.removeClassName(this.options.upClass);
			}.bind(this), 250);
		}
		else if(Event.wheel(e) <= -1){
			this._val = -this.options.step;
			this.element.addClassName(this.options.downClass);
			this.adjustValue();
			setTimeout(function(){
				this.element.removeClassName(this.options.downClass);
			}.bind(this), 250);
		}
	}
});


var AnyFont = {

	ajaxUrl: false,
	otn: false,
	charMaps: [],

	showOptions: function(el){
		$(el).style.display = $(el).style.display == 'none' ? '' : 'none';
	},

	toggleNew: function(elID){
		$(elID).getStyle('display') == 'none' ? new Effect.BlindDown(elID, {scaleFromCenter:true, duration:0.5}) : new Effect.BlindUp(elID, {scaleFromCenter:true, duration:0.5});
	},

	selectAll: function(el, val){
		this.val = val
		$(el).select(".clist").each(function(el){
			el.checked = !this.val.checked ? false : true;
		}.bind(this));
	},

	showCharacterMap: function(fontname, fontid){
            this.elCont = $(fontid+'_character_map_cont');
            this.elCont.up('ul.font-list').select('.curOpen').invoke("removeClassName", "curOpen");
            this.elCont.up('li.anyfont-font-block').addClassName('curOpen');
            this.elCont.accordian();
            this.el = $(fontid+'_character_map');
            this.map = false;
            this.charMaps.each(function(map){
                if(map == fontname)
                    this.map = true;
            }.bind(this))
            if(!this.map){
                this.el.insert(new Element("span", {"className":"loading_msg"}).update("Character Map Loading... "));
                new AnyFont.CharacterMap(fontname, fontid)
            }
    },

    CharacterMap: Class.create({

        initialize: function(fontname, fontid){
            this.charmap = new Image();
            this.charmap.src = af_set.url+"images/admin/"+fontname+"/charactermap.png";
            AnyFont.charMaps.push(fontname);
            this.charmap.onload = function(){
                $(fontid+'_character_map').update(this.charmap);
            }.bind(this)
        }
	}),

	updateStyle: function(fel){
		AnyFont.showMessage(af_i18n.msg_saving_style, false);
		new Ajax.Request(AnyFont.ajaxUrl, {
			parameters: Form.serialize(fel)+'&action=anyfont_edit_styles',
			onSuccess: function(transport){
				this.resp = transport.responseJSON;
				if(this.resp.savestatus == "saved"){
					AnyFont.showMessage(af_i18n.msg_saved_style, 5);
					this.img = new Image();
					this.img.src = 'data:image/png;base64,'+this.resp.img;
					this.imgStyleID = this.resp.stylename.gsub(" ", "_")
					this.imgID = 'preview_image_'+this.imgStyleID;
					$(this.imgID).replace(this.img);
					this.img.id = this.imgID;
					this.img.addClassName('anyfont-style-preview');
					try{
						$('new_'+this.imgID).remove()
					}catch(e){}
				} else if(this.resp.savestatus == "savedNew"){
					AnyFont.showMessage(this.resp.msg, 5);
					this.upel = $('anyfont-list').down('ul.style-list');
					AnyFont.toggleNew('anyfont-style-new');
					this.upel.insert(this.resp.styleblock);
					this.newstylename = this.resp.stylename.gsub(" ", "-");
					$(this.newstylename).select("input.colorinput").invoke('createColorPicker');
					$(this.newstylename).select("input.font-size").invoke('checkInputValue', "18pt", "pt");
					$(this.newstylename).select("input.shadow-spread").invoke('createSpinInput', {min:1, max:10});
					$(this.newstylename).select("input.shadow-distance").invoke('createSpinInput', {min:0, max:20});
                    $(this.newstylename).select("input.shadow-distance").invoke('checkInputValue', "1px", "px");
                    $(this.newstylename).select("input.padding").invoke('createSpinInput', {min:0, max:100})
					$(this.newstylename).select("input.padding").invoke('checkInputValue', "0px", "px");
					$(this.newstylename).select("input.max-width").invoke('createSpinInput', {min:0, max:1000});
					$(this.newstylename).select("input.max-width").invoke('checkInputValue', "0characters", "characters");
					AnyFont.styleOptionsHide();
					AnyFont.stylesAccordian();
					new CheckboxStyle($('anyfont-options-'+this.newstylename));
				} else {
					AnyFont.showMessage(this.resp.error, 10);
				}
			}.bind(this)
		});
	},

	clearCache: function(){
		var response = confirm(af_i18n.chk_clear_cache);
		if(response){
			AnyFont.showMessage(af_i18n.msg_clear_cache, false);
			new Ajax.Request(AnyFont.ajaxUrl, {
				parameters: 'action=anyfont_clear_cache',
				onSuccess: function(transport){
					resp = transport.responseJSON;
					$(resp.block).replace(resp.content);
					AnyFont.showMessage(resp.message, 5);
				}
			});
		}
	},

	fontUploaded: function(){
		var resp = (frames['upload_target'].document.getElementsByTagName("body")[0].innerHTML).evalJSON();
		if(resp.success){
			AnyFont.showMessage(resp.file_name+" "+af_i18n.msg_upload_success, 5);
			if(!$(resp.font_id+"_item")){
				var font_checkbox = new Element("li").addClassName("checkbox").insert(new Element("input", {'type':'checkbox', 'name':resp.file_name+"_checkbox"}).addClassName('clist'));
				var font_details = new Element("li").addClassName("font-details")
					.insert(new Element("h3").update(resp.font_name))
					.insert(new Element("span").update(resp.styletype))
					.insert(new Element("div", {"className":'copyright'}).update(resp.copyright));
				var font_image = new Element("li").addClassName("font-preview").insert(new Element("img", {'src':resp.img_url, 'alt':resp.file_name}));
				var font_del = new Element("li").addClassName("actions")
				.insert(new Element("img", {'src':resp.img_char, 'alt':'character map', 'onclick':"AnyFont.showCharacterMap('"+resp.file_name+"', '"+resp.font_id+"');"}))
				.insert(new Element("img", {'src':resp.img_del, 'alt':'delete', 'onclick':"AnyFont.deleteFont('"+resp.file_name+"', '"+resp.font_id+"');"}));
				var font =  new Element("li").addClassName("anyfont-font-block")
				.insert(new Element("ul", {'id':resp.font_id+"_item", 'class':"style-list-item"}).insert(font_checkbox).insert(font_details).insert(font_image).insert(font_del))
				.insert(new Element("div", {"id":resp.font_id+"_character_map_cont", "className":"charmap"})
                        .insert(new Element("fieldset")
                                .insert(new Element("legend")
                                        .update("Character Map")
                                ).insert(new Element("div", {"id":resp.font_id+"_character_map"}))
                        ).hide()
                )
				$('anyfont-fontlist').insert({top:font});
				$('font').setValue('');
			} else {
				var orig_styles = $(resp.font_id+"_item").down('li.font-details').down('span').innerHTML;
				$(resp.font_id+"_item").down('li.font-details').down('span').update(orig_styles+', '+resp.styletype);
				$(resp.font_id+"_item").down('li.font-preview').down('img').src = resp.img_url;
			}
		} else if(resp.failure) {
			AnyFont.showMessage(af_i18n.err_upload_failed+" "+resp.failure, 5);
		}
	},

	deleteFont: function(font, fontid){
        this.confirmed = confirm(af_i18n.chk_del_fonts+"\n\n"+af_i18n.del_font_note);
        if(this.confirmed){
            if(!font){
                this.fontlist = [];
                this.fontidlist = [];
                $('anyfont-fontlist').select('.clist').each(function(el){
                    this.na = el.name.split("_checkbox_");
                    if(el.getValue() == "on"){
                        this.fontlist.push(this.na[0]);
                        this.fontidlist.push(this.na[1]);
                    }
                }.bind(this));
                if(this.fontlist.length > 0){
                    this.param = 'action=anyfont_delete_font&fonts='+this.fontlist;
                    this.fontlist.each(function(font, i){
                        $(this.fontidlist[i]+'_item').up("li.anyfont-font-block").remove();
                    }.bind(this));
                    AnyFont.showMessage(af_i18n.msg_del_fonts, 5);
                } else {
                    AnyFont.showMessage(af_i18n.err_select_font, 5);
                    return false;
                }
            }else{
                this.param = 'action=anyfont_delete_font&font-name='+font;
                AnyFont.showMessage(af_i18n.msg_del+" "+font+"...", 5);
                $(fontid+'_item').up("li.anyfont-font-block").remove();
            }
            new Ajax.Request(AnyFont.ajaxUrl, {
                parameters: this.param,
                onSuccess: function(transport){
                    AnyFont.showMessage(transport.responseText, 5);
                }
            });
        }
	},

	deleteStyle: function(style){
		if(!style){
			this.stylelist = [];
			$('anyfont-list').select('.clist').each(function(el){
				this.na = el.name.split("_checkbox");
				el.getValue() == "on" ? this.stylelist.push(this.na[0]):0;
			}.bind(this));
			if(this.stylelist.length > 0){
				this.confirmed = confirm(af_i18n.chk_del_styles+"\n\n"+af_i18n.del_style_note);
				if(this.confirmed){
					this.param = 'action=anyfont_delete_style&styles='+this.stylelist;
					this.stylelist.each(function(style){
						$(style.gsub(" ", "-")+'_item').up("li.anyfont-style-block").remove();
					});
					AnyFont.showMessage(af_i18n.msg_del_styles, 5);
				}else{
					return false;
				}
			} else {
				AnyFont.showMessage(af_i18n.err_select_style, 5);
				return false;
			}
		}else{
			this.confirmed = confirm(af_i18n.chk_del_style+"\n\n"+af_i18n.del_style_note);
			if(this.confirmed){
				this.param = 'action=anyfont_delete_style&style-name='+style;
				AnyFont.showMessage(af_i18n.msg_del+" "+style+"...", 5);
				$(style.gsub(" ", "-")+'_item').up("li.anyfont-style-block").remove();
			}else{
				return false;
			}
		}
		new Ajax.Request(AnyFont.ajaxUrl, {
			parameters: this.param,
			onSuccess: function(transport){
				AnyFont.showMessage(transport.responseText, 5);
			}
		});
	},

	startUpload: function(){
		AnyFont.showMessage(af_i18n.msg_upload_start, false);
	},

	showMessage: function(msg, timeout){
		this.offset = document.viewport.getScrollOffsets();
		this.msgbox = $("anyfont-upload-messages");
		if(this.offset[1] > 0){
			this.msgbox.style.position = "absolute";
			this.msgbox.style.top = (this.offset[1] + 50)+"px";
			this.msgbox.style.left = "250px";
			this.msgbox.style.padding = "15px 50px"
			this.msgbox.style.background = "rgb(255, 251, 204) url("+af_set.url+"wp-content/plugins/anyfont/img/info.png) no-repeat 0 0";
		} else {
			this.msgbox.style.position = "relative";
			this.msgbox.style.top = "";
			this.msgbox.style.left = "";
			this.msgbox.style.padding = "5px";
			this.msgbox.style.background = this.msgbox.style.backgroundColor
		}
		this.msgbox.update(msg);
		this.msgbox.getStyle('display') == 'none' ? new Effect.Appear("anyfont-upload-messages") : 0;
		if(timeout != false){
			setTimeout("AnyFont.hideMessage()", (timeout*1000));
		}
	},

	hideMessage:  function(){
		$("anyfont-upload-messages").getStyle('display') != 'none' ? new Effect.Fade("anyfont-upload-messages") : 0;
	},

	stylesAccordian: function(){
		if( (typeof $('anyfont-list') ) === "object" ){
			$('anyfont-list').select('.anyfont-style-edit').each(function(action_el){
				if(!action_el.hasClassName('accord')){
					action_el.observe('click', function(e){
						this.el = e.element();
						this.el.up('ul.style-list').select('.curOpen').each(function(oel){
							oel.removeClassName('curOpen');
						});
						this.el = this.el.up('li.anyfont-style-block').addClassName('curOpen').down('div');
						this.el.accordian();
						try{$('preview_image_container').hide()}catch(e){}
					});
					action_el.addClassName('accord');
				}
			});
		}
	},

	styleOptionsHide: function(){
		if( typeof( $('anyfont-list') ) === 'object' ){
			$('anyfont-list').select('.anyfont-options-block').invoke('hide');
			$('anyfont_page').select('.hidden_option').each(function(el){
				!el.previous("div.anyfont_checkbox").hasClassName('anyfont_checkbox_on') ? el.hide() :0;
			});
		}
		$('anyfont-style-new').hide();
	},

	toggleDisabled: function(el){
		dropdown = $(el).up('div').next('select');
		el.getValue() == 'on' ? dropdown.enable() : dropdown.disable();
	},

	toggleHidden: function(el){
		hidden_el = $(el).up('div').next('div.hidden_option');
		$(el).getValue() == 'on' ? new Effect.BlindUp(hidden_el, {scaleFromCenter:true, duration:0.3}) : new Effect.BlindDown(hidden_el, {scaleFromCenter:true, duration:0.3});
	},

	toggleDropMenu: function(el){
		var menu_el = $(el).next('ul.menu');
		var menu_pos = $(el).cumulativeOffset();
		menu_el.setStyle({"left":menu_pos.left+"px","top":(menu_pos.top+$(el).getHeight())+"px"});
		if(menu_el.hasClassName('active')){
			menu_el.hide();
			menu_el.removeClassName('active');
		} else {
			$('anyfont_page').select("ul.active").each(function(el){
				el.hide();
				el.removeClassName('active');
			})
			var menu_height = menu_el.select('li').size()*30;
			menu_height > 265 ? menu_height = 265 : 0;
			menu_el.setStyle({"height":menu_height+"px"})
			menu_el.show();
			menu_el.addClassName('active');
		}
	},

	selectOption: function(el, val, fontfile){
		if(!fontfile){
			$(el).value = val;
		} else{
			$(el).value = fontfile;
			$("_"+el).value = val;
		}
		AnyFont.toggleDropMenu(el);
	},

	updateOptions: function(frm){
		AnyFont.showMessage(af_i18n.msg_saving_settings, 5);
		this.params = $(frm).serialize();
		new Ajax.Request(AnyFont.ajaxUrl, {
			parameters: 'action=anyfont_update_option&'+this.params,
			onSuccess: function(transport){
				resp = transport.responseJSON;
				switch(resp.type){

					case 'message':
						AnyFont.showMessage(resp.message, 5);
						break;

					case 'replace':
						$(resp.block).replace(resp.content);
						AnyFont.showMessage(resp.message, 5);
						break;
				}

			}
		});
	},

	previewStyle: function(fel){
		AnyFont.showMessage(af_i18n.msg_preview_style, false);
		if(typeof this.previewEl === 'object'){
			this.previewEl.remove();
			delete this.previewEl;
			delete this.previewImg;
		}
		new Ajax.Request(AnyFont.ajaxUrl, {
			parameters: Form.serialize(fel)+'&action=anyfont_preview_style',
			onSuccess: function(transport){
				this.resp = transport.responseJSON;
				if(this.resp.savestatus == "saved"){
					this.previewEl = new Element("div", {"id":"preview_image_container"}).observe('click', function(e){
						this.previewEl.remove();
						delete this.previewEl;
						delete this.previewImg;
					}.bind(this));
					this.previewEl.insert(new Element("div").update("click to remove"));
					this.previewImg = new Image();
					this.previewImg.src = 'data:image/png;base64,'+this.resp.img;
					this.parentEl = $('anyfont-options-'+this.resp.stylename);
					this.previewEl.setStyle({"left":((this.parentEl.getDimensions().width/2) + this.parentEl.cumulativeOffset()[0])+"px",
											 "top":((this.parentEl.getDimensions().height/4) + this.parentEl.cumulativeOffset()[1])+"px"
											});
					this.previewEl.insert({"top":this.previewImg});
					document.body.insert(this.previewEl);
					AnyFont.hideMessage()
				} else {
					AnyFont.showMessage(this.resp.error, 10);
				}
			}.bind(this)
		})
	},

	copyStyle: function(fel){
		this.styleObj = Form.serialize(fel, true);
		this.styleKeys = Object.keys(this.styleObj);
		$(fel).up('div.anyfont-options-block').removeClassName("curOpen").accordian();
		$('anyfont-style-new').getStyle('display') == 'none' ? AnyFont.toggleNew('anyfont-style-new') : 0;
		this.styleKeys.each(function(key){
			if(key == 'image-padding' || key == 'limit-width' || key == 'shadow'){
				if($(key).getValue() != 'on'){
					try{AnyFont.toggleHidden(key)}catch(e){};
					$(key).checked = true;
					this.chkel = $(key).up("div.anyfont_checkbox");
					this.chkel.addClassName("anyfont_checkbox_on");
					this.chkel.style.backgroundPosition = "200px -48px";
				}
			}else if(key != 'update_style'){
				try{$(key).setValue(this.styleObj[key])}catch(e){}
			}
			if(key == 'background-color' || key == 'shadow-color' || key == 'color'){
				try{$(key).next('div').setStyle({'backgroundColor':this.styleObj[key]})}catch(e){}
			}
		}.bind(this));
		$('anyfont_page').scrollTo();
		Form.focusFirstElement('anyfont-style-new-form')
	}
}

var CheckboxStyle = Class.create({

	initialize: function(parentEl){
		this.parentEl = parentEl;
		this.parentEl.select("div.anyfont_checkbox").each(function(e){
			e.style.background = "transparent url("+af_set.url+"wp-content/plugins/anyfont/img/checkbox.gif) no-repeat scroll 200px 2px";
			if(e.hasClassName('anyfont_checkbox_on')){
				e.style.backgroundPosition = "200px -48px";
			} else {
				e.style.backgroundPosition = "200px 2px";
			}
			e.down('input').hide();
			e.observe("mousedown", function(event){
				this.del = event.element();
				!this.del.hasClassName('anyfont_checkbox') ? this.del = this.del.up("div.anyfont_checkbox") : 0;
				if(this.del.className == "anyfont_checkbox"){
					this.del.style.backgroundPosition = "200px -23px";
				} else {
					this.del.style.backgroundPosition = "200px -75px";
				}
			}.bind(this));
			e.observe("mouseup", function(event){
				this.uel = event.element();
				!this.uel.hasClassName('anyfont_checkbox') ? this.uel = this.uel.up("div.anyfont_checkbox") : 0;
				this.selector = this.uel.down('input');
				if(!this.uel.hasClassName("anyfont_checkbox_on")) {
					this.selector.checked = true;
					this.uel.addClassName("anyfont_checkbox_on");
					this.uel.style.backgroundPosition = "200px -48px";
				} else  if(this.uel.hasClassName("anyfont_checkbox_on")){
					this.selector.checked = false;
					this.uel.removeClassName("anyfont_checkbox_on");
					this.uel.style.backgroundPosition = "200px 2px";
				}
				if(!this.selector.hasClassName('anyfont_chk_only')){
					if(!this.selector.hasClassName("settings")){
						this.hidden_el = this.uel.next('div.hidden_option');
						!this.selector.checked ? new Effect.BlindUp(this.hidden_el, {scaleFromCenter:true, duration:0.3}) : new Effect.BlindDown(this.hidden_el, {scaleFromCenter:true, duration:0.3});
					} else {
						this.dropdown = this.uel.next('select');
						if(this.dropdown.hasClassName('link-next')){
							while(this.dropdown !== false && this.dropdown.hasClassName('link-next')){
								!this.selector.checked ? this.dropdown.disable() : this.dropdown.enable();
								this.dropdown = this.dropdown.next('select') || false;
							}
						} else {
							!this.selector.checked ? this.dropdown.disable() : this.dropdown.enable();
						}
					}
				}
			}.bind(this));
		}.bind(this));
		document.observe("mouseup", function(){
			this.parentEl.select("div.anyfont_checkbox").each(function(e){
				if(e.down('input').getValue() == 'on'){
					e.style.backgroundPosition = "200px -48px";
				} else {
					e.style.backgroundPosition = "200px 2px";
				}
			})
		}.bind(this))
	}
});



document.observe("dom:loaded", function() {
	try{AnyFont.ajaxUrl = af_set.url+'wp-admin/admin-ajax.php'}catch(e){}
	var loc = document.location.toString();
	var page = loc.split("=");
	if(page[1] == "anyfont-styles"){
		$('anyfont_page').select("input.colorinput").invoke('createColorPicker');
		$('anyfont_page').select(".anyfont_style_settings").invoke('createCheckbox');
		$('anyfont_page').select("input.shadow-distance").invoke('createSpinInput', {min:-50, max:50});
		$('anyfont_page').select("input.shadow-spread").invoke('createSpinInput', {min:0, max:10})
		$('anyfont_page').select("input.font-size").invoke('checkInputValue', "18pt", "pt");
		$('anyfont_page').select("input.shadow-distance").invoke('checkInputValue', "1px", "px");
		$('anyfont_page').select("input.padding").invoke('createSpinInput', {min:0, max:100})
		$('anyfont_page').select("input.padding").invoke('checkInputValue', "0px", "px");
		$('anyfont_page').select("input.max-width").invoke('createSpinInput', {min:0, max:1000});
		$('anyfont_page').select("input.max-width").invoke('checkInputValue', "0characters", "characters");
		AnyFont.stylesAccordian();
		AnyFont.styleOptionsHide();
		document.observe("click", function(e){
			if(!e.element().hasClassName('custom_select')){
				$('anyfont_page').select("ul.active").each(function(el){
					el.hide();
					el.removeClassName('active')
				})
			}
		});
	} else if(page[1] == 'anyfont-fonts'){
        $("anyfont-fontlist").select('div.charmap').invoke("hide");
		$('file_upload_form').observe("submit", function() {
			$('file_upload_form').target = 'upload_target';
			$("upload_target").observe("load", AnyFont.fontUploaded)
		})
	} else if(page[1] == 'anyfont-settings'){
		new CheckboxStyle($('anyfont-settings'));
		$('anyfont-settings').select("input.cache-max-size").invoke('createSpinInput', {min:1, max:1000});
		$('anyfont-settings').select("input.cache-max-size").invoke('checkInputValue', "10MB", "MB");
//         new CheckboxStyle($('autoreplace_form'));
		new TabController('anyfont-tabs', 'anyfont-tab-container', 'anyfont-tab-');
		$('anyfont-tab-cache').select('.hidden_option').each(function(el){
			!el.previous("div").hasClassName('anyfont_checkbox_on') ? el.hide() :0;
		});
		$('advanced_form').select('.hidden_option').each(function(el){
			!el.previous("div").hasClassName('anyfont_checkbox_on') ? el.hide() :0;
		});
	}
	$('anyfont_page').select("div.help-txt").invoke('helpText');
	$('anyfont_page').select("span.help-txt").invoke('helpText');
	$("anyfont_page").observe("click", function(ev){
		try{
			if(!ev.element().hasClassName('help-txt')){
				$('anyfont_page').select("div.help-text-popup").each(function(el){
					el.previous("span.help-txt").setAttribute("title", el.innerHTML);
					el.previous("span.help-txt").removeClassName('active');
					el.previous("span.help-txt").hasClassName('hover')  ? el.removeClassName('hover') : 0;
					el.remove();
				});
			}
		}catch(e){}
	})
});