dex.page = { 

	set_nodeid: function(nodeid) {
		this.nodeid = nodeid;
	},

	set_type: function(type) {
		this.type = type;
	},

	set_pagename : function(name) {
		this.pagename = name;
	},

	modules_chooser : function(parameters) {
		this.config = parameters;
		
		dex.load.onclick("dex.dialog", function(){
			dex.page.modules_chooser_load(this.config)
		},{scope:this})
	},
	modules_chooser_load : function(parameters) {
		this.process_answer = function(answer) {
			// Remove line breaks
			var response = answer.replace(new RegExp("[\n|\r|\f]", 'g'),"");
			
			// Get edit form
			var regex = new RegExp('(<div\\s*?class="module_edit_presenter".*?)<div\\s*?class="content', 'gi');
			var match = regex.exec(response);
			var form = match[1];
			var module_html = response.replace(regex, '<div class="content');

			// remove links
			module_html = module_html.replace(new RegExp("href\s*=\s*[\"\']?([^\'\">]+)[\'\"]", 'i'), 'href="javascript://"');
			response = '<div class="module_preview '+this.module_name+'" id="module_preview">'+module_html+'</div><div class="module_modifier">'+form+'</div>';
			return response;
		};
		this.process_content = function(content) {
			var len;
			var editor_presenter = dex.utils.getElementsByClass('module_edit_presenter',content);
			var form = YAHOO.util.Selector.query('form', editor_presenter, true);
			
			content.module = true;
			
			var submit_button = dex.utils.getElementsByClass('add_submit', editor_presenter,'input');

			var self = this;
//			submit_button.setAttribute("onclick", "dex.page.add_module_from_form(this.form, '"+this.module_name+"')");
			submit_button.onclick = function() {dex.page.add_module_from_form(this.form, self.module_name)};

			var selects = YAHOO.util.Selector.query('select', form);
			len = selects.length;
			for(var i=0;i<len;i++){
				selects[i].setAttribute("onchange", "return dex.page.get_module_preview(this)");
			}

			var inputs = YAHOO.util.Selector.query('input', form);
			len = inputs.length;
			for(var i=0;i<len;i++){
				if (inputs[i].type == 'text'){
					inputs[i].setAttribute("onblur", "return dex.page.get_module_preview(this)");
				}
			}
			var inputs = YAHOO.util.Selector.query('textarea', form);
			len = inputs.length;
			for(var i=0;i<len;i++){
				if (inputs[i].type == 'text'){
					inputs[i].setAttribute("onblur", "return dex.page.get_module_preview(this)");
				}
			}
		};
		this.load_module = function() {
			this.dialog.load_form(dex.page.url + '/module/' + this.moduleid + '/');
		};

		var config = {
			dialog_id:'module_form_dialog',
			width:'670px',
			process_answer:true,
			process_content:true};
		for (i in parameters) {
			this[i] = parameters[i];
			config[i] = parameters[i];
		};
		this.dialog = new dex.dialog(this, config);
		this.load_module();
	},

	get_module_preview : function(bttn){
		var i, query, moduleid;
		var form = bttn.form;
		var query = '';
		document.getElementById("module_preview").innerHTML = '<div class="ajax_load" style="display:block"></div>';
		for (i = 0;form.elements[i]; i++ ){
			if (form.elements[i].name){
				if (form.elements[i].name.trim() == 'moduleid'){
					moduleid = form.elements[i].value.trim();
				}
				else {
					query+= '&'+form.elements[i].name.trim() + '=' + escape(dex.utils.utf8_encode(form.elements[i].value.trim()));
				}
			}
		}
		YAHOO.util.Connect.asyncRequest('GET', this.url+'/module/'+moduleid+'/?'+query, {
			cache:false,
			success: dex.page.render_module_preview,
			scope: this}
		);
		return false;
	},

	render_module_preview : function(o){
		var module_html = o.responseText.replace(new RegExp("[\n|\r|\f]", 'gi'),"");
		module_html = module_html.replace(new RegExp("href\s*=\s*[\"\']?([^\'\">]+)[\'\"]", 'gi'),'href="javascript://"');
		// Remove form
		module_html = module_html.replace(new RegExp("<div class=\"module_edit_presenter\" name=\"module_edit\">(.*)<div class=\"clear\"></div>", 'gi'),'');
		var regex = new RegExp('(<div\\s*?class="module_edit_presenter".*?)<div\\s*?class="content', 'gi');
		var module_html = module_html.replace(regex, '<div class="content');
		YAHOO.plugin.Dispatcher.process(document.getElementById("module_preview"), module_html);
		dex.load.insert();
	},

	change_style : function (o, styleid) {
		var editor = o.parentNode.parentNode.parentNode;
		var form = editor.getElementsByTagName('form')[0];
		var wrapper = this.find_module_div(editor);
		// Set the new style within the form
		form.box_style.value = styleid;
		// Change the box style
		wrapper.className = wrapper.className.replace(new RegExp("box([0-9]+)", 'gi'), '');
		wrapper.className+= ' '+styleid;
		this.save();
	},

	add_module_from_form : function(form, module_name) {
		var i, query = '', moduleid = 0;
		for (i = 0;form.elements[i]; i++ ){
			if (form.elements[i].name){
				if (form.elements[i].name && form.elements[i].name.trim() == 'moduleid'){
					moduleid = form.elements[i].value.trim();
				}
				else {
					if (query != '') {
						query+= '&';
					}
					query+= form.elements[i].name.trim() + '=' + escape(dex.utils.utf8_encode(form.elements[i].value.trim()));
				}
			}
		}
		dex.utils.close_active_dialog('module_form_dialog');
		var module = this.create_module(moduleid, module_name, query);
		this.toggle_admin_tab();
//		dex.load.onclick('tf.scroller', function() {TF.Scroller.anchorScroll(module.id)});
		return false;
	},

	add_module : function(obj, editable) {
		var new_index = this.modules.length;
		var id = obj.id;
		this.modules[new_index] = new dex.module(id, new_index, editable);
		this.modules[new_index].render();
		this.module_refs[id] = new_index;
	},

	create_module : function(moduleid, module_name, query){
		var module = document.createElement('DIV');
		var styleid = query.match(new RegExp("box([0-9]+)", 'i'));
		module.className = 'object module'+moduleid;
		if (module_name) {
			module.className+= ' '+module_name;
		}
		if (styleid && styleid[0]) {
			module.className+= ' '+styleid[0];
		}
		module.id = 'object_0_0_0_'+Math.ceil(Math.random()*99999)+'_mid'+moduleid;
		var col = this.get_shortest_col();
		col.insertBefore(module, col.firstChild);
		var g = this.modules.length;

		this.modules[g] = new dex.module(module.id, g);
		this.modules[g].need_to_save_changes = true;
		this.module_refs[module.id] = g;
		if (query)
			this.modules[g].refresh(moduleid, query);
		else
			this.modules[g].refresh(moduleid);

		return module;
	},

	get_shortest_col : function() {
		var i;
		var longest = 0;
		var l = this.container.length -1;
		var c = this.container[l].childNodes;
		var l = c.length;
		for (i = 0; i<l; i++) {
			//alert(c[i].nodeName+' '+c[i].offsetHeight)
			if (c[i].nodeName=='DIV' && c[i].className=='column' && (longest > c[i].offsetHeight || !longest)) {
				longest = c[i].offsetHeight;
				longestelm =  c[i];
			}
		}
		return longestelm;
	},

	get_page_colors : function(){

		if (!this.css_link || !this.css_link.parentNode) {
			this.css_link = document.getElementById("css_link");
			this.css_link_base = this.css_link.href.split("?")[0];
			this.colors = new Array();
			var parts	= '';
			var key		= '';
			if ( this.css_link.href.indexOf("?") != -1){

				var params = this.css_link.href.split("?")[1];
				var param = params.split("&");
				for (var i = 0; i < param.length; ++i){
					parts = param[i].split("=");
					if (parts[0]=='bg'){
						this.bg = parts[1];
					}
					else if(parts[0]!='time') {
						this.colors[parts[0]] = parts[1];
					}
				}
			}
		}
		return this.colors
	},

	reload_css : function(){
		if (!this.css_link || !this.css_link.parentNode) {
			this.css_link = document.getElementById("css_link");
		}
		YAHOO.plugin.Dispatcher.cssLoader(this.css_link.href, {cache: false, override: true, styleElement: 'css_link'});
	},

	set_page_color : function (field, value){
		this.colors[field] = value;
		var url = this.css_link_base+'?';
		url+=field+'='+value;
		for(var name in this.colors){
			if (name != field){
				url+='&'+name;
				if (this.colors[name]) {
					url+='='+this.colors[name];
				}
			}
		}
		url+='&bg='+this.bg;
		this.css_link.href = url;
		this.reload_css();
		return this.colors;
	},

	set_color : function(color) {
		this.get_page_colors();
		this.set_page_color('color', color);
		this.changes_where_made();
	},
	
	set_navcolor1 : function(color) {
		this.get_page_colors();
		this.set_page_color('navcolor1', color);
		this.changes_where_made();
	},
	
	set_navcolor2 : function(color) {
		this.get_page_colors();
		this.set_page_color('navcolor2', color);
		this.changes_where_made();
	},

	set_fontcolor : function(color) {
		this.get_page_colors();
		this.set_page_color('fontcolor', color);
		this.changes_where_made();
	},

	set_linkcolor : function(color) {
		this.get_page_colors();
		this.set_page_color('linkcolor', color);
		this.changes_where_made();
	},
	
	set_linkcolor1 : function(color) {
		this.get_page_colors();
		this.set_page_color('linkcolor1', color);
		this.changes_where_made();
	},
	
	set_linkcolor2 : function(color) {
		this.get_page_colors();
		this.set_page_color('linkcolor2', color);
		this.changes_where_made();
	},
	
	set_bgcolor : function(color) {
		this.get_page_colors();
		this.set_page_color('bgcolor', color);
		this.changes_where_made();
	},

	set_boxcolor : function(color) {
		this.get_page_colors();
		this.set_page_color('boxcolor', color);
		this.changes_where_made();
	},
	
	set_boxbordercolor : function(color) {
		this.get_page_colors();
		this.set_page_color('boxbordercolor', color);
		this.changes_where_made();
	},

	changes_where_made : function() {
		this.save();
	},
	
	dont_forget_to_save : function() {
		return 'You made changes to this page. If you click OK you will loose them.';

	},

	set_signature_hash : function(hash) {
		this.signature_hash = hash;
	},

	save : function(){
		var params = 'method=save_layout';
		var i, l, j, h, k, g, col, parts, moduleid, settings, s;
		g = 0;

		for (i = 0; this.container[i]; i++){
			if ((this.container[i].className.indexOf('editable')!=-1)){
				col = 0;
				l	= this.container[i].getElementsByTagName('div');
				for (j = 0; j<l.length; j ++) {
					//Drag and drop - check if column

					if (l[j].id && l[j].id.substring(0,6) == 'column') {
						h = l[j].childNodes;
						col++;
						//check if module
						for (k =0; k<h.length; k++){
							if (h[k].id && h[k].id.substring(0,6) == 'object') {
								moduleid = h[k].id.split('_')[5];
								params+= '&module['+g+']='+(i+1)+'_'+col+'_'+g+'_'+k+'_'+moduleid;
								if (!(this.module_refs[h[k].id] == null)) {
									this.modules[this.module_refs[h[k].id]].render_dragdrop();
									settings = this.modules[this.module_refs[h[k].id]].get_settings();
									for (s =0;settings[s];s++ ) {
										if (settings[s].name) {
											var val = settings[s].value.trim();
//											val = val.replace(/\//g,"%2F");
//											val = val.replace(/\?/g,"%3F");
//											val = val.replace(/=/g,"%3D");
//											val = val.replace(/&/g,"%26");
//											val = val.replace(/@/g,"%40");
											params+= '&module_settings['+g+']['+settings[s].name.trim()+'] = '+encodeURIComponent(val);
//											params+= '&module_settings['+g+']['+settings[s].name.trim()+'] = '+val;
											//console.log(settings[s].value.trim());
										}
									}
								}
								g++
							}
						}
					}
				}
			}
		}
		var colors = this.get_page_colors();
		
		var page = document.getElementById("page").className.split(' ')[0];
		var type = document.getElementById("page").className.split(' ')[1];

		params+= '&page_name='+page+'&type='+type;
		
		var commaDelimitedColorsArray = '';
		
		for (var i in colors){
			if (colors[i]){
				params+= '&'+i+'='+colors[i];
				commaDelimitedColorsArray += i + ',';
			}
		}
		params += '&colors_array=' + commaDelimitedColorsArray;
		//params += '&hash_signature='+dex.hash;
		YAHOO.util.Connect.initHeader('X-Signature', dex.hash);
		YAHOO.util.Connect.initHeader('Content-Type', "application/x-www-form-urlencoded; charset=utf8");

		//console.log(params);
		var request = YAHOO.util.Connect.asyncRequest('POST', this.url+'json/save_layout/', {}, params);
	},

	fix : function(kind) {
		if (!kind) kind = 'fix';
		for (i = 0; this.container[i]; i++){
			if (kind == 'fix')
				YAHOO.util.Dom.setStyle(this.container[i],'overflow','hidden');
			else{
				YAHOO.util.Dom.setStyle(this.container[i],'overflow','visible');
			}
			if (this.container[i].className.indexOf('editable')!=-1){
				//l = this.container[i].childNodes;
				//reset styles
				//this.set_columns_height(kind);
			}
		}
		
	},

	set_columns_height : function(kind){
		var i,j,l, comn_height;

		if (!(kind == 'auto' || kind == 'fix'))	return false;

		// reset
		for (i=0; this.container[i]; i++){
			//set max height
			comn_height = Math.ceil(this.container[i].offsetHeight);
			l = this.container[i].childNodes;
			for (j = 0; j<l.length; j ++) {
				if (l[j].className == 'column'){
					YAHOO.util.Dom.setStyle(l[j],'height','auto');
				}
			}
		}
		if (kind == 'auto')
			return false;

		for (i=0; this.container[i]; i++){
			//set max height
			comn_height = Math.ceil(this.container[i].offsetHeight);
			l = this.container[i].childNodes;
			for (j = 0; j<l.length; j ++) {
				if (l[j].className == 'column'){
					YAHOO.util.Dom.setStyle(l[j],'height',comn_height+'px');
				}
			}
		}
	},
	
	toggle : function(elmid) {
		
		var elm = document.getElementById(elmid);
		
		if (elm.style.display == 'block')
		{
			elm.style.display = 'none';
		} else
		{
			elm.style.display = 'block';
		}
	},
	
	toggle_admin_tab : function(moduleid,params) {
		this.load_admin_module = function(moduleid,params_string) {
			var container = document.getElementById('edit_page_tab');
			var module = document.getElementById('edit_page_module');
			module.innerHTML = '';
			dex.css.overlay_ajaxon(module);
			container.style.display = 'block';
			var new_height = module.offsetHeight;
			var myAjaxAnim = new YAHOO.util.Anim('edit_page_tab', {height:{from:0,to:new_height},opacity:{from:0,to:1}}, 0.3);
			myAjaxAnim.onComplete.subscribe(function() {
				var url = dex.page.url + '/module/'+dex.page.admin_module+'/?page='+document.getElementById("page").className.split(' ')[0]+params_string;
				var config={ url: url };
				dex.load.onclick("yahoo.plugin.dispatcher",function(){
					YAHOO.plugin.Dispatcher.fetch('edit_page_module',this.url, {
						cache: false,
						onLoad: function() {
							dex.page.show_admin_module();
							// Insert required JS
							dex.load.insert();
						}
					});
				},{scope:config});
			});
			myAjaxAnim.animate();
			dex.page.admin_tab = 'loading';
			dex.page.admin_module = moduleid;
			dex.page.params_string = params_string;
		};

		this.show_admin_module = function() {
			document.getElementById('edit_page_tab').style.display = 'block';
			var module = document.getElementById('edit_page_module');
			var new_height = module.offsetHeight;
			var myAnim = new YAHOO.util.Anim('edit_page_tab', {height:{from:0,to:new_height},opacity:{from:0,to:1}}, 0.5, YAHOO.util.Easing.easeOut);
			myAnim.onComplete.subscribe(function() {
				dex.page.admin_tab = 'visible';
				YAHOO.util.Dom.setStyle(document.getElementById('edit_page_tab'),'height','auto')});
			myAnim.animate();
			dex.page.admin_tab = 'showing';
		};

		this.hide_admin_module = function(callback) {
			var myAnim = new YAHOO.util.Anim('edit_page_tab', {height:{to:0},opacity:{from:1,to:0}}, 0.5, YAHOO.util.Easing.easeOut);
			
			myAnim.onComplete.subscribe(function() {
				dex.page.admin_tab = '';
				document.getElementById('edit_page_tab').style.display = 'none';
				if (callback)
					callback()
			});
			myAnim.animate();
			dex.page.admin_tab = 'hidding';
		};
		
		var params_string = '';
		if (params) {
			for (var key in params ){
				params_string+='&'+key+'='+params[key];
			}
		};
		
		//if (!dex.page.admin_tab || (dex.page.admin_tab == 'visible' &&  dex.page.params_string == params_string)) {
		this.fix('auto');
		if (dex.page.admin_module && dex.page.admin_module == moduleid &&  dex.page.params_string == params_string) {
			if (dex.page.admin_tab == '')
				this.show_admin_module();
			else
				this.hide_admin_module();
		}
		else {
			var callback = false; var scope = false;
			if (moduleid) {
				callback = function() {
					dex.page.load_admin_module(moduleid,params_string)
				};
			}
			this.hide_admin_module(callback);
		}
		//}
	},
	set_require_login_action: function(node) {
		var attr = node.getAttribute('onclick');
		var href = node.getAttribute('href');
		node.onclick = function(){
			dex.load.onclick("dex.login",function() {
				new dex.login();
			});
		};
		node.href = 'javascript://'
	},
	assign_function_to_elements : function () {
		if (!dex.utils.get_cookie('sid') || !dex.utils.get_cookie('i')){
			var nodes = dex.utils.getElementsByClass('requirelogin',null,'a');
			if (nodes){
				var l=nodes.length;
				if (l){
					for(var i=0;i<l;i++){
						this.set_require_login_action(nodes[i]);
					}
				}
				else {
					this.set_require_login_action(nodes);
				}
			}
		};
		var nodes = dex.utils.getElementsByClass('afterload');
		if (nodes) {
			if (nodes.constructor == Array) {
				var l=nodes.length;
				for(var i=0;i<l;i++){
					nodes[i].style.visibility = 'visible';
				}
			}
			else {
				nodes.style.visibility = 'visible';
			}
		}
	},
	refresh : function () {
		dex.events.fire('page_refresh');
	},
	render : function() {
		this.assign_function_to_elements();
		// Main procedure
		var pointer;
		this.url = this.get_post_path();
		var subscribed = false;
		for (i = 0; this.container[i]; i++){
			var columns = this.container[i].childNodes;
			for (j = 0; j < columns.length; j++) {
				if (columns[j].id && columns[j].id.substring(0,6) == 'column') {
					//Drag and drop - check if column
					var editable = (this.container[i].className.indexOf('editable')!=-1);
					if (editable && !subscribed) {
						dex.load.subscribe('yahoo.dex.ddmodule',dex.page.render_dragdrop,{scope:this});
						subscribed = true;
					}
					var modules = columns[j].childNodes;
					// Check if module
					for (k = 0; k < modules.length; k++){
						if (modules[k].id && modules[k].id.substring(0,6) == 'object'){
							this.add_module(modules[k], editable);
						}
					}
				}
			}
		}
	},
	
	render_dragdrop : function() {
		for (i = 0; this.container[i]; i++){
			var columns = this.container[i].childNodes;
			for (j = 0; j < columns.length; j++) {
				if (columns[j].id && columns[j].id.substring(0,6) == 'column') {
					//Drag and drop - check if column
					var editable = (this.container[i].className.indexOf('editable')!=-1);
					if (editable) {
						new YAHOO.util.DDTarget(columns[j].id);
					}
				}
			}
		}
	},

	change_source : function(index){
		var source = index.form.source;
		if (parseInt(index[index.selectedIndex].value)){
			source.disabled = false;
		}
		else {
			source.disabled = true;
		}
	},

	find_module_div : function(htmlelm) {
		var divelm = dex.css.find_enclosing_div(htmlelm);
		if (divelm) {
			if (divelm.module) {
				return divelm;
			}
			else if (divelm.parentNode) {
				return this.find_module_div(divelm.parentNode)
			}
		}
		return false;
	},
	
	find_module : function(htmlelm) {
		var module_div = this.find_module_div(htmlelm);
		if (module_div) {
			return 	module_div.module;
		}
		return false;
	},
	
	get_post_path : function (){
		var base_url = window.location.protocol + '//' + window.location.host + '/' + this.type + '/' + this.nodeid + '/';
		return base_url;
	},
	
	load_module_from_form : function (module_index, form) {
		this.modules[module_index].load_from_form(form);
	},

	init : function(nodeid,type,page) {
		// Constructor
		var i;
		this.container	= new Array;
		this.modules	= new Array;
		this.admin_tab	= '';
		// module hash table id => module_number
		this.module_refs = new Array;
		
		if (nodeid) this.set_nodeid(nodeid);
		if (type) this.set_type(type);
		if (page) this.set_pagename(page);
		
		// Get containers
		for(i = 0; document.getElementById('container_'+(i+1)); i++ ) {
			this.container[i] = document.getElementById('container_'+(i+1));
			if (i == 0) {
				YAHOO.util.Dom.addClass(this.container[i].parentNode, 'drag_enable');
			}
		}

	},

	subscribe: function(subscriber, event) {
	},
	unsubscribe: function(subscriber, event) {
	},
	notify: function(notifier, event) {
	}

};
YAHOO.register("dex.page", dex.page, {version: "1", build: "1"});