/* engage.js */

var rti;
if(!rti) rti = {};


window.addEvent('domready', function() {
	rti.links = new AjaxLinks({
		els: $$('.infolink'),
		ajaxURL: '/services.php?p=explainer'
	});
	$('first_name').focus();
});

var AjaxLinks = new Class({
	initialize: function(options) {
		this.els = options.els;
		this.ajaxURL = options.ajaxURL;
	
		this.els.addEvent('click', function(evt) {
			if(evt.target.className === 'infolink') {
			// Fixed from original script to allow links in output
				(new Event(evt)).stop();
				
				this.targetId = evt.target.getProperty('id').substring(5);
				
				//var ajaxDiv = 'ajax-' + this.targetId;
				this.content = $('resource-info');
				this.ajax(evt);
				this.content.set('html', '');
				
				
				/*if($(ajaxDiv)) {
					$(ajaxDiv).dispose();
				} else {*/
					/*this.content = new Element('div', {
						'class':'ajax-loader-sm',
						'id': 'ajax-' + this.targetId
					}).inject(ajaxDiv, 'inside');
					this.ajax(evt);*/
				//}
			}
		}.bindWithEvent(this));
		
		/*this.els.addEvent('mouseover', function() {
			this.effect = new Fx.Morph(this, {link: 'cancel', duration: 200, transition: Fx.Transitions.Quad.easeInOut});
			this.effect.start({
				'padding-left': ['0px', '0px']
			});
		})
		.addEvent('mouseout', function() {
			this.effect.start({
				'padding-left': ['0px']
			});
		});*/
	},
	ajax: function(evt) {

		this.link = evt.target;
		
		this.id =  this.link.id.substring(5);

		
		var myAjax = new Request({
			 url: this.ajaxURL + '&id=' + this.id,
			onSuccess: this.finish.bind(this)
		}).post();
		
		
	},
	finish: function(txt,xml) {
		//console.log(xml);
		
	var fade = new Fx.Tween(this.content);
	
	fade.set('opacity', 0);
		
		this.content.set({
			'styles': {
				'background-color':'#f5f4ea'
			},
			'html': '' + txt
		});
	fade.start('opacity', 0,1);
	}
});