/*
/**
* CHRONOFORMS version 3.0 
* Copyright (c) 2008 Chrono_Man, ChronoEngine.com. All rights reserved.
* Author: Chrono_Man (ChronoEngine.com)
You are not allowed to copy or use or rebrand or sell any code at this page under your own name or any other identity!
Unlike the Chronoforms extension license, This file is NOT released under the GNU/GPL license and it can be distributed with the Chronoforms package distributed by ChronoEngine.com ONLY according to a written permission from "this" file's owner, if you want to include this file in any packages then you MUST get a written permission from the owner, contact webmaster@chronoengine.com for more details!
* See readme.html.
* Visit http://www.ChronoEngine.com for regular update and information.
**/
var ChronoTips = new Class({
	options: {
		onShow: function(tip){
			tip.setStyle('visibility', 'visible');
		},
		onHide: function(tip){
			tip.setStyle('visibility', 'hidden');
		},
		maxTitleChars: 30,
		showDelay: 100,
		hideDelay: 100,
		className: 'tool',
		offsets: {'x': 16, 'y': 16},
		fixed: false
	},
	initialize: function(elements, lasthope,options){
		this.setOptions(options);
		this.lasthope = lasthope;
		this.toolTip = new Element('div', {
			'class': 'cf_'+this.options.className + '-tip',
			'id': this.options.className + '-tip-' + this.options.elementid,
			'styles': {
				'position': 'absolute',
				'top': '0',
				'left': '0',
				'visibility': 'hidden'
			}
		}).inject(document.body);
		this.wrapper = new Element('div').inject(this.toolTip);
		$$(elements).each(this.build, this);
		if (this.options.initialize) this.options.initialize.call(this);
	},

	build: function(el){
		el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false);
		if (el.title){
			var dual = el.title.split('::');
			if (dual.length > 1){
				el.$tmp.myTitle = dual[0].trim();
				el.$tmp.myText = dual[1].trim();
			} else {
				el.$tmp.myText = el.title;
			}
			el.removeAttribute('title');
		} else {
			var dual = this.lasthope.split('::');
			if (dual.length > 1){
				el.$tmp.myTitle = dual[0].trim();
				el.$tmp.myText = dual[1].trim();
			} else {
				el.$tmp.myText = el.title;
			}
		}
		if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…";
		el.addEvent('mouseenter', function(event){
			this.start(el);
			if (!this.options.fixed) this.locate(event);
			else this.position(el);
		}.bind(this));
		if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this));
		var end = this.end.bind(this);
		el.addEvent('mouseleave', end);
		el.addEvent('trash', end);
	},
	start: function(el){
		this.wrapper.empty();
		if (el.$tmp.myTitle){
			this.title = new Element('span').inject(new Element('div', {'class': 'cf_'+this.options.className + '-title'}).inject(this.wrapper)).setHTML(el.$tmp.myTitle);
		}
		if (el.$tmp.myText){
			this.text = new Element('span').inject(new Element('div', {'class': 'cf_'+this.options.className + '-text'}).inject(this.wrapper)).setHTML(el.$tmp.myText);
		}
		$clear(this.timer);
		this.timer = this.show.delay(this.options.showDelay, this);
	},
	end: function(event){
		$clear(this.timer);
		this.timer = this.hide.delay(this.options.hideDelay, this);
	},

	position: function(element){
		var pos = element.getPosition();
		this.toolTip.setStyles({
			'left': pos.x + this.options.offsets.x,
			'top': pos.y + this.options.offsets.y
		});
	},

	locate: function(event){
		var win = {'x': window.getWidth(), 'y': window.getHeight()};
		var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()};
		var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight};
		var prop = {'x': 'left', 'y': 'top'};
		for (var z in prop){
			var pos = event.page[z] + this.options.offsets[z];
			if ((pos + tip[z] - scroll[z]) > win[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];
			this.toolTip.setStyle(prop[z], pos);
		};
	},

	show: function(){
		if (this.options.timeout) this.timer = this.hide.delay(this.options.timeout, this);
		this.fireEvent('onShow', [this.toolTip]);
	},

	hide: function(){
		this.fireEvent('onHide', [this.toolTip]);
	}
});
ChronoTips.implement(new Options);
ChronoTips.implement(new Events);
Element.extend({
	showProperties: function(ParentTag){
		var Prop = new ELEMPROP(ParentTag, this);
		return Prop;
	}
});
/////////////////////////////////////////////// LABEL
var CFLABEL = new Class({
    initialize: function(style, text, forx){
        this.style = (style) ? style : 'cf_label';
		this.text = (text) ? text : 'Label';
		this.forx = (forx) ? forx : '';
    },
	createElement: function(){
		this.thelabel = new Element('label').setProperty("class", this.style);
		this.thelabel.setText(this.text);
		return this.thelabel;
	}
});

/////////////////////////////////////////////// SPAN
var CFSPAN = new Class({
    initialize: function(style, text, forx){
        this.style = (style) ? style : 'cf_text';
		this.text = (text) ? text : 'Label';
    },
	createElement: function(){
		this.thespan = new Element('span').setProperty("class", this.style);
		//this.thespan.setProperty('id', this.forx);
		this.thespan.setText(this.text);
		return this.thespan;
	}
});

/////////////////////////////////////////////// BUTTON
var CFBUTTON = new Class({
    initialize: function(style, text, name){
        this.style = (style) ? style : 'cf_button';
		this.text = (text) ? text : 'Submit';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thebutton = new Element('input', {'name':this.name, 'value':this.text, "type":'button'});
		//this.thebutton.setProperty('name', this.forx);
		//this.thebutton.setProperty('value', this.text);
		return this.thebutton;
	}
});

/////////////////////////////////////////////// HEADING
var CFHEADING = new Class({
    initialize: function(style, text, forx){
        this.style = (style) ? style : 'cf_text';
		this.text = (text) ? text : 'Label';
		//this.id = (forx) ? forx : '';
    },
	createElement: function(){
		this.thehead = new Element('H1').setProperty("class", this.style);
		//this.thehead.setProperty('id', this.forx);
		this.thehead.setText(this.text);
		return this.thehead;
	}
});

