/administrator/components/com_breezingforms/admin/easymode-js.php

Large files files are truncated, but you can click here to view the full file

<?php
/**
* BreezingForms - A Joomla Forms Application
* @version 1.8
* @package BreezingForms
* @copyright (C) 2008-2012 by Markus Bopp
* @license Released under the terms of the GNU General Public License
**/
defined('_JEXEC') or die('Direct Access to this location is not allowed.');
JHTML::_('behavior.modal');


?>

<script>var moobackup = $;</script>
<script>var moobackup2 = $$;</script>

<script
	type="text/javascript"
	src="<?php echo JURI::root() . 'administrator/components/com_breezingforms/libraries/jquery/' ;?>jq.js"></script>
<script
	type="text/javascript"
	src="<?php echo JURI::root() . 'administrator/components/com_breezingforms/libraries/jquery/' ;?>jq-ui.min.js"></script>
<script
	type="text/javascript"
	src="<?php echo JURI::root() . 'administrator/components/com_breezingforms/libraries/jquery/plugins/' ;?>base64.js"></script>
<script
	type="text/javascript"
	src="<?php echo JURI::root() . 'administrator/components/com_breezingforms/libraries/jquery/plugins/' ;?>json.js"></script>
<script
	type="text/javascript"
	src="<?php echo JURI::root() . 'administrator/components/com_breezingforms/libraries/jquery/plugins/' ;?>md5.js"></script>

<script>$  = moobackup;</script>
<script>$$ = moobackup2;</script>
        
<script type="text/javascript">
var app = null;
	
String.prototype.bfendsWith = function(suffix) {
    return this.match(suffix+"$") == suffix;
};
        
