// display options for logged in users

froPublicOptions = Class.create();
froPublicOptions.prototype = {
		
		itemOptions: 0,
		
		itemPoemEditList: 0,
		
		itemDisplayFullText: 0,
		
		
		initialize: function() {
	
				this.itemOptions = $("loginBouds");
				this.itemDisplayFullText = $("contentBounds");
	
		},
	
		init: function(){
			
			
			
			this.itemOptions.innerHTML = "<a href=\"\#\" id=\"logout\">Afmelden</a><br/>";
			var logout = $("logout");
			
			Event.observe(logout, 'click', this.logout.bind(this));
			
			var item = Builder.node('div',{'class': 'btnPublicOptions'}, "Gedichten van Jouw!");
			this.itemOptions.appendChild(item);
			
			this.itemPoemEditList = Builder.node('div',{'class':'poemEditList'}, '');
			this.itemOptions.appendChild(this.itemPoemEditList);
			
			var item = Builder.node('div',{'class': 'poemEditListItem', 'style':'color: #004BAD; '}, "Gedicht toevoegen");
			var self = this;
			this.itemPoemEditList.appendChild(item);
			Event.observe(this.itemPoemEditList, 'click', function(){ self.addPoem(); });
			
			
		},
		
		logout: function(){
			
			login.logout();
			
		},
		updateEdit : function(){
			
			this.itemOptions.innerHTML = "update";
			this.init();
			
		},
		addToEditList: function (text, poemId, allow){
			
			var item = Builder.node('div',{'class':'poemEditListItem'}, text);
			
			var self = this;
			Event.observe(item, 'click', function(){ self.editPoem(poemId); });
			
			this.itemPoemEditList.appendChild(item);
			
		},
		
		addPoem: function(){
			
			// poem for location froRoutePointNumber
			//poemFrom
			var self = this;

			var fromPage = "(route="+ froRoutePointNumber +")";
			var url = "/poemFrom.pxml" + fromPage;
			var request = new softRequest(url, new Array(), function (data){ self.parsePoemForm(data); });
			
			
		},
		
		editPoem: function (poemId){
			
			alert('editPoem' + poemId + " > " + froRoutePointNumber);
		},
		
		parsePoemForm : function (xmlDoc){
			var content = xmlDoc.getElementsByTagName('content');
			var formHTML = content[0].firstChild.nodeValue;
			this.itemDisplayFullText.innerHTML = formHTML;
			
			var btnSend = $("apSend");
			
			Event.observe(btnSend, 'click', this.submitForm.bind(this));
			
		},
		
		submitForm: function(){
			
			var apFromInput = $("apFromInput");
			var apFormTextArea = $("apFormTextArea");
			
			var postData = new Array();
			
			postData.push(new Array("routeNumber", froRoutePointNumber));
			postData.push(new Array("title", apFromInput.value));
			postData.push(new Array("cnt", apFormTextArea.value));
			
			
			
			var self = this;
			
			var fromPage = "(route="+ froRoutePointNumber +";newPoem=1;)";
			var url = "/poemInsert.pxml" + fromPage;
			var request = new softRequest(url, postData, function (data){ self.afterSubmit(data); });
			
		},
		
		afterSubmit: function (event){
			// update List Poems
			poems.updateList();
			this.itemDisplayFullText.innerHTML = '';
			
			// update location
			gotoPoint (froRoutePointNumber);
			
		}
		
		
		
};