--- Webpacus/root/editor/editor.js	2005/11/24 22:29:39	137
+++ Webpacus/root/editor/editor.js	2005/11/26 20:21:54	165
@@ -20,14 +20,34 @@
 
 function load_rec(nr) {
 	Logger.debug('load_rec '+nr);
+
+	if (loading.record) {
+		Logger.info('loading of record '+nr+' skipped, load in progress');
+		return;
+	}
+
 	if (nr == 1) {
 		Element.hide('a_left_arr');
 	} else {
 		Element.show('a_left_arr');
 	}
-	update_status(nr+'...');
-	iwfRequest( url+'/xml/?template='+template_filename+'&rec='+nr, 'div_record' );
-	new Effect.Opacity('div_record', { from: 1.0, to: 0.7, duration: 0.3 });
+
+	var args = '?mfn='+nr+'&template_filename='+template_filename;
+
+	new Ajax.Updater( 'div_record',  url+'record'+args, {
+		asynchronous: 1,
+		onLoading: function(request) {
+			loading.record = 1;
+			update_status(nr+'...');
+			Logger.info('load_rec.onLoading: '+nr);
+		},
+		onLoaded: function(request) {
+			loading.record = 0;
+			update_status('# '+nr);
+			Logger.info('load_rec.onLoaded: '+nr);
+		}
+	} ) ;
+
 }
 
 function inc_rec() {
@@ -49,15 +69,27 @@
 	return false;
 }
 
+var current_edit = '';
+
 function edit_template() {
-	Effect.Fade('div_css');
-	Effect.Appear('div_template');
+	$('div_css').style.visibility = "hidden";
+	Element.removeClassName('a_css', 'tab_selected');
+	Element.addClassName('a_template', 'tab_selected');
+	$('div_template').style.visibility = "visible";
+	Logger.debug("switched to template editor");
+	var c = $('template_content');
+	if (c) c.focus();
 	return false;
 }
 
 function edit_css() {
-	Effect.Fade('div_template', 30, 1);
-	Effect.Appear('div_css', 30, 1);
+	$('div_template').style.visibility = "hidden";
+	Element.removeClassName('a_template', 'tab_selected');
+	Element.addClassName('a_css', 'tab_selected');
+	$('div_css').style.visibility = "visible";
+	Logger.debug("switched to CSS editor");
+	var c = $('css_content');
+	if (c) c.focus();
 	return false;
 }
 
@@ -78,6 +110,7 @@
 var loading = {
 	template: 0,
 	css: 0,
+	record: 0,
 }
 
 function load_template( template ) {
@@ -87,13 +120,18 @@
 		return;
 	}
 
-	new Ajax.Updater( 'div_template',  url+'template', {
+	var args = '?template_filename='+template_filename;
+
+	new Ajax.Updater( 'div_template',  url+'template'+args, {
 		asynchronous: 1,
 		onLoading: function(request) {
 			loading.template = 1;
+			Logger.info('load_template.onLoading: '+template);
 		},
 		onLoaded: function(request) {
 			loading.template = 0;
+			Position.clone('div_template', 'div_css');
+			Logger.info('load_template.onLoaded: '+template);
 		}
 	} ) ;
 }
@@ -109,9 +147,11 @@
 		asynchronous: 1,
 		onLoading: function(request) {
 			loading.css = 1;
+			Logger.info('load_css.onLoading: '+css_file);
 		},
 		onLoaded: function(request) {
 			loading.css = 0;
+			Logger.info('load_css.onLoaded: '+css_file);
 		}
 	} ) ;
 };
@@ -121,7 +161,9 @@
 //	Element.hide('div_css');
 //	Element.show('div_template');
 
-	Position.clone('div_template', 'div_css');
+//	Position.clone('div_template', 'div_css');
+
+	edit_template();
 
 	// load css editor
 	load_css();