function BF_EasyModeApp()
{
                JQuery("link").each(function(){
                   // jquery easy workaround
                   var _xj = 'j';
                   var _xq = 'q';
                   var _xu = 'u';
                   var _xe = 'e';
                   var _xr = 'r';
                   var _xy = 'y';
                   if( JQuery(this).attr('href').bfendsWith(_xj+_xq+_xu+_xe+_xr+_xy+'-ui.css') ){
                       JQuery(this).attr('disabled', 'disabled');
                       JQuery(this).remove();
                   }
                });
    
		// to app scope
		var appScope = this;
		// the opacity for each draggable element
		this.opacity = 0.5;
		// the areaList contains all elements into all available areas. Structure: [ { area : droppableArea_instance, elements : [ Object_instance , ... ] } , ... ]
		this.areaList = [];
		// temp area list for the trashcan
		this.trashcanAreaList = [];
		// the actually selected element to change its options for
		this.optionElement = null;
		// all available element scripts
		this.elementScripts = <?php echo Zend_Json::encode($elementScripts)?>
		
		this.captchaAdded = 0;
		
		this.pixelRaster = 1;
		
		this.setElementResizable = function(element){
			JQuery('#'+element.id).resizable({
				grid: [appScope.pixelRaster,appScope.pixelRaster],
				//knobHandles : true,
				handles: "se",
				//minWidth: 5, 
				//minHeight: 5, 
				//ghost: true,
				//transparent: true
				start: function(){
					if(JQuery('#'+element.id).parent().attr('class') == 'ui-wrapper'){
						JQuery('#'+element.id).parent().css('padding-bottom', '0px');
						if(JQuery('#'+element.id).parent().children('.ui-resizable-se')[0]){
						  JQuery(JQuery('#'+element.id).parent().children('.ui-resizable-se')[0]).click(appScope.resizableElement);
						}
					}
					JQuery(this).css('border', '1px dotted #000');
				},
				stop: function(){
					//alert(JQuery(this).attr('class'));
					JQuery(this).css('border', 'none');
				}
			});
			
			if(JQuery('#'+element.id).parent().attr('class') == 'ui-wrapper'){
				JQuery('#'+element.id).parent().css('padding-bottom', '0px');
				if(JQuery('#'+element.id).parent().children('.ui-resizable-se')[0]){
					JQuery(JQuery('#'+element.id).parent().children('.ui-resizable-se')[0]).click(appScope.resizableElement);
				}
			}
		};
		
		this.refreshTemplateBox = function(){
			JQuery('#bfTemplateBox').val( JQuery.trim(JQuery('#bfTemplate').get(0).innerHTML) );
		};
		
		// first turn all pages on sucht that they can be initially processed by jquery
		JQuery('.bfPage').css('display','');
		
		<?php if(isset($callbackParams['areas']) && trim($callbackParams['areas']) != ''){ ?>

		var tmpAreas = <?php echo $callbackParams['areas'] ?>;

		for(var i = 0; i < tmpAreas.length;i++){
			if(JQuery("#"+tmpAreas[i].id).get(0)){
				if(!tmpAreas[i].pixelRaster){ // compat 686
					tmpAreas[i]['pixelRaster'] = 1;
				}
				if(i == 0){
					appScope.pixelRaster = tmpAreas[i].pixelRaster;
					JQuery('#bfPixelRaster').val(appScope.pixelRaster);
				}
				this.areaList.push( { area: JQuery("#"+tmpAreas[i].id).get(0), elements : tmpAreas[i].elements, pixelRaster: tmpAreas[i].pixelRaster } );
			}
		}
		
		for(var i = 0; i < appScope.areaList.length; i++){
				for(var j = 0; j < appScope.areaList[i].elements.length;j++){
				
					var element = appScope.areaList[i].elements[j];
					
					JQuery('#'+element.id).get(0).removeAttribute('onclick');
					JQuery('#'+element.id).get(0).removeAttribute('onblur');
					JQuery('#'+element.id).get(0).removeAttribute('onchange');
					JQuery('#'+element.id).get(0).removeAttribute('onfocus');
					JQuery('#'+element.id).get(0).removeAttribute('onselect');
					JQuery('#'+element.id).get(0).removeAttribute('onmouseover');
					JQuery('#'+element.id).get(0).removeAttribute('onmouseout');
					JQuery('#'+element.id).get(0).removeAttribute('tabindex');
					JQuery('#'+element.id).get(0).removeAttribute('checked');
					
					if(typeof element.tabIndex == 'undefined'){ // compat 687
						element.tabIndex = -1;
					}
					
					JQuery('#'+element.id).css('border','none');
				
					if(element.internalType == 'bfCaptcha'){
						appScope.captchaAdded++;
					}
				
					var prevm = JQuery('#'+element.id).css('margin');
					var prevp = JQuery('#'+element.id).css('padding');
					var prevElementWidth = JQuery('#'+element.id).css('width');
					var prevElementHeight = JQuery('#'+element.id).css('height');
					if(element.internalType != 'bfHidden'){
						appScope.setElementResizable(element);
					}
					JQuery('#'+element.id).css('margin', prevm);
					JQuery('#'+element.id).css('padding', prevp);
					JQuery('#'+element.id).css('width', prevElementWidth);
					JQuery('#'+element.id).css('height', prevElementHeight);
					
					if(element.internalType == 'bfIcon'){
						JQuery( JQuery('#'+element.id).children('img')[0] ).get(0).removeAttribute('onmouseover');
						JQuery( JQuery('#'+element.id).children('img')[0] ).get(0).removeAttribute('onmouseout');
					}
					
					var labelsResult = JQuery('#'+element.id).parent().parent().children('.ff_label');
					if(labelsResult.length != 0){
						for(var k = 0; k < labelsResult.length;k++){
							prevm = JQuery('#'+labelsResult[k].id).css('margin');
							prevp = JQuery('#'+labelsResult[k].id).css('padding');
							prevElementWidth = JQuery('#'+labelsResult[k].id).css('width');
							prevElementHeight = JQuery('#'+labelsResult[k].id).css('height');
							appScope.setElementResizable(labelsResult[k]);
							JQuery('#'+labelsResult[k].id).css('margin', prevm);
							JQuery('#'+labelsResult[k].id).css('padding', prevp);
							JQuery('#'+labelsResult[k].id).css('width', prevElementWidth);
							JQuery('#'+labelsResult[k].id).css('height', prevElementHeight);
					
							var batchLabel = document.createElement('option');
							JQuery(batchLabel).val(labelsResult[k].id);
							JQuery(batchLabel).text(stripHTML( JQuery('#'+labelsResult[k].id).html() ) );
							JQuery('#bfBatchLabels').append(batchLabel);
						}
					}
					labelsResult = JQuery('#'+element.id).parent().children('.ff_label');
					if(labelsResult.length != 0){
						for(var k = 0; k < labelsResult.length;k++){
							prevm = JQuery('#'+labelsResult[k].id).css('margin');
							prevp = JQuery('#'+labelsResult[k].id).css('padding');
							prevElementWidth = JQuery('#'+labelsResult[k].id).css('width');
							prevElementHeight = JQuery('#'+labelsResult[k].id).css('height');
							appScope.setElementResizable(labelsResult[k]);
							JQuery('#'+labelsResult[k].id).css('margin', prevm);
							JQuery('#'+labelsResult[k].id).css('padding', prevp);
							JQuery('#'+labelsResult[k].id).css('width', prevElementWidth);
							JQuery('#'+labelsResult[k].id).css('height', prevElementHeight);
							
							var batchLabel = document.createElement('option');
							JQuery(batchLabel).val(labelsResult[k].id);
							JQuery(batchLabel).text(stripHTML( JQuery('#'+labelsResult[k].id).html() ) );
							JQuery('#bfBatchLabels').append(batchLabel);
						}
					}
				
					if(element.internalType != 'bfHidden'){
						var batchElement = document.createElement('option');
						JQuery(batchElement).val(element.id);
						JQuery(batchElement).text(element.name);
						JQuery('#bfBatchElements').append(batchElement);
					}
				}
		}
		<?php } ?>
		
		appScope.refreshTemplateBox();
		if(parseInt(document.adminForm.page.value) < 1){
			document.adminForm.page.value = 1;
		}
		JQuery('#bfCurrentPage').get(0).innerHTML = document.adminForm.page.value + "/" + (parseInt(document.adminForm.pages.value) == 0 ? 1 : document.adminForm.pages.value);
		JQuery('.bfPage').css('display','none');
		JQuery('#bfPage'+document.adminForm.page.value).css('display','');
		
		for(var i = 1; i <= parseInt(document.adminForm.pages.value);i++){
		
			var option = document.createElement('option');
			JQuery(option).val(i);
			JQuery(option).text(i);
			
			var option2 = document.createElement('option');
			JQuery(option2).val(i);
			JQuery(option2).text(i);
			
			JQuery('#bfGoToPage').append(option);
			JQuery('#bfMoveThisPageTo').append(option2);
		}
		
		this.populateHiddenFieldsOptions = function(){
			
			JQuery('#bfHiddenFieldsOptions').empty();
			
			var element = null;
			var br      = null;
			var hiddenFields = appScope.getElementsByType('bfHidden');
			
			for(var i=0;i < hiddenFields.length;i++){
			
				// element name header
				element = document.createElement('span');
				element.innerHTML = '<?php echo BFText::_('COM_BREEZINGFORMS_NAME') ?>:';
				JQuery('#bfHiddenFieldsOptions').append(element);
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				// element name
				element = document.createElement('input'); 
				element.setAttribute('type', 'text');
				element.setAttribute('id', 'name__HIDDEN__' + hiddenFields[i].id);
				element.setAttribute('class', 'bfHiddenOptionsName');
				element.setAttribute('value', hiddenFields[i].name);
				element.style.width = '100%';
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(element);
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				// element title header
				element = document.createElement('span');
				element.innerHTML = 'Title:';
				JQuery('#bfHiddenFieldsOptions').append(element);
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				// element title
				element = document.createElement('input'); 
				element.setAttribute('type', 'text');
				element.setAttribute('id', 'title__HIDDEN__' + hiddenFields[i].id);
				element.setAttribute('class', 'bfHiddenOptionsTitle');
				element.setAttribute('value', hiddenFields[i].title);
				element.style.width = '100%';
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(element);
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				// element value header
				element = document.createElement('span');
				element.innerHTML = 'Value:';
				JQuery('#bfHiddenFieldsOptions').append(element);
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				// element value
				element = document.createElement('input'); 
				element.setAttribute('type', 'text');
				element.setAttribute('id', 'value__HIDDEN__' + hiddenFields[i].id);
				element.setAttribute('class', 'bfHiddenOptionsValue');
				element.setAttribute('value', hiddenFields[i].options.value);
				element.style.width = '100%';
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(element);
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				element = document.createElement('span');
				element.innerHTML = 'Remove? ';
				JQuery('#bfHiddenFieldsOptions').append(element);
				element = document.createElement('input'); 
				element.setAttribute('type', 'checkbox');
				element.setAttribute('id', 'remove__HIDDEN__' + hiddenFields[i].id);
				element.setAttribute('class', 'bfHiddenOptionsDelete');
				//element.style.width = '100%';
				JQuery('#bfHiddenFieldsOptions').append(element);
				
				br = document.createElement('hr');
				JQuery('#bfHiddenFieldsOptions').append(br);
			}
			
			if(hiddenFields.length != 0){
			
				// update button
				br = document.createElement('br');
				JQuery('#bfHiddenFieldsOptions').append(br);
				
				element = document.createElement('input'); 
				element.setAttribute('type', 'submit');
				element.setAttribute('value', 'update');
				element.style.width = '100%';
				JQuery(element).click(
					function(){
						
						var children = JQuery('#bfHiddenFieldsOptions').children('.bfHiddenOptionsValue');
						for( var i = 0; i < children.length; i++ ){
							var id = children[i].id.split('__HIDDEN__');
							if(id.length == 2){
								var element = appScope.getElementById(id[1]);
								element.options.value = JQuery('#value__HIDDEN__'+id[1]).val();
								JQuery('#'+element.id).get(0).setAttribute('value', element.options.value);
							}
						}
						
						var children = JQuery('#bfHiddenFieldsOptions').children('.bfHiddenOptionsTitle');
						for( var i = 0; i < children.length; i++ ){
							var id = children[i].id.split('__HIDDEN__');
							if(id.length == 2){
								var element = appScope.getElementById(id[1]);
								element.title = JQuery('#title__HIDDEN__'+id[1]).val();
							}
						}
						
						children = JQuery('#bfHiddenFieldsOptions').children('.bfHiddenOptionsName');
						for( var i = 0; i < children.length; i++ ){
						var id = children[i].id.split('__HIDDEN__');
							if(id.length == 2){
								var element = appScope.getElementById(id[1]);
								element.name = JQuery('#name__HIDDEN__'+id[1]).val();
							}
						}
						
						var children = JQuery('#bfHiddenFieldsOptions').children('.bfHiddenOptionsDelete');
						for( var i = 0; i < children.length; i++ ){
							if(children[i].checked){
								var id = children[i].id.split('__HIDDEN__');
								if(id.length == 2){
									var element = appScope.getElementById(id[1]);
									JQuery('#'+id[1]).remove();
									appScope.removeElementFromAreaList(element);
								}
							}
						}
						
						appScope.populateHiddenFieldsOptions();
						
						JQuery('#bfHiddenFieldsOptions').get(0).innerHTML = '<?php echo BFText::_('COM_BREEZINGFORMS_OPTIONS_SAVED_TO_FINALLY_SAVE_YOUR_FORM_CLICK_SAVE_ON_THE_TOP_RIGHT_BUTTON') ?><br/><br/>' + JQuery('#bfHiddenFieldsOptions').get(0).innerHTML;
					}
				);
				
				JQuery('#bfHiddenFieldsOptions').append(element);
			}
		}
		
		/**
		* Return the elements of a droppableArea
		*/
		this.getElementsArray = function (area){
			for(var i = 0; i < appScope.areaList.length; i++){
				if(appScope.areaList[i].area && appScope.areaList[i].area == area){
					return appScope.areaList[i].elements;
				}
			}

			return null;
		};

		/**
		* Checks if the droppableArea exists
		*/
		this.hasArea = function (area){
			for(var i = 0; i < appScope.areaList.length; i++){
				if(appScope.areaList[i].area && appScope.areaList[i].area == area){
					return true;
				}
			}

			return false;
		};
		
		this.getElementById = function(id) {
			for(var i = 0; i < appScope.areaList.length; i++){
				for(var j = 0; j < appScope.areaList[i].elements.length; j++){
					if(id == appScope.areaList[i].elements[j].id){
						return appScope.areaList[i].elements[j];
					}
				}
			}

			return null;
		};

		this.getElementsByType = function(type) {
			var foundElements = new Array();
			for(var i = 0; i < appScope.areaList.length; i++){
				for(var j = 0; j < appScope.areaList[i].elements.length; j++){
					if(type == appScope.areaList[i].elements[j].internalType){
						foundElements.push(appScope.areaList[i].elements[j]);
					}
				}
			}

			return foundElements;
		};
	
		this.removeElementFromAreaList = function(element){
			for(var i = 0; i < appScope.areaList.length; i++){
				var newElements = new Array();
				for(var j = 0; j < appScope.areaList[i].elements.length; j++){
					if(element.id != appScope.areaList[i].elements[j].id){
						newElements.push(appScope.areaList[i].elements[j]);
					}
				}
				appScope.areaList[i].elements = newElements;
			}
		};

		this.removeElementFromTrashcanAreaList = function(element){
			var newElements = new Array();
			for(var i = 0; i < appScope.trashcanAreaList.length; i++){
				if(element.id != appScope.trashcanAreaList[i].id){
					newElements.push(appScope.trashcanAreaList[i]);
				}
			}
			appScope.trashcanAreaList = newElements;
		};

		/**
		* prepares the data for the form before the submit
		*/
		this.prepareForSave = function(){

			if(appScope.captchaAdded > 1){
				alert('<?php echo BFText::_('COM_BREEZINGFORMS_ADDED_MORE_THAN_ONE_CAPTCHA') ?>');
				return;
			}

                        JQuery('.calCode').remove();
			JQuery('ui-resizable-handle').remove();

			var areas = new Array();
			
			for(var i = 0; i < appScope.areaList.length; i++){
				areas.push( { id : appScope.areaList[i].area.id, elements: appScope.areaList[i].elements, pixelRaster: appScope.pixelRaster } );
				
				for(var j = 0; j < appScope.areaList[i].elements.length;j++){
				
					var element = appScope.areaList[i].elements[j];
					
					if( (element.internalType == 'bfTextfield' || element.internalType == 'bfSelect') && element.options && !element.options.mailback){ // compat 690
						element.options['mailback'] = false;
					}
					
					if(element.internalType == 'bfFile' && element.options && !element.options.allowedFileExtensions){ // compat 690
						element.options['allowedFileExtensions'] = '';
						element.data2 = '';
					} else {
						if(element.internalType == 'bfFile' && element.options){
							element.data2 = element.options.allowedFileExtensions.toLowerCase();
						}
					}
					
					if(element.internalType == 'bfFile' && element.options && !element.options.attachToAdminMail){ // compat 691
						element.options['attachToAdminMail'] = false;
					}
					
					if(element.internalType == 'bfFile' && element.options && !element.options.attachToUserMail){ // compat 691
						element.options['attachToUserMail'] = false;
					}
					
					if(!element.mailbackfile){
						element['mailbackfile'] = '';
					}
					
					if(!element.orderNumber){
						element['orderNumber'] = -1;
					}
					
					if(!element.tabIndex){ // compat 687
						element['tabIndex'] = -1;
					}
					
					if(!element.mailbackAccept){ // compat 686
						element['mailbackAccept'] = false;
					}
					
					if(!element.mailbackAcceptConnectWith){ // compat 686
						element['mailbackAcceptConnectWith'] = '';
					}
					
					if(!element.mailbackAsSender){ // compat 687
						element['mailbackAsSender'] = false;
					}
					
					if(element.internalType == 'bfFile' && element.options.attachToAdminMail){
						var attachToAdminMail = document.createElement('input');
						attachToAdminMail.setAttribute('type', 'hidden');
						attachToAdminMail.setAttribute('id', 'attachToAdminMail_'+element.name);
						attachToAdminMail.setAttribute('name', 'attachToAdminMail['+element.name+']');
						attachToAdminMail.setAttribute('class', 'attachToAdminMail');
						attachToAdminMail.setAttribute('value', 'true');
						JQuery('#bfTemplate').append(attachToAdminMail);
					}
					
					if(element.internalType == 'bfFile' && element.options.attachToUserMail){
						var attachToUserMail = document.createElement('input');
						attachToUserMail.setAttribute('type', 'hidden');
						attachToUserMail.setAttribute('id', 'attachToUserMail_'+element.name);
						attachToUserMail.setAttribute('name', 'attachToUserMail['+element.name+']');
						attachToUserMail.setAttribute('class', 'attachToUserMail');
						attachToUserMail.setAttribute('value', 'true');
						JQuery('#bfTemplate').append(attachToUserMail);
					}
					
					if(element.internalType == 'bfTextfield' && element.mailbackAsSender){
						var mailbackSender = document.createElement('input');
						mailbackSender.setAttribute('type', 'hidden');
						mailbackSender.setAttribute('id', 'mailbackSender_'+element.name);
						mailbackSender.setAttribute('name', 'mailbackSender['+element.name+']');
						mailbackSender.setAttribute('class', 'mailbackSender');
						mailbackSender.setAttribute('value', 'true');
						JQuery('#bfTemplate').append(mailbackSender);
					}
					
					if(element.internalType == 'bfCheckbox'){
						if(element.options.checked){
							JQuery('#'+element.id).get(0).setAttribute('checked','checked');
						}
						if(element.mailbackAccept){
							var connectWith = document.createElement('input');
							connectWith.setAttribute('type', 'hidden');
							connectWith.setAttribute('id', 'mailbackConnectWith_'+element.mailbackAcceptConnectWith);
							connectWith.setAttribute('name', 'mailbackConnectWith['+element.mailbackAcceptConnectWith+']');
							connectWith.setAttribute('class', 'mailbackConnectWith');
							connectWith.setAttribute('value', 'true_'+element.name);
							JQuery('#bfTemplate').append(connectWith);
						}
					}
					
					if(element.internalType == 'bfRadio'){
						if(element.options.checked){
							JQuery('#'+element.id).get(0).setAttribute('checked','checked');
						}
					}
					
					if(element.internalType == 'bfCalendar' || element.internalType == 'bfCaptcha' || element.internalType == 'bfHidden' || element.internalType == 'bfStaticText' || element.internalType == 'bfIcon'){
						// leave out, only necessary for input elements
					} else {
						// move input elements out of their ui-wrappers
						JQuery('#'+element.id).parent().before(JQuery(JQuery('#'+element.id).parent().prev()).get(0)); // moving the label
						JQuery('#'+element.id).parent().before(JQuery('#'+element.id).get(0)); // moving the element itself
					}

					if(element.script2flag1 == 1){
						var payment = "";
						if(element.internalType == 'bfPayPal'){
							payment = "document.getElementById('bfPaymentMethod').value='PayPal';";
						}
						else if(element.internalType == 'bfSofortueberweisung'){
							payment = "document.getElementById('bfPaymentMethod').value='Sofortueberweisung';";
						}
						JQuery('#'+element.id).get(0).setAttribute('onclick', payment + element.functionNameScript2 + '(this,\'click\');');
					}
					if(element.script2flag2 == 1){
						JQuery('#'+element.id).get(0).setAttribute('onblur', element.functionNameScript2 + '(this,\'onblur\')');
					}
					if(element.script2flag3 == 1){
						JQuery('#'+element.id).get(0).setAttribute('onchange', element.functionNameScript2 + '(this,\'onchange\')');
					}
					if(element.script2flag4 == 1){
						JQuery('#'+element.id).get(0).setAttribute('onfocus', element.functionNameScript2 + '(this,\'onfocus\')');
					}
					if(element.script2flag5 == 1){
						JQuery('#'+element.id).get(0).setAttribute('onselect', element.functionNameScript2 + '(this,\'onselect\')');
					}
					
					if(element.internalType == 'bfTooltip'){
					 JQuery('#'+element.id).get(0).setAttribute('onmouseover', "return overlib('"+expstring(element.options.text)+"',CAPTION,'"+element.name+"',BELOW,RIGHT)");
					 JQuery('#'+element.id).get(0).setAttribute('onmouseout', "return nd()");
					} else
					if(element.internalType == 'bfIcon'){
						JQuery(JQuery('#'+element.id).children('img')[0]).get(0).setAttribute('onmouseover', "this.src='"+element.data3+"'");
					 	JQuery(JQuery('#'+element.id).children('img')[0]).get(0).setAttribute('onmouseout', "this.src='"+element.data1+"'");	
					 	JQuery('#'+element.id).get(0).setAttribute('onmouseover',"this.style.cursor = 'pointer'");
					 	JQuery('#'+element.id).get(0).setAttribute('onmouseout',"this.style.cursor = ''");
					} else
					if(element.internalType == 'bfCalendar'){
                                                
                                                var calCode ='<script class="calCode" type="text/javascript">if(typeof Calendar != "undefined"){Calendar.setup({inputField : ff_getElementByName("'+element.options.connectWith+'").id, ifFormat : "'+element.options.format+'", button : "'+element.id+'", align : "Bl", singleClick : true });}<\/script>';
                                                JQuery('.droppableArea').get(0).innerHTML += calCode;
					}
					if(JQuery('#'+element.id).parents('.bfPage')[0]){
						var elPage = JQuery('#'+element.id).parents('.bfPage')[0].id.split('bfPage');
						element.page = parseInt(elPage[1]); 
					} else {
						element.page = 1;
					}
					if(element.internalType != 'bfHidden' && parseInt(element.tabIndex) != -1){
						JQuery('#'+element.id).get(0).setAttribute('tabindex', element.tabIndex);
					}
				}
			}
			
			JQuery('.ff_div').css('border','');
			JQuery('.ff_elem').css('border','');
			JQuery('.ff_label').css('border','');
			JQuery('.ff_div').css('border-left','');
			JQuery('.ff_elem').css('border-left','');
			JQuery('.ff_label').css('border-left','');
			JQuery('.ff_div').children('.ui-wrapper').remove();
			JQuery('.ff_div').children('.ui-resizable-handle').remove();
			JQuery('.ff_div').children('.ff_label').children('.ui-resizable-handle').remove();
			JQuery('.ff_div').children('.ff_elem').children('.ui-resizable-handle').remove();
			JQuery('.ff_label').removeClass('ui-resizable');
			JQuery('.ff_label').removeClass('ui-resizable-disabled');
			JQuery('.ff_label').removeClass('ui-state-disabled');
			JQuery('.ff_elem').removeClass('ui-resizable');
			JQuery('.ff_elem').removeClass('ui-resizable-disabled');
			JQuery('.ff_elem').removeClass('ui-state-disabled');
			JQuery('.droppableArea').removeClass('ui-sortable');
			JQuery('.droppableArea').removeClass('ui-droppable');
			JQuery('#bfTemplate').children('.ui-wrapper').remove();
			
			JQuery('.bfPage').css('display','none');
			JQuery('#bfPage1').css('display','');
			
			var rep = JQuery('#bfTemplate').get(0).innerHTML.replace(/border-width: initial; /g,"");
			rep = rep.replace(/border-color: initial; /g,"");
			
			var result =  
			{ 
				templateCode : JQuery.base64Encode(rep),
				areas        : JQuery.base64Encode(JQuery.toJSON(areas))
			};

			return result;
		};
		
		this.createElementBeside = function(element, type){
				
				var elements = appScope.getElementsArray(JQuery('#'+element.area).get(0));
				
				if(elements != null && type != ''){
				
							var ffListItem = null;
							
							if(JQuery('#' + element.id).parent().parent().parent().hasClass('ff_listItem')){
								ffListItem = JQuery('#' + element.id).parent().parent().parent();
							} else if(JQuery('#' + element.id).parent().parent().hasClass('ff_listItem')){
								ffListItem = JQuery('#' + element.id).parent().parent();
							} else {
								return;
							}
							
							JQuery(ffListItem).children('.ff_appender').remove();
							
							var info = appScope.getElementById(element.id);
							var rndId = JQuery.md5(Math.random() + info.appElementOrderId + info.appElementId + info.area);
							
							var besideElement = null;
							
							var wrapper = document.createElement('div');
							wrapper.setAttribute('id', 'ff_div' + rndId);
							wrapper.setAttribute('class', 'ff_div');
							
							if(type != 'bfStaticText'){
								
								var label = document.createElement('div');
								label.setAttribute('id', 'ff_elemLabel' + rndId);
								label.setAttribute('class', 'ff_label');
														
								label.style.verticalAlign = 'top';
								label.style.width = '50px';
								label.style.height = '10px';
                                                                JQuery(label).css('float', 'left');
								label.innerHTML = 'Label...';
								
								JQuery(label).click(appScope.resizableElement);
														
								JQuery(wrapper).append(label);
								
								var mybr = document.createElement('div');
								mybr.setAttribute('id', 'ff_break' + rndId);
								mybr.setAttribute('class', 'ff_break');
								JQuery(mybr).css('display','none');
													
								JQuery(wrapper).append(mybr);
							}
							
							besideElement = appScope.createElementByType(type, rndId);
							
							if(besideElement != null){
							
								JQuery(wrapper).append(besideElement.element);
								ffListItem.append(wrapper);
								
								var appender = document.createElement('div');
								appender.setAttribute('class', 'ff_appender');
								JQuery(appender).css('clear','both');
								JQuery(ffListItem).append(appender);
								
								elements.push(
									{
										id                 : besideElement.element.id,
										dbId               : 0,
										rndId              : rndId,
										name               : rndId, // default name until changed by user
										title              : 'title_' + besideElement.element.id, // default title until changed by user
										type               : besideElement.element.type ? besideElement.element.type : '',
										internalType       : type,
										bfType             : besideElement.bfType,
										elementType        : besideElement.elementType,
										area               : element.area,
										appElementId       : type,
										appElementOrderId  : elements.length,
										wrapperId          : wrapper.id,
										labelId            : label ? label.id : '', 
										listItemId         : element.listItemId,
										data1              : besideElement.data1,
										data2              : besideElement.data2,
										data3              : besideElement.data3,
										script1cond        : besideElement.script1cond,
										script1id          : besideElement.script1id,
										script1code        : besideElement.script1code,
										script1flag1       : besideElement.script1flag1,
										script1flag2       : besideElement.script1flag2,
										script2cond        : besideElement.script2cond,
										script2id          : besideElement.script2id,
										script2code        : besideElement.script2code,
										script2flag1       : besideElement.script2flag1,
										script2flag2       : besideElement.script2flag2,
										script2flag3       : besideElement.script2flag3,
										script2flag4       : besideElement.script2flag4,
										script2flag5       : besideElement.script2flag5,
										script3cond        : besideElement.script3cond,
										script3id          : besideElement.script3id,
										script3code        : besideElement.script3code,
										script3msg         : besideElement.script3msg,
										functionNameScript1: besideElement.functionNameScript1,
										functionNameScript2: besideElement.functionNameScript2,
										functionNameScript3: besideElement.functionNameScript3,
										flag1              : besideElement.flag1,
										flag2              : besideElement.flag2,
										mailback           : besideElement.mailback,
										mailbackfile       : besideElement.mailbackfile,
										mailbackAsSender   : false,
										mailbackAccept     : false,
										mailbackAcceptConnectWith: '', 
										orderNumber        : -1,
										tabIndex           : -1,
										page               : parseInt(document.adminForm.page.value),
										options            : besideElement.options
									}
								);
							
								if(type == 'bfCaptcha'){
									appScope.captchaAdded++;
								}
							
								appScope.populateHiddenFieldsOptions();
								if(type != 'bfHidden'){
									appScope.setElementResizable(besideElement.element);
								}
								var labelsResult = JQuery('#'+besideElement.element.id).parent().parent().children('.ff_label');
								if(labelsResult.length != 0){
									for(var k = 0; k < labelsResult.length;k++){
										appScope.setElementResizable(labelsResult[k]);
									}
								}
								labelsResult = JQuery('#'+besideElement.element.id).parent().children('.ff_label');
								if(labelsResult.length != 0){
									for(var k = 0; k < labelsResult.length;k++){
										appScope.setElementResizable(labelsResult[k]);
									}
								}
								appScope.initMouseOvers();
							}
				}
			
		};
		
		this.createElementBesideByType = function(element, selector){
			this.createElementBeside( element, JQuery(selector).val() );
		};
		
		this.disableElementsDetails = function(){
			JQuery('.bfOptionsWrapper').css('display','none');
			JQuery('.bfOptions').css('display','none');
			JQuery('.bfOptions').css('visibility','hidden');
			JQuery('#bfActions').css('display','none');
			JQuery('#bfActions').css('visibility','hidden');
			JQuery('#bfGlobalOptions').css('display','none');
			JQuery('#bfGlobalOptions').css('visibility','hidden');
			JQuery('#bfSaveOptionsButton').css('display','none');
			JQuery('#bfSaveOptionsButton').css('visibility','hidden');
			JQuery('#bfRemoveLabelButton').css('display','none');
			JQuery('#bfRemoveLabelButton').css('visibility','hidden');
			JQuery('#bfOptionsSaveMessage').css('display','none');
			JQuery('#bfOptionsSaveMessage').css('visibility','hidden');
			JQuery('#bfBesideCreationButton').css('display','none');
			JQuery('#bfBesideCreationButton').css('visibility','hidden');
			JQuery('#bfElementRemoveButton').css('display','none');
			JQuery('#bfElementRemoveButton').css('visibility','hidden');
			JQuery('#bfElementMoveLeft').css('display','none');
			JQuery('#bfElementMoveRight').css('display','none');
			JQuery('#bfInitScript').css('display','none');
			JQuery('#bfInitScript').css('visibility','hidden');
			JQuery('#bfActionScript').css('display','none');
			JQuery('#bfActionScript').css('visibility','hidden');
			JQuery('#bfValidationScript').css('display','none');
			JQuery('#bfValidationScript').css('visibility','hidden');
			JQuery('.bfScriptsSaveMessage').css('display','none');
		};
		
		this.handleLabel = function (label){
		
			appScope.disableElementsDetails();
			appScope.optionElement = label;
			
			if(appScope.optionElement != null){
			
				JQuery('#bfOptionsWrapper').css('display','');
				JQuery('#bfGlobalOptions').css('display','');
				JQuery('#bfGlobalOptions').css('visibility','visible');
			
				JQuery('#bfSaveOptionsButton').css('display','');
				JQuery('#bfSaveOptionsButton').css('visibility','visible');
			
				JQuery('#bfRemoveLabelButton').css('display','');
				JQuery('#bfRemoveLabelButton').css('visibility','visible');
			
				JQuery('#bfLabelOptions').css('display','');
				JQuery('#bfLabelOptions').css('visibility','visible');
				
				JQuery(label).resizable('destroy');
				
				JQuery('#bfLabelContent').get(0).value = JQuery(label).get(0).innerHTML;
				
				appScope.setElementResizable(JQuery(label).get(0));
				
				if(JQuery(label).parent().children('.ff_break')[0].style.display != 'none'){
					JQuery('#bfLabelOnTop').attr('checked', true);
				} else {
					JQuery('#bfLabelOnTop').attr('checked', false);
				}
				
				JQuery('#bfLabelWidth').get(0).value  = JQuery(label).get(0).style.width;
				JQuery('#bfLabelHeight').get(0).value = JQuery(label).get(0).style.height;
				JQuery('#bfOptionsPadding').get(0).value = JQuery(label).get(0).style.padding;
				JQuery('#bfOptionsMargin').get(0).value = JQuery(label).get(0).style.margin;
			}
		};
			
		this.populateElementValidationScript = function(){
			
			JQuery('#bfValidationScript').css('display','');
			JQuery('#bfValidationScript').css('visibility','visible');

			JQuery('#bfValidationScriptSelection').empty();
			for(var i = 0; i < appScope.elementScripts.validation.length;i++){
				var option = document.createElement('option');
				JQuery(option).val(appScope.elementScripts.validation[i].id);
				JQuery(option).text(appScope.elementScripts.validation[i].package + '::' + appScope.elementScripts.validation[i].name); 
				if(appScope.elementScripts.validation[i].id == appScope.optionElement.script3id){
					//JQuery(option).attr('selected', 'selected');
					JQuery(option).get(0).setAttribute('selected', 'selected');
				}
				JQuery('#bfValidationScriptSelection').append(option);
			}
			
			JQuery('#script3msg').val(appScope.optionElement.script3msg);
			JQuery('#script3code').val(appScope.optionElement.script3code);
			
			switch(appScope.optionElement.script3cond){
				case 1:
					JQuery('.bfValidationType').attr('checked','');
					JQuery('#bfValidationTypeLibrary').attr('checked','checked');
					JQuery('#bfValidationScriptLibrary').css('display','');
					JQuery('#bfValidationScriptCustom').css('display','none');
					JQuery('#bfValidationScriptFlags').css('display','');
					JQuery('#bfValidationScriptLibrary').css('display','');
					JQuery('#bfValidationScriptCustom').css('display','none');
					break;
				case 2:
					JQuery('.bfValidationType').attr('checked','');
					JQuery('#bfValidationTypeCustom').attr('checked','checked');
					JQuery('#bfValidationScriptFlags').css('display','');
					JQuery('#bfValidationScriptLibrary').css('display','none');
					JQuery('#bfValidationScriptCustom').css('display','');
					break;
				default:
					JQuery('.bfValidationType').attr('checked','');
					JQuery('#bfValidationTypeNone').attr('checked','checked');
					JQuery('#bfValidationScriptFlags').css('display','none');
					JQuery('#bfValidationScriptLibrary').css('display','none');
					JQuery('#bfValidationScriptCustom').css('display','none');
			}
		};
				
		this.populateElementInitScript = function(){
			
			JQuery('#bfInitScript').css('display','');
			JQuery('#bfInitScript').css('visibility','visible');

			JQuery('#bfInitScriptSelection').empty();
			for(var i = 0; i < appScope.elementScripts.init.length;i++){
				var option = document.createElement('option');
				JQuery(option).val(appScope.elementScripts.init[i].id);
				JQuery(option).text(appScope.elementScripts.init[i].package + '::' + appScope.elementScripts.init[i].name); 
				if(appScope.elementScripts.init[i].id == appScope.optionElement.script1id){
					//JQuery(option).attr('selected', 'selected');
					JQuery(option).get(0).setAttribute('selected', 'selected');
				}
				JQuery('#bfInitScriptSelection').append(option);
			}
			
			if(appScope.optionElement.script1flag1 == 1){
				JQuery('#script1flag1').get(0).checked = true;
			} else {
				JQuery('#script1flag1').get(0).checked = false;
			}
			
			if(appScope.optionElement.script1flag2 == 1){
				JQuery('#script1flag2').get(0).checked = true;
			} else {
				JQuery('#script1flag2').get(0).checked = false;
			}
			
			JQuery('#script1code').val(appScope.optionElement.script1code);
			
			switch(appScope.optionElement.script1cond){
				case 1:
					JQuery('.bfInitType').attr('checked','');
					JQuery('#bfInitTypeLibrary').attr('checked','checked');
					JQuery('#bfInitScriptLibrary').css('display','');
					JQuery('#bfInitScriptCustom').css('display','none');
					JQuery('#bfInitScriptFlags').css('display','');
					JQuery('#bfInitScriptLibrary').css('display','');
					JQuery('#bfInitScriptCustom').css('display','none');
					break;
				case 2:
					JQuery('.bfInitType').attr('checked','');
					JQuery('#bfInitTypeCustom').attr('checked','checked');
					JQuery('#bfInitScriptFlags').css('display','');
					JQuery('#bfInitScriptLibrary').css('display','none');
					JQuery('#bfInitScriptCustom').css('display','');
					break;
				default:
					JQuery('.bfInitType').attr('checked','');
					JQuery('#bfInitTypeNone').attr('checked','checked');
					JQuery('#bfInitScriptFlags').css('display','none');
					JQuery('#bfInitScriptLibrary').css('display','none');
					JQuery('#bfInitScriptCustom').css('display','none');
			}
		};
		
		this.populateElementActionScript = function(){
			
			JQuery('#bfActionScript').css('display','');
			JQuery('#bfActionScript').css('visibility','visible');
			
			if(appScope.optionElement.internalType == 'bfSofortueberweisung' || appScope.optionElement.internalType == 'bfPayPal' || appScope.optionElement.internalType == 'bfIcon' || appScope.optionElement.internalType == 'bfImageButton' || appScope.optionElement.internalType == 'bfSubmitButton'){
				JQuery('.script2flag').css('display','none');
				JQuery('.script2flagLabel').css('display','none');
				JQuery('#script2flag1').css('display','');
				JQuery('#script2flag1Label').css('display','');
			} else {
				JQuery('.script2flag').css('display','');
				JQuery('.script2flagLabel').css('display','');
			}
			
			JQuery('#bfActionsScriptSelection').empty();
			
			for(var i = 0; i < appScope.elementScripts.action.length;i++){
			
				var option = document.createElement('option');
				
				JQuery(option).val(appScope.elementScripts.action[i].id);
				JQuery(option).text(appScope.elementScripts.action[i].package + '::' + appScope.elementScripts.action[i].name); 
				
				if(appScope.elementScripts.action[i].id == appScope.optionElement.script2id){
					
					JQuery(option).get(0).setAttribute('selected', 'selected');
				}
				
				JQuery('#bfActionsScriptSelection').append(option);
			}
			
			if(appScope.optionElement.script2flag1 == 1){
				JQuery('#script2flag1').get(0).checked = true;
			} else {
				JQuery('#script2flag1').get(0).checked = false;
			}
			
			if(appScope.optionElement.script2flag2 == 1){
				JQuery('#script2flag2').get(0).checked = true;
			} else {
				JQuery('#script2flag2').get(0).checked = false;
			}
			
			if(appScope.optionElement.script2flag3 == 1){
				JQuery('#script2flag3').get(0).checked = true;
			} else {
				JQuery('#script2flag3').get(0).checked = false;
			}
			
			if(appScope.optionElement.script2flag4 == 1){
				JQuery('#script2flag4').get(0).checked = true;
			} else {
				JQuery('#script2flag4').get(0).checked = false;
			}
			
			if(appScope.optionElement.script2flag5 == 1){
				JQuery('#script2flag5').get(0).checked = true;
			} else {
				JQuery('#script2flag5').get(0).checked = false;
			}
			
			JQuery('#script2code').val(appScope.optionElement.script2code);
			
			switch(appScope.optionElement.script2cond){
				case 1:
					JQuery('.bfActionType').attr('checked','');
					JQuery('#bfActionTypeLibrary').attr('checked','checked');
					JQuery('#bfActionScriptLibrary').css('display','');
					JQuery('#bfActionScriptCustom').css('display','none');
					JQuery('#bfActionScriptFlags').css('display','');
					JQuery('#bfActionScriptLibrary').css('display','');
					JQuery('#bfActionScriptCustom').css('display','none');
					break;
				case 2:
					JQuery('.bfActionType').attr('checked','');
					JQuery('#bfActionTypeCustom').attr('checked','checked');
					JQuery('#bfActionScriptFlags').css('display','');
					JQuery('#bfActionScriptLibrary').css('display','none');
					JQuery('#bfActionScriptCustom').css('display','');
					break;
				default:
					JQuery('.bfActionType').attr('checked','');
					JQuery('#bfActionTypeNone').attr('checked','checked');
					JQuery('#bfActionScriptFlags').css('display','none');
					JQuery('#bfActionScriptLibrary').css('display','none');
					JQuery('#bfActionScriptCustom').css('display','none');
			}
		};
		
		/**
		* handles the selected element to show its options in the accordion menu
		*/
		this.handleElement = function(element){
			
			appScope.disableElementsDetails();
			
			if(element != null){
				
				appScope.optionElement = element;
			
				JQuery('#bfOptionsWrapper').css('display','');
				JQuery('#bfActions').css('display','');
				JQuery('#bfActions').css('visibility','visible');
				JQuery('#bfGlobalOptions').css('display','');
				JQuery('#bfGlobalOptions').css('visibility','visible');
				JQuery('#bfSaveOptionsButton').css('display','');
				JQuery('#bfSaveOptionsButton').css('visibility','visible');
				JQuery('#bfElementRemoveButton').css('display','');
				JQuery('#bfElementRemoveButton').css('visibility','visible');
				JQuery('#bfElementMoveLeft').css('display','');
				JQuery('#bfElementMoveLeft').css('visibility','visible');
				JQuery('#bfElementMoveRight').css('display','');
				JQuery('#bfElementMoveRight').css('visibility','visible');
				JQuery('#bfBesideCreationButton').css('display','');
				JQuery('#bfBesideCreationButton').css('visibility','visible');
			
				switch(element.internalType){
					case 'bfStaticText':
						JQuery('#bfStaticTextOptions').css('display','');
						JQuery('#bfStaticTextOptions').css('visibility','visible');
						JQuery('#bfStaticTextTitle').get(0).value   = element.title;
						JQuery('#bfStaticTextWidth').get(0).value  = JQuery('#'+element.id).get(0).style.width;
						JQuery('#bfStaticTextHeight').get(0).value = JQuery('#'+element.id).get(0).style.height;
						JQuery('#'+element.id).resizable('destroy');
						
						JQuery('#bfStaticTextContent').get(0).value = JQuery('#'+element.id).get(0).innerHTML;
						appScope.setElementResizable(JQuery('#'+element.id).get(0));
						break;
					case 'bfIcon':
						JQuery('#bfIconOptions').css('display','');
						JQuery('#bfIconOptions').css('visibility','visible');
						JQuery('#bfIconCaption').get(0).value  = JQuery('#'+element.id).children('#ff_iconCaption'+element.rndId)[0].innerHTML;
						JQuery('#bfIconWidth').get(0).value  = JQuery('#'+element.id).get(0).style.width;
						JQuery('#bfIconHeight').get(0).value = JQuery('#'+element.id).get(0).style.height;
						JQuery('#bfIconImage').get(0).value = JQuery('#'+element.id).attr('src');
						JQuery('#bfIconImage').get(0).value = element.data1;
						JQuery('#bfIconImageOver').get(0).value = element.data3;
						appScope.populateElementActionScript();
						break;
					case 'bfCalendar':
						JQuery('#bfCalendarOptions').css('display','');
						JQuery('#bfCalendarOptions').css('visibility','visible');
						JQuery('#bfCalendarFormat').get(0).value  = element.options.format;
						JQuery('#bfCalendarConnectWith').get(0).value = element.options.connectWith;
						JQuery('#'+element.id).resizable('destroy');
						JQuery('#bfCalendarText').get(0).value = JQuery('#'+element.id).get(0).innerHTML.replace('','');
						appScope.setElementResizable(JQuery('#'+element.id).get(0));
						break;
					case 'bfCaptcha':
						JQuery('#bfCaptchaOptions').css('display','');
						JQuery('#bfCaptchaOptions').css('visibility','visible');
						JQuery('#bfCaptchaWidth').get(0).value  = JQuery('.ff_captcha')[0].style.width;
						JQuery('#bfCaptchaHeight').get(0).value = JQuery('.ff_captcha')[0].style.height;
						break;
					case 'bfTextfield':
						JQuery('#bfTextfieldOptions').css('display','');
						JQuery('#bfTextfieldOptions').css('visibility','visible');
						JQuery('#bfTextfieldTitle').get(0).value  = element.title;
						JQuery('#bfTextfieldName').get(0).value   = element.name;
						JQuery('#bfTextfieldValue').get(0).value = element.options.value;
						
						JQuery('#bfTextfieldWidth').get(0).value  = JQuery('#'+element.id).get(0).style.width;
						JQuery('#bfTextfieldHeight').get(0).value = JQuery('#'+element.id).get(0).style.height;
						JQuery('#bfTextfieldMaxlength').get(0).value = JQuery('#'+element.id).attr('maxlength') > -1 ? JQuery('#'+element.id).attr('maxlength') : '';
						if(element.options.readonly){
							JQuery('#bfTextfieldDisable').attr('checked', true);
							JQuery('#'+element.id).get(0).setAttribute('readonly','readonly');
							
						} else {
							JQuery('#bfTextfieldDisable').attr('checked', false);
							JQuery('#'+element.id).get(0).setAttribute('readonly','');
							JQuery('#'+element.id).get(0).removeAttribute('readonly');
						}
						if(element.options.password){
							JQuery('#bfTextfieldPassword').attr('checked', true);
							JQuery('#'+element.id).get(0).setAttribute('type','password');
							
						} else {
							JQuery('#bfTextfieldPassword').attr('checked', false);
							JQuery('#'+element.id).get(0).setAttribute('type', 'text');
						}
						if(element.options.mailback){
							JQuery('#bfTextfieldMailback').attr('checked', true);
							
						} else {
							JQuery('#bfTextfieldMailback').attr('checked', false);
						}
						if(element.mailbackAsSender){
							JQuery('#bfTextfieldMailbackAsSender').attr('checked', true);
							
						} else {
							JQuery('#bfTextfieldMailbackAsSender').attr('checked', false);
						}
						JQuery('#bfTextfieldMailbackfile').get(0).value = element.mailbackfile;
						appScope.populateElementActionScript();
						appScope.populateElementInitScript();
						appScope.populateElementValidationScript();
						break;
					case 'bfTextarea':
						JQuery('#bfTextareaOptions').css('display','');
						JQuery('#bfTextareaOptions').css('visibility','visible');
						JQuery('#bfTextareaTitle').get(0).value  = element.title;
						JQuery('#bfTextareaName').get(0).value  = element.name;
						JQuery('#bfTextareaValue').get(0).value = element.options.value;
						JQuery('#bfTextareaWidth').get(0).value  = JQuery('#'+element.id).get(0).style.width;
						JQuery('#bfTextareaHeight').get(0).value = JQuery('#'+element.id).get(0).style.height;
						if(element.options.readonly){
							JQuery('#bfTextareaDisable').attr('checked', true);
							JQuery('#'+element.id).get(0).setAttribute('readonly','readonly');
							
						} else {
							JQuery('#bfTextareaDisable').attr('checked', false);
							JQuery('#'+element.id).get(0).setAttribute('readonly','');
							JQuery('#'+element.id).get(0).removeAttribute('readonly');
						}
						appScope.populateElementInitScript();
						appScope.populateElementActionScript();
						appScope.populateElementValidationScript();
						break;
					case 'bfCheckbox':
						JQuery('#bfCheckboxOptions').css('display','');
						JQuery('#bfCheckboxOptions').css('visibility','visible');
						JQuery('#bfCheckboxChecked').get(0).checked = element.options.checked;
						JQuery('#bfCheckboxValue').get(0).value = element.options.value;
		…