/////////////////////////////////////////////// TEXT BOX
var CFTEXTBOX = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '50';
		this.maxlength = '150';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thetextbox = new Element('input', {'name':this.name, 'type':'text', 'id':this.name, 'title':'', 'size':this.size, 'maxlength':this.maxlength}).setProperty("class", this.style);
		
		return this.thetextbox;
	}
});

/////////////////////////////////////////////// PASSWORD
var CFPASSWORD = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '50';
		this.maxlength = '150';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thepassword = new Element('input', {'name':this.name, 'type':'password', 'id':this.name, 'title':'', 'size':this.size, 'maxlength':this.maxlength}).setProperty("class", this.style);
		
		return this.thepassword;
	}
});

/////////////////////////////////////////////// HIDDEN
var CFHIDDEN = new Class({
    initialize: function(value, name){
		this.value = (value) ? value : '';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thehidden = new Element('input', {'name':this.name, 'type':'hidden', 'id':this.name, 'value':this.value});
		return this.thehidden;
	}
});
/////////////////////////////////////////////// DATE PICKER
var CFDATEPICKER = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '50';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thedatepicker = new Element('input', {'name':this.name, 'type':'text', 'id':this.name, 'title':'', 'size':this.size}).setProperty("class", this.style);
		
		this.thedatepicker.addEvent('click', function(e) {
			new Calendar(this);
		});
		return this.thedatepicker;
	}
});

/////////////////////////////////////////////// FILE
var CFFILE = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '20';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thefile = new Element('input', {'name':this.name, 'type':'file', 'id':this.name, 'title':'', 'size':this.size}).setProperty("class", this.style);
		
		return this.thefile;
	}
});

/////////////////////////////////////////////// CAPTCHA
var CFCAPTCHA = new Class({
    initialize: function(style, size, name){
        this.text = '{imageverification}';
    },
	createElement: function(){
		this.thecaptcha = new Element('span');
		this.thecaptcha.setText(this.text);
		return this.thecaptcha;
	}
});

/////////////////////////////////////////////// MULTIHOLDER
var CFMULTIHOLDER = new Class({
    initialize: function(style, size, name){
        this.text = '{hold}';
    },
	createElement: function(){
		this.themultiholdertable = new Element('table', {'title':'', 'width' : '65%', 'cellpadding' :'3px', 'cellspacing':'3px'}).setProperty("class", 'multi_container');
		this.themultiholdertbody = new Element('tbody', {'width' : '100%'});
		this.themultiholdertr = new Element('tr', {'width' : '100%'});
		this.themultiholdertd = new Element('td').setStyles({'width': '100%', 'vertical-align':'middle', 'text-align': 'center'});
		this.themultiholdertd.injectInside(this.themultiholdertr);
		this.themultiholdertr.injectInside(this.themultiholdertbody);
		this.themultiholdertbody.injectInside(this.themultiholdertable);
		//this.themultiholder.setText(this.text);
		return this.themultiholdertable;
	}
});

/////////////////////////////////////////////// PLACEHOLDER
var CFPLACEHOLDER = new Class({
    initialize: function(style, params, text){
        this.text = (text) ? text : '{code}';
		this.params = (params) ? params : '';
    },
	createElement: function(){
		this.theplaceholder = new Element('span').setProperty('params', this.params);
		var elementparams = this.params.split('*,*');
		for (var i = 0; i < elementparams.length; i++) {
			var eparamdetails = elementparams[i].split('=');
			this.theplaceholder.setProperty(eparamdetails[0], eparamdetails[1]);
		}
		this.theplaceholder.setText(this.text);
		return this.theplaceholder;
	}
});

/////////////////////////////////////////////// TEXT AREA
var CFTEXTAREA = new Class({
    initialize: function(style, cols, rows, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.cols = (cols) ? cols : '30';
		this.rows = (rows) ? rows : '3';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thetextarea = new Element('textarea', {'name':this.name, 'cols':this.cols, 'id':this.name, 'title':'', 'rows':this.rows}).setProperty("class", this.style);
		
		return this.thetextarea;
	}
});

/////////////////////////////////////////////// DROPDOWN
var CFSELECT = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '1';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.theselect = new Element('select', {'name':this.name, 'title':'', 'size':this.size, 'id':this.name, 'firstoption':'1', 'firstoptiontext':'Choose Option'}).setProperty("class", this.style);
		
		this.newoption = new Element('option');
		this.newoption.setText('option 1');
		this.newoption.setProperty('value', 'option 1');
		this.newoption.injectInside(this.theselect);
		this.newoption2 = new Element('option');
		this.newoption2.setText('option 2');
		this.newoption2.setProperty('value', 'option 2');
		this.newoption2.injectInside(this.theselect);
		this.newoption3 = new Element('option');
		this.newoption3.setText('option 3');
		this.newoption3.setProperty('value', 'option 3');
		this.newoption3.injectInside(this.theselect);
		return this.theselect;
	}
});

/////////////////////////////////////////////// CHECKBOX
var CFCHECKBOX = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '1';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		this.thegroup = new Element('div', {'title':''}).setProperty("class", 'float_left');
		var count = $('left_column').getElements('div[class=float_left]').length;
		for (var i = 1; i < 4; i++) {
			this.newcheck = new Element('input', {'name':this.name+count+'[]', 'value':'check '+i, 'id':this.name+'_'+count+i, 'class':'radio', "type":'checkbox'});
			
			this.newcheck.injectInside(this.thegroup);
			this.thelabel = new Element('label').setProperty("class", 'check_label');
			this.thelabel.setProperty('for', this.name+'_'+count+i);
			this.thelabel.setText('Check '+i);
			this.thelabel.injectInside(this.thegroup);
			linebreak = new Element('br');
			linebreak.injectInside(this.thegroup);
		}
		
		return this.thegroup;
	}
});

