window.addEvent('domready', function() {
	$('pagetitle').addEvent('keyup', function(event){
		var pagetitle = $('pagetitle').get('value');
		var text = shortenText(pagetitle,66);
		$('previewTitle').set('html', text);
		$('previewTitleHidden').set('value', text);
	});
	
	$('description').addEvent('keyup', function(event){
		var description = $('description').get('value');
		var text = shortenText(description,156);
		$('previewDescription').set('html', text);
		$('previewDescriptionHidden').set('value', text);
	});
	
	$('url').addEvent('keyup', function(event){
		$('previewURL').set('text', $('url').get('value'));
		$('previewURLHidden').set('value', $('url').get('value'));
	});
	
	function shortenText(text,length){
		if (text.length > length) {
			text = text.substring(0, length);
			text = text.replace(/\w+$/, '<strong>...</strong>');
			return text;
		}else {
			return text;
		};
	};
	
	function addToList(){
		var newResult = new Element('div', {
			'html': $('preview').get('html'),
			'class': 'savedResult googleResult'
		});
		//console.log(newResult);
		newResult.inject($('savedResults'));
		$('export').setStyle('display','block');
		
		var removeElement = new Element('div', {
			'html': '<p>Click to remove this item</p>',
			'class': 'savedResultRemove',
			'styles': {
				'width': (newResult.getStyle('width')),
				'height': (newResult.getStyle('height')),
				'left': 0,
				'top': 0
			},
			'opacity': 0
		});
		//removeElement.set('opacity', 0);
		//removeElement.setstyle('display', 'visible');
		removeElement.setStyle('visibility', 'visible');
		removeElement.addEvent('mouseover',function(event){
			this.tween('opacity',0.9);
		});
		removeElement.addEvent('mouseout',function(event){
			this.tween('opacity',0.01);
		});
		removeElement.addEvent('mouseup',function(event){
			var test = this.getParent();
			test.dispose();
		});
		
		removeElement.inject(newResult);
		
		
	};
	
	function exportCSV(){
		exportData = new Array();
	 	var savedResults = $$('.savedResult');
		
		savedResults.each(function(savedResult){
			//console.log(savedResult);
			exportData.push(new Array(savedResult.getElement('.previewTitleHidden').value,savedResult.getElement('.previewDescriptionHidden').value,savedResult.getElement('.previewURLHidden').value));
			
		},savedResults)
			
		var payload = exportData;
		
		var jsonRequest = new Request.JSON({
		
			method: 'post',
			url: '/serp-json.php',
			data: JSON.encode(payload),
			onSuccess: function(responseJSON, responseText) {
			
				//console.log('Received response: ' + responseText);
				//console.log(responseJSON.filename);
				window.location = 'http://www.nakedcreativity.co.uk/serp-results.php?f='+responseJSON.filename;
				if(responseJSON.error) {
				
					//console.log('JSON response error: ' + responseJSON.error);
					return;
				}

			}.bind(this)

		}).send();
			 
	};
	
	$('addToList').addEvent('mouseup',function(event){
		addToList();
	});
	
	$('export').addEvent('mouseup',function(event){
		exportCSV();
	});
	
});