Event.observe(window, 'load', function() { 
				new Draggable('template-viewer', { zindex:9999999, onEnd: submitCoordinates });
			});
			
			function submitForm(value) {
				$('template-form-to').value = value
				$('template-form-x').value = Element.getStyle('template-viewer', 'left');
				$('template-form-y').value = Element.getStyle('template-viewer', 'top')
				$('template-form-options').value = $('action-container').visible();
				
				document.forms['template-selector-form'].submit();
			}
			
			function submitCoordinates() {
				x = Element.getStyle('template-viewer', 'left');
				y = Element.getStyle('template-viewer', 'top');
				options = $('action-container').visible();
				
				new Ajax.Request('index.php?eID=tx_wectemplateviewer_pi1&tx_wectemplateviewer_pi1[x]='+x+'&tx_wectemplateviewer_pi1[y]='+y+'&tx_wectemplateviewer_pi1[options]='+options);
			}
			
			function toggleActions() {
				if($('action-container').visible()) {
					hideOptions();
				} else {
					showOptions();
				}				
			}
			
			function hideOptions() {
				Effect.SlideUp('action-container');
				$('options-show').hide();
				$('options-hide').show();
			}
			
			function showOptions() {
				$('options-show').show();
				$('options-hide').hide();
				Effect.SlideDown('action-container');				
			}
			
				Event.observe(window, 'load', function() {
					Element.hide('template-viewer');
					new Effect.Appear('template-viewer');
				});