/////////////////////////////////////////////// RADIO
var CFRADIO = new Class({
    initialize: function(style, size, name){
        this.style = (style) ? style : 'cf_inputbox';
		this.size = (size) ? size : '1';
		this.name = (name) ? name : '';
    },
	createElement: function(){
		//alert($('left_column').getElements('input[type=radio]').length);
		var count = $('left_column').getElements('div[class=float_left]').length;
		this.thegroup = new Element('div', {'title':''}).setProperty("class", 'float_left');
		for (var i = 1; i < 4; i++) {
			this.newradio = new Element('input', {'name':this.name+count, 'value':'radio '+i, 'id':this.name+'_'+count+i, 'class':'radio', "type":'radio'});
			
			this.newradio.injectInside(this.thegroup);
			this.thelabel = new Element('label').setProperty("class", 'radio_label');
			this.thelabel.setProperty('for', this.name+'_'+count+i);
			this.thelabel.setText('Radio '+i);
			this.thelabel.injectInside(this.thegroup);
			linebreak = new Element('br');
			linebreak.injectInside(this.thegroup);
		}
		
		return this.thegroup;
	}
});


////////////// Properties
var ELEMPROP = new Class({
	initialize: function(ParentTag, element){
		$$('div.Propertiesitem').each(function(item){
			item.setStyle('display','none');
		});
		
			////////////////////////////// LABEL
		if(ParentTag == 'label'){
			function saveLabel(){
				element.setText($('prop_'+ParentTag+'_text').value);
			}
			$('prop_'+ParentTag).setStyle('display','block');
			$('prop_'+ParentTag+'_text').value = element.getText();
			$('prop_'+ParentTag+'_done').removeEvents();
			$('prop_'+ParentTag+'_done').addEvent('click', saveLabel.bindWithEvent(element));
			
			////////////////////////////// TEXT
		//} else if(ParentTag == 'span'){
		} else if (element.getFirst().hasClass('cf_text')){
			actual_element = element.getFirst().getFirst();
			function saveSpan(){
				actual_element.setText($('prop_cf_text_text').value);
			}
			$('prop_cf_text').setStyle('display','block');
			$('prop_cf_text_text').value = actual_element.getText();
			$('prop_cf_text_done').removeEvents();
			$('prop_cf_text_done').addEvent('click', saveSpan.bindWithEvent(actual_element));
			
			////////////////////////////// HEADINGs
		//} else if((ParentTag == 'h1')||(ParentTag == 'h2')||(ParentTag == 'h3')||(ParentTag == 'h4')||(ParentTag == 'h5')||(ParentTag == 'h6')){
		} else if (element.getFirst().hasClass('cf_heading')){
			actual_element = element.getFirst().getFirst();
			function saveHead(){
				actual_element.setText($('prop_cf_heading_text').value);
				newhead = new Element($('prop_cf_heading_size').value).setProperty("class", actual_element.getProperty('class'));
				newhead.setProperty('id', actual_element.getProperty('id'));
				newhead.setText(actual_element.getText());
				
				/*newhead.addEvent('click', function(e) {
					new Event(e).stop();
					$$('.form_item').each(function(item2){
						item2.setStyle('border', '0px solid #000');
						$E('.delete_icon', item2).setStyle('display', 'none');
					});
					this.getParent().getParent().effect('background-color', {wait: false, duration: 100}).start('ffffff','ffffff');
					this.getParent().getParent().setStyle('border', '1px solid #000');
					//this.getParent().getParent().getLast().setStyle('display', 'inline');
					$E('.delete_icon', this.getParent().getParent()).setStyle('display', 'inline');
					this.showProperties(this.getTag());
				})*/
				element.showProperties(newhead.getTag());				
				actual_element.replaceWith(newhead);				
			}
			$('prop_cf_heading').setStyle('display','block');
			$('prop_cf_heading_text').value = actual_element.getText();
			$('prop_cf_heading_size').value = actual_element.getTag().capitalize();
			$('prop_cf_heading_done').removeEvents();
			$('prop_cf_heading_done').addEvent('click', saveHead.bindWithEvent(actual_element));
			
			////////////////////////////// TEXT BOX
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'text')&&(!element.hasClass('cf_datetime'))){
		} else if (element.getFirst().hasClass('cf_textbox')){
			actual_element = $E('input[type=text]', element);
			function saveTextBox(){
				$E('label', element).setText($('prop_cf_textbox_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_textbox_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_textbox_slabel').value);
				($('prop_cf_textbox_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_textbox_label_width').value.trim()+'px');
				actual_element.setProperty('name', $('prop_cf_textbox_field_name').value);
				actual_element.setProperty('size', $('prop_cf_textbox_size').value);
				actual_element.setProperty('maxlength', $('prop_cf_textbox_max').value);
				$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_textbox_title').value);
				
				
				if($('prop_cf_textbox_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_textbox_label').value+' :: '+$('prop_cf_textbox_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_textbox_label').value+' :: '+$('prop_cf_textbox_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_textbox_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_textbox_description').value = '';
			}
			$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_textbox_title').value = actual_element.getProperty('title');
			$('prop_cf_textbox').setStyle('display','block');
			$('prop_cf_textbox_label').value = $E('label', element).getText();
			$('prop_cf_textbox_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_textbox_hide_label').checked = true : $('prop_cf_textbox_hide_label').checked = false;
			$('prop_cf_textbox_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_textbox_field_name').value = actual_element.getProperty('name');
			$('prop_cf_textbox_size').value = actual_element.getProperty('size');
			$('prop_cf_textbox_max').value = actual_element.getProperty('maxlength');
			$('prop_cf_textbox_done').removeEvents();
			$('prop_cf_textbox_done').addEvent('click', saveTextBox.bindWithEvent(actual_element));
			
			////////////////////////////// DATE PICKER
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'text')&&(element.hasClass('cf_datetime'))){
		} else if (element.getFirst().hasClass('cf_datetimepicker')){
			actual_element = $E('input[type=text]', element);
			function saveDatePicker(){
				$E('label', element).setText($('prop_cf_datetimepicker_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_datetimepicker_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_datetimepicker_slabel').value);
				($('prop_cf_datetimepicker_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_datetimepicker_label_width').value.trim()+'px');
				actual_element.setProperty('name', $('prop_cf_datetimepicker_field_name').value);
				actual_element.setProperty('id', $('prop_cf_datetimepicker_field_name').value);
				
				actual_element.setProperty('size', $('prop_cf_datetimepicker_size').value);
				//element.setProperty('maxlength', $('prop_datepicker_max').value);
				$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_datetimepicker_title').value);
				if($('prop_cf_datetimepicker_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_datetimepicker_label').value+' :: '+$('prop_cf_datetimepicker_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_datetimepicker_label').value+' :: '+$('prop_cf_datetimepicker_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_datetimepicker_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_datetimepicker_description').value = '';
			}
			$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_datetimepicker_title').value = actual_element.getProperty('title');
			$('prop_cf_datetimepicker').setStyle('display','block');
			$('prop_cf_datetimepicker_size').value = actual_element.getProperty('size');
			$('prop_cf_datetimepicker_label').value = $E('label', element).getText();
			$('prop_cf_datetimepicker_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_datetimepicker_hide_label').checked = true : $('prop_cf_datetimepicker_hide_label').checked = false;
			$('prop_cf_datetimepicker_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_datetimepicker_field_name').value = actual_element.getProperty('name');
			//$('prop_datepicker_max').value = actual_element.getProperty('maxlength');
			$('prop_cf_datetimepicker_done').removeEvents();
			$('prop_cf_datetimepicker_done').addEvent('click', saveDatePicker.bindWithEvent(actual_element));
			
			////////////////////////////// TEXTAREA
		//} else if (ParentTag == 'textarea'){
		} else if (element.getFirst().hasClass('cf_textarea')){
			actual_element = $E('textarea', element);
			function saveTextArea(){
				$E('label', element).setText($('prop_cf_textarea_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_textarea_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_textarea_slabel').value);
				($('prop_cf_textarea_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_textarea_label_width').value.trim()+'px');
				actual_element.setProperty('name', $('prop_cf_textarea_field_name').value);
				
				actual_element.setProperty('rows', $('prop_cf_textarea_rows').value);
				actual_element.setProperty('cols', $('prop_cf_textarea_cols').value);
				$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_textarea_title').value);
				if($('prop_cf_textarea_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_textarea_label').value+' :: '+$('prop_cf_textarea_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_textarea_label').value+' :: '+$('prop_cf_textarea_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_textarea_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_textarea_description').value = '';
			}
			$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_textarea_title').value = actual_element.getProperty('title');
			$('prop_cf_textarea').setStyle('display','block');
			$('prop_cf_textarea_label').value = $E('label', element).getText();
			$('prop_cf_textarea_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_textarea_hide_label').checked = true : $('prop_cf_textarea_hide_label').checked = false;
			$('prop_cf_textarea_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_textarea_field_name').value = actual_element.getProperty('name');
			
			$('prop_cf_textarea_rows').value = actual_element.getProperty('rows');
			$('prop_cf_textarea_cols').value = actual_element.getProperty('cols');
			$('prop_cf_textarea_done').removeEvents();
			$('prop_cf_textarea_done').addEvent('click', saveTextArea.bindWithEvent(actual_element));
			
			////////////////////////////// DROPDOWN
		//} else if (ParentTag == 'select'){
		} else if (element.getFirst().hasClass('cf_dropdown')){
			actual_element = $E('select', element);
			function saveSelect(){
				$E('label', element).setText($('prop_cf_dropdown_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_dropdown_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_dropdown_slabel').value);
				($('prop_cf_dropdown_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_dropdown_label_width').value.trim()+'px');
				actual_element.setProperty('name', $('prop_cf_dropdown_field_name').value);
				
				($('prop_cf_dropdown_firstoption').checked == true) ? actual_element.setProperty('firstoption', '1') : actual_element.setProperty('firstoption', '0');
				($('prop_cf_dropdown_firstoptiontext').value != '') ? actual_element.setProperty('firstoptiontext', $('prop_cf_dropdown_firstoptiontext').value) : actual_element.setProperty('firstoptiontext', '');
				
				$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_dropdown_title').value);
				/*actual_element.getElements('option').each(function(option){
					option.remove();
				});*/
				newselect = new Element('select', {'name':actual_element.getProperty('name'), 'title':actual_element.getProperty('title'), 'size':$('prop_cf_dropdown_size').value, 'id':actual_element.getProperty('id'), 'firstoption':actual_element.getProperty('firstoption'), 'firstoptiontext':actual_element.getProperty('firstoptiontext')}).setProperty("class", actual_element.getProperty('class'));				
				//actual_element.setProperty('size', $('prop_cf_dropdown_size').value);
				if($('prop_cf_dropdown_size').value.toInt() > 1){
					newselect.setProperty('multiple', '1');
					newselect.setProperty('name', actual_element.getProperty('name').replace('[]','')+'[]');
				}else{
					newselect.setProperty('name', actual_element.getProperty('name').replace('[]',''));
				}
				$('prop_cf_dropdown_options').value.split('\n').each(function(option){
					if(option.trim()){															
						newoption = new Element('option');
						newoption.setText(option.trim());
						newoption.setProperty('value', option.trim());
						newoption.injectInside(newselect);
					}
				});
				actual_element.replaceWith(newselect);
				if($('prop_cf_dropdown_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_dropdown_label').value+' :: '+$('prop_cf_dropdown_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+newselect.getProperty('id')))){
							$('tool-tip-'+newselect.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:newselect.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_dropdown_label').value+' :: '+$('prop_cf_dropdown_description').value.trim());
						tooltipdiv.injectAfter(newselect);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(newselect);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:newselect.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+newselect.getProperty('id')))){
						$('tool-tip-'+newselect.getProperty('id')).remove();
					}
				}
				newselect.getParent().getParent().showProperties(newselect.getParent().getParent().getTag());
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_dropdown_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_dropdown_description').value = '';
			}
			$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_dropdown_title').value = actual_element.getProperty('title');
			$('prop_cf_dropdown').setStyle('display','block');
			$('prop_cf_dropdown_label').value = $E('label', element).getText();
			$('prop_cf_dropdown_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_dropdown_hide_label').checked = true : $('prop_cf_dropdown_hide_label').checked = false;
			$('prop_cf_dropdown_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_dropdown_field_name').value = actual_element.getProperty('name');
			
			$('prop_cf_dropdown_size').value = actual_element.getProperty('size');
			
			(actual_element.getProperty('firstoption') == '1') ? $('prop_cf_dropdown_firstoption').checked = true : $('prop_cf_dropdown_firstoption').checked = false;
			$('prop_cf_dropdown_firstoptiontext').value = actual_element.getProperty('firstoptiontext');
				
			
			$('prop_cf_dropdown_options').value = ''; //setText('');
			var prop_cf_dropdown_options = Array(actual_element.getElements('input').length);
			var counter = 0;
			actual_element.getElements('option').each(function(option){
				//$('prop_cf_dropdown_options').value = $('prop_cf_dropdown_options').value + input.getProperty('value') +',';
				prop_cf_dropdown_options[counter] = option.getProperty('value');
				counter = counter + 1;
			});
			$('prop_cf_dropdown_options').value = prop_cf_dropdown_options.join("\n");
			
			$('prop_cf_dropdown_done').removeEvents();
			$('prop_cf_dropdown_done').addEvent('click', saveSelect.bindWithEvent(actual_element));
			
			////////////////////////////// CHECKBOXes BOX
		//} else if(ParentTag == 'div'){
			//if(element.getFirst().getProperty('type') == 'checkbox'){
		} else if (element.getFirst().hasClass('cf_checkbox')){
			actual_element = $E('div[class=float_left]', element);
				ParentTag = actual_element.getFirst().getProperty('type');
				function saveCheckbox(){
					$E('label', element).setText($('prop_cf_checkbox_label').value);
					//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_checkbox_slabel').value;
					$E('div.slabel', element).setText($('prop_cf_checkbox_slabel').value);
					($('prop_cf_checkbox_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
					$E('label', element).setStyle('width', $('prop_cf_checkbox_label_width').value.trim()+'px');
					//actual_element.setProperty('name', $('prop_cf_checkbox_field_name').value);
					actual_element.setProperty('title', $('prop_cf_checkbox_title').value);
					
					actual_element.setHTML('');
					check_number = 1;
					var count = $('left_column').getElements('div[class=float_left]').indexOf(actual_element);
					$('prop_cf_checkbox_options').value.split('\n').each(function(check){
						if(check.trim()){															
							newcheck = new Element('input', {'name':'check'+count+'[]', 'value':check.trim(), 'id':'check_'+count+check_number, 'class':'radio', "type":'checkbox'});
							//newcheck.setProperty('value', check);
							//newcheck.setProperty('name', check.replace(" ", "_"));
							//newcheck.setProperty('id', check.replace(" ", "_"));
							//newcheck.setProperty('class', 'radio');
							newcheck.injectInside(actual_element);
							checklabel = new Element('label').setProperty("class", 'check_label');
							checklabel.setProperty('for', 'check_'+count+check_number);
							checklabel.setText(check.trim());
							checklabel.injectInside(actual_element);
							linebreak = new Element('br');
							linebreak.injectInside(actual_element);
							check_number = check_number + 1;
						}
					});
					
					
					
					$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
						$E('input[type=checkbox]', actual_element).removeClass(checkbox.value);
					});
					$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
						if(checkbox.checked)
						$E('input[type=checkbox]', actual_element).addClass(checkbox.value);
					});
					if($('prop_cf_checkbox_description').value.trim() != ''){
						if($chk($E('div.tooltipdiv', element))){
							tooltipdiv = $E('div.tooltipdiv', element);
								
							tooltipdiv.setText($('prop_cf_checkbox_label').value+' :: '+$('prop_cf_checkbox_description').value.trim());
							tooltiplink = $E('a.tooltiplink', element);
							if($chk($('tool-tip-'+actual_element.getProperty('id')))){
								$('tool-tip-'+actual_element.getProperty('id')).remove();
							}
							var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
						}else{
							tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
							tooltipdiv.setText($('prop_cf_checkbox_label').value+' :: '+$('prop_cf_checkbox_description').value.trim());
							tooltipdiv.injectAfter(actual_element);
							tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
							tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
							tooltipimg.injectInside(tooltiplink);
							tooltiplink.injectAfter(actual_element);
							var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
						}
					}else{
						if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
						if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
					}
					
					
				}
				if($chk($E('div.tooltipdiv', element))){
					$('prop_cf_checkbox_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
				}else{
					$('prop_cf_checkbox_description').value = '';
				}
				$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
					if($E('input[type=checkbox]', actual_element).hasClass(checkbox.value))checkbox.checked = true;
					else checkbox.checked = false;
				});
				$('prop_cf_checkbox_title').value = actual_element.getProperty('title');
				$('prop_cf_checkbox').setStyle('display','block');
				$('prop_cf_checkbox_label').value = $E('label', element).getText();
				
				($E('label', element).getStyle('display') == 'none') ? $('prop_cf_checkbox_hide_label').checked = true : $('prop_cf_checkbox_hide_label').checked = false;
				$('prop_cf_checkbox_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
				$('prop_cf_checkbox_label_width').value = $E('label', element).getStyle('width').toInt();
				//$('prop_cf_checkbox_field_name').value = actual_element.getProperty('name');
				
				$('prop_cf_checkbox_options').value = '';//setText('');
				var prop_cf_checkbox_options = Array(actual_element.getElements('input').length);
				var counter = 0;
				actual_element.getElements('input').each(function(input){//alert($('prop_cf_checkbox_options').innerHTML); alert(input.getProperty('value'));
					//$('prop_cf_checkbox_options').value = $('prop_cf_checkbox_options').value + input.getProperty('value') +',';
					prop_cf_checkbox_options[counter] = input.getProperty('value');
					counter = counter + 1;
				});
				$('prop_cf_checkbox_options').value = prop_cf_checkbox_options.join("\n");
				$('prop_cf_checkbox_done').removeEvents();
				$('prop_cf_checkbox_done').addEvent('click', saveCheckbox.bindWithEvent(actual_element));
				
				////////////////////////////// RADIOs BOX
			//} else if(element.getFirst().getProperty('type') == 'radio'){
		} else if (element.getFirst().hasClass('cf_radiobutton')){
			actual_element = $E('div[class=float_left]', element);
				ParentTag = actual_element.getFirst().getProperty('type');
				function saveRadio(){
					$E('label', element).setText($('prop_cf_radiobutton_label').value);
					//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_radiobutton_slabel').value;
					$E('div.slabel', element).setText($('prop_cf_radiobutton_slabel').value);
					($('prop_cf_radiobutton_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
					$E('label', element).setStyle('width', $('prop_cf_radiobutton_label_width').value.trim()+'px');
					//actual_element.setProperty('name', $('prop_cf_radiobutton_field_name').value);
					actual_element.setProperty('title', $('prop_cf_radiobutton_title').value);
					
					actual_element.setHTML('');
					radio_number = 1;
					var count = $('left_column').getElements('div[class=float_left]').indexOf(actual_element);
					$('prop_cf_radiobutton_options').value.split('\n').each(function(radio){
						if(radio.trim()){															
							newradio = new Element('input', {'name':'radio'+count, 'value':radio.trim(), 'id':'radio_'+count+radio_number, 'class':'radio', "type":'radio'});
							//newradio.setProperty('value', radio);
							//newradio.setProperty('name', 'radio'+count);
							//newradio.setProperty('id', radio.replace(" ", "_")+count);
							//newradio.setProperty('class', 'radio');
							newradio.injectInside(actual_element);
							radiolabel = new Element('label').setProperty("class", 'radio_label');
							radiolabel.setProperty('for', 'radio_'+count+radio_number);
							radiolabel.setText(radio.trim());
							radiolabel.injectInside(actual_element);
							linebreak = new Element('br');
							linebreak.injectInside(actual_element);
							radio_number = radio_number + 1;
						}
					});
					$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
						$E('input[type=radio]', actual_element).removeClass(checkbox.value);
					});
					$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
						if(checkbox.checked)
						$E('input[type=radio]', actual_element).addClass(checkbox.value);
					});
					if($('prop_cf_radiobutton_description').value.trim() != ''){
						if($chk($E('div.tooltipdiv', element))){
							tooltipdiv = $E('div.tooltipdiv', element);
								
							tooltipdiv.setText($('prop_cf_radiobutton_label').value+' :: '+$('prop_cf_radiobutton_description').value.trim());
							tooltiplink = $E('a.tooltiplink', element);
							if($chk($('tool-tip-'+actual_element.getProperty('id')))){
								$('tool-tip-'+actual_element.getProperty('id')).remove();
							}
							var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
						}else{
							tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
							tooltipdiv.setText($('prop_cf_radiobutton_label').value+' :: '+$('prop_cf_radiobutton_description').value.trim());
							tooltipdiv.injectAfter(actual_element);
							tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
							tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
							tooltipimg.injectInside(tooltiplink);
							tooltiplink.injectAfter(actual_element);
							var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
						}
					}else{
						if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
						if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
					}
					
					
				}
				if($chk($E('div.tooltipdiv', element))){
					$('prop_cf_radiobutton_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
				}else{
					$('prop_cf_radiobutton_description').value = '';
				}
				$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
					if($E('input[type=radio]', actual_element).hasClass(checkbox.value))checkbox.checked = true;
					else checkbox.checked = false;
				});
				$('prop_cf_radiobutton_title').value = actual_element.getProperty('title');
				$('prop_cf_radiobutton').setStyle('display','block');
				$('prop_cf_radiobutton_label').value = $E('label', element).getText();
				
				
				($E('label', element).getStyle('display') == 'none') ? $('prop_cf_radiobutton_hide_label').checked = true : $('prop_cf_radiobutton_hide_label').checked = false;
				$('prop_cf_radiobutton_label_width').value = $E('label', element).getStyle('width').toInt();
				//$('prop_cf_radiobutton_field_name').value = actual_element.getProperty('name');
				$('prop_cf_radiobutton_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
				$('prop_cf_radiobutton_options').value = ''; //setText('');
				var prop_cf_radiobutton_options = Array(actual_element.getElements('input').length);
				var counter = 0;
				actual_element.getElements('input').each(function(input){
					//$('prop_cf_radiobutton_options').value = $('prop_cf_radiobutton_options').value + input.getProperty('value') +',';
					prop_cf_radiobutton_options[counter] = input.getProperty('value');
					counter = counter + 1;
				});
				$('prop_cf_radiobutton_options').value = prop_cf_radiobutton_options.join("\n");
				$('prop_cf_radiobutton_done').removeEvents();
				$('prop_cf_radiobutton_done').addEvent('click', saveRadio.bindWithEvent(actual_element));
			//}
			
			////////////////////////////// SUBMIT BUTTON
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'submit')){
		} else if (element.getFirst().hasClass('cf_button')){
			actual_element = $E('input[type=button]', element);
			function saveButton(){
				actual_element.setProperty('value', $('prop_cf_button_text').value);
				if($('prop_cf_button_reset').value == '1'){
					Reset = $E('input[type=reset]', element);
					if(!Reset){
						Reset = new Element('input').setProperty("type", 'reset');
						Reset.setProperty('value', 'Reset');
						Reset.injectAfter(actual_element);
					}
				}else{
					Reset = $E('input[type=reset]', element);
					if(Reset)Reset.remove();
				}
				if($('prop_cf_button_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_button_text').value+' :: '+$('prop_cf_button_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_button_text').value+' :: '+$('prop_cf_button_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_button_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_button_description').value = '';
			}
			$('prop_cf_button').setStyle('display','block');
			Resetb = $E('input[type=reset]', element);
			if(Resetb)$('prop_cf_button_reset').value = '1';
			$('prop_cf_button_text').value = actual_element.getProperty('value');
			$('prop_cf_button_done').removeEvents();
			$('prop_cf_button_done').addEvent('click', saveButton.bindWithEvent(actual_element));
			
			////////////////////////////// FILE UPLOAD BOX
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'file')){
		} else if (element.getFirst().hasClass('cf_fileupload')){
			actual_element = $E('input[type=file]', element);
			function saveFile(){
				$E('label', element).setText($('prop_cf_fileupload_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_fileupload_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_fileupload_slabel').value);
				($('prop_cf_fileupload_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_fileupload_label_width').value.trim()+'px');
				var oldfilename = actual_element.getProperty('name');
				actual_element.setProperty('name', $('prop_cf_fileupload_field_name').value);
				$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_fileupload_title').value);
				//var uploadfields = new Array();
				//var field;
				if($('uploadfields').value.trim()){
					var uploadfields = $('uploadfields').value.trim().split(',');
					var i = 0;
					var set = 0;
					uploadfields.each(function(field){														
						//alert(field);
						var field_data = field.split(':');
						if(field_data[0] == actual_element.getProperty('name')){
							uploadfields[i] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
							//alert(uploadfields[i]);
							set = 1;
						}else{
							if(field_data[0] == oldfilename){
								uploadfields[i] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
								//alert(uploadfields[i]);
								set = 1;
							}
							//nothing
						}
						i = i + 1;
					});
					if(!set)uploadfields[uploadfields.length] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
					$('uploadfields').value = uploadfields.join(',');
				}else{
					$('uploadfields').value = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
				}
				//alert(uploadfields.length);
				/*for(var field in uploadfields){alert(field);
					var field_data = uploadfields[field].split(':');
					if(field_data == actual_element.getProperty('id')){uploadfields[field] = actual_element.getProperty('id')+ ':' + $('prop_cf_fileupload_extensions').value;}
				}
				$('uploadfields').value = uploadfields.join(',');*/
				//$('uploadfields').value = actual_element.getProperty('id')+ ':' + $('prop_cf_fileupload_extensions').value;
				//actual_element.setProperty('value', $('prop_'+actual_element.getProperty('type')+'_text').value);
				if($('prop_cf_fileupload_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_fileupload_label').value+' :: '+$('prop_cf_fileupload_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_fileupload_label').value+' :: '+$('prop_cf_fileupload_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 80px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_fileupload_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_fileupload_description').value = '';
			}
			$('prop_cf_fileupload').setStyle('display','block');
			$('prop_cf_fileupload_label').value = $E('label', element).getText();
			$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_fileupload_title').value = actual_element.getProperty('title');
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_fileupload_hide_label').checked = true : $('prop_cf_fileupload_hide_label').checked = false;
			$('prop_cf_fileupload_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_fileupload_field_name').value = actual_element.getProperty('name');
			$('prop_cf_fileupload_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			$('prop_cf_fileupload_extensions').value = '';
			$('prop_cf_fileupload_maxsize').value = '';
			$('prop_cf_fileupload_minsize').value = '';
			var uploadfields = $('uploadfields').value.trim().split(',');
			uploadfields.each(function(field){
				var field_data = field.split(':');
				if(field_data[0] == actual_element.getProperty('name')){
					var field_data2 = field_data[1].split('{');
					var field_data3 = field_data2[1].split('-');
					$('prop_cf_fileupload_extensions').value = field_data2[0];
					$('prop_cf_fileupload_maxsize').value = field_data3[0];
					$('prop_cf_fileupload_minsize').value = field_data3[1].replace('}', '');
				}else{
					//nothing
				}
			});
			//$('prop_'+actual_element.getProperty('type')+'_text').value = actual_element.getProperty('value');
			$('prop_cf_fileupload_done').removeEvents();
			$('prop_cf_fileupload_done').addEvent('click', saveFile.bindWithEvent(actual_element));
			
			
			////////////////////////////// CAPTCHA
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'file')){
		} else if (element.getFirst().hasClass('cf_captcha')){
			actual_element = $E('span', element);
			function saveCaptcha(){
				$E('label', element).setText($('prop_cf_captcha_label').value);
				($('prop_cf_captcha_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_captcha_label_width').value.trim()+'px');
				//element.setProperty('value', $('prop_'+element.getProperty('type')+'_text').value);
				if($('prop_cf_captcha_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_captcha_label').value+' :: '+$('prop_cf_captcha_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_captcha_label').value+' :: '+$('prop_cf_captcha_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_captcha_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_captcha_description').value = '';
			}
			$('prop_cf_captcha').setStyle('display','block');
			$('prop_cf_captcha_label').value = $E('label', element).getText();
			
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_captcha_hide_label').checked = true : $('prop_cf_captcha_hide_label').checked = false;
			$('prop_cf_captcha_label_width').value = $E('label', element).getStyle('width').toInt();
			//$('prop_'+element.getProperty('type')+'_text').value = element.getProperty('value');
			$('prop_cf_captcha_done').removeEvents();
			$('prop_cf_captcha_done').addEvent('click', saveCaptcha.bindWithEvent(actual_element));
			////////////////////////////// PASSWORD BOX
		//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'password')){
		} else if (element.getFirst().hasClass('cf_password')){
			actual_element = $E('input[type=password]', element);
			function savePasswordBox(){
				$E('label', element).setText($('prop_cf_password_label').value);
				//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_password_slabel').value;
				$E('div.slabel', element).setText($('prop_cf_password_slabel').value);
				($('prop_cf_password_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_password_label_width').value.trim()+'px');
				actual_element.setProperty('name', $('prop_cf_password_field_name').value);
				
				actual_element.setProperty('size', $('prop_cf_password_size').value);
				actual_element.setProperty('maxlength', $('prop_cf_password_max').value);
				$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
					actual_element.removeClass(checkbox.value);
				});
				$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
					if(checkbox.checked)
					actual_element.addClass(checkbox.value);
				});
				actual_element.setProperty('title', $('prop_cf_password_title').value);
				if($('prop_cf_password_description').value.trim() != ''){
					if($chk($E('div.tooltipdiv', element))){
						tooltipdiv = $E('div.tooltipdiv', element);
							
						tooltipdiv.setText($('prop_cf_password_label').value+' :: '+$('prop_cf_password_description').value.trim());
						tooltiplink = $E('a.tooltiplink', element);
						if($chk($('tool-tip-'+actual_element.getProperty('id')))){
							$('tool-tip-'+actual_element.getProperty('id')).remove();
						}
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}else{
						tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});										
						tooltipdiv.setText($('prop_cf_password_label').value+' :: '+$('prop_cf_password_description').value.trim());
						tooltipdiv.injectAfter(actual_element);
						tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
						tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
						tooltipimg.injectInside(tooltiplink);
						tooltiplink.injectAfter(actual_element);
						var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
					}
				}else{
					if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
					if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
					if($chk($('tool-tip-'+actual_element.getProperty('id')))){
						$('tool-tip-'+actual_element.getProperty('id')).remove();
					}
				}
				
				
			}
			if($chk($E('div.tooltipdiv', element))){
				$('prop_cf_password_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
			}else{
				$('prop_cf_password_description').value = '';
			}
			$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
				if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
				else checkbox.checked = false;
			});
			$('prop_cf_password').setStyle('display','block');
			$('prop_cf_password_label').value = $E('label', element).getText();
			$('prop_cf_password_title').value = actual_element.getProperty('title');
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_password_hide_label').checked = true : $('prop_cf_password_hide_label').checked = false;
			$('prop_cf_password_label_width').value = $E('label', element).getStyle('width').toInt();
			$('prop_cf_password_field_name').value = actual_element.getProperty('name');
			$('prop_cf_password_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
			$('prop_cf_password_size').value = actual_element.getProperty('size');
			$('prop_cf_password_max').value = actual_element.getProperty('maxlength');
			$('prop_cf_password_done').removeEvents();
			$('prop_cf_password_done').addEvent('click', savePasswordBox.bindWithEvent(actual_element));
			////////////////////////////// HIDDEN FIELD
		} else if (element.getFirst().hasClass('cf_hidden')){
			actual_element = $E('input[type=hidden]', element);
			function savehiddenBox(){
				actual_element.setProperty('name', $('prop_cf_hidden_name').value);
				actual_element.value = $('prop_cf_hidden_value').value;
			}
			$('prop_cf_hidden').setStyle('display','block');
			$('prop_cf_hidden_name').value = actual_element.getProperty('name');
			$('prop_cf_hidden_value').value = actual_element.getProperty('value');
			$('prop_cf_hidden_done').removeEvents();
			$('prop_cf_hidden_done').addEvent('click', savehiddenBox.bindWithEvent(actual_element));
			////////////////////////////// PLACEHOLDER
		} else if (element.getFirst().hasClass('cf_placeholder')){
			actual_element = $E('span', element);
			function saveplaceholder(){
				var elementparamstring = element.getFirst().getFirst().getProperty('params');
				var elementparams = elementparamstring.split('*,*');
				for (var i = 0; i < elementparams.length; i++) {
					var eparamdetails = elementparams[i].split('=');
					actual_element.setProperty(eparamdetails[0], $('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_'+eparamdetails[0]).value);
				}
			}
			$('prop_cf_placeholder_'+element.getFirst().getProperty('number')).setStyle('display','block');
			var elementparamstring = element.getFirst().getFirst().getProperty('params');
			var elementparams = elementparamstring.split('*,*');
			for (var i = 0; i < elementparams.length; i++) {
				var eparamdetails = elementparams[i].split('=');
				$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_'+eparamdetails[0]).value = actual_element.getProperty(eparamdetails[0]);
			}
			$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_done').removeEvents();
			$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_done').addEvent('click', saveplaceholder.bindWithEvent(actual_element));
			////////////////////////////// MULTIHOLDER
		} else if (element.getFirst().hasClass('cf_multiholder')){
			actual_element = $E('table', element);
			function savemultiholder(){
				$E('label', element).setText($('prop_cf_multiholder_label').value);
				$E('div.slabel', element).setText($('prop_cf_multiholder_slabel').value);
				($('prop_cf_multiholder_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
				$E('label', element).setStyle('width', $('prop_cf_multiholder_label_width').value.trim()+'px');
				//actual_element.setProperty('name', $('prop_cf_multiholder_field_name').value);								
				//actual_element.setProperty('title', $('prop_cf_multiholder_title').value);				
				new_themultiholdertable = new Element('table', {'title':'', 'width' : '65%', 'cellpadding' :'3px', 'cellspacing':'3px'}).setProperty("class", 'multi_container');
				new_themultiholdertbody = new Element('tbody', {'width' : '100%'});
				new_themultiholdertbody.injectInside(new_themultiholdertable);
				new_themultiholdertr = new Element('tr', {'width' : '100%'});
				//new_themultiholdertd = new Element('td', {'width' : '100%'}).setStyles({'width': '100%', 'vertical-align':'middle', 'text-align': 'center'});
				//new_themultiholdertd.injectInside(new_themultiholdertr);
				new_themultiholdertr.injectInside(new_themultiholdertbody);
				$('prop_cf_multiholder_options').value.split(',').each(function(option){
					if(option.trim()){															
						new_themultiholdertd = new Element('td').setStyles({'width': 'auto', 'vertical-align':'middle', 'text-align': 'center'}).setText(option);
						new_themultiholdertd.injectInside(new_themultiholdertr);
					}
				});
				actual_element.replaceWith(new_themultiholdertable);
				new_themultiholdertable.getParent().getParent().showProperties(new_themultiholdertable.getParent().getParent().getTag());				
			}
			
			//$('prop_cf_multiholder_title').value = actual_element.getProperty('title');
			$('prop_cf_multiholder').setStyle('display','block');
			$('prop_cf_multiholder_label').value = $E('label', element).getText();
			$('prop_cf_multiholder_slabel').value = $E('div.slabel', element).getText();
			($E('label', element).getStyle('display') == 'none') ? $('prop_cf_multiholder_hide_label').checked = true : $('prop_cf_multiholder_hide_label').checked = false;
			$('prop_cf_multiholder_label_width').value = $E('label', element).getStyle('width').toInt();
			//$('prop_cf_multiholder_field_name').value = actual_element.getProperty('name');
			
			//$('prop_cf_multiholder_size').value = actual_element.getProperty('size');
						
			$('prop_cf_multiholder_options').value = '';
			var prop_cf_multiholder_options = Array(actual_element.getElements('td').length);
			var counter = 0;
			actual_element.getElements('td').each(function(option){				
				prop_cf_multiholder_options[counter] = option.getText();
				counter = counter + 1;
			});
			$('prop_cf_multiholder_options').value = prop_cf_multiholder_options.join(",");
			
			$('prop_cf_multiholder_done').removeEvents();
			$('prop_cf_multiholder_done').addEvent('click', savemultiholder.bindWithEvent(actual_element));
		} else {}
		//$('temparea').setText($('cart').innerHTML);
		return this;
	} 
});