var realisations_nder_village_diapo = {

	init: function(me) {

		var div = document.getElementById('realisations_nder_village_diapo');
			div.style.width  = '450px';
		    div.style.height = '300px';
			div.style.position = 'relative';

		var loading = document.createElement('div');
		    loading.style.background = 'url(/_images/1.0/ajax-loader.gif) no-repeat center center';
			loading.style.width  = '450px';
			loading.style.height = '300px';
			loading.style.position = 'absolute';
			loading.style.top = '0';
			loading.style.left = '0';
			div.appendChild(loading);

		YAHOO.util.Connect.asyncRequest('GET', 'http://www.monsenegal.org/realisations/nder/village/diapo/yassa.jpg.xhtml?nolayout&fragment', realisations_nder_village_diapoAjaxInitCallback, null);
	},

	ajaxSuccess: function(o) {

		var div = document.getElementById('realisations_nder_village_diapo');

		if(o.argument == 'init') {

			var style = document.createElement('link');
			style.setAttribute('rel', 'stylesheet');
			style.setAttribute('type', 'text/css');
			style.setAttribute('href', 'realisations/nder/village/diapo/style.css');
			document.getElementsByTagName('head')[0].appendChild(style);

			var newDiv = document.createElement(div.tagName);
			newDiv.innerHTML = o.responseText;
			var replace = newDiv.firstChild;
			replace.className = div.className;
			div.parentNode.replaceChild(replace, div);

			realisations_nder_village_diapo.setClick(replace, 'prev');
			realisations_nder_village_diapo.setClick(replace, 'next');

			YAHOO.util.Event.addListener(
				YAHOO.util.Dom.getElementsByClassName('thList', 'ul', replace)[0].getElementsByTagName('a'), 'click', realisations_nder_village_diapo.click);

			YAHOO.util.Dom.addClass(replace, 'ajax');

		} else {

			var xml = o.responseXML;
			realisations_nder_village_diapo.setLink(xml, 'prev',
				YAHOO.util.Dom.getElementsByClassName('prev', 'a', div)[0]);
			realisations_nder_village_diapo.setLink(xml, 'next',
				YAHOO.util.Dom.getElementsByClassName('next', 'a', div)[0]);

			var targetTitle = div.getElementsByTagName('h2')[0];
			var title = xml.getElementsByTagName('title')[0].firstChild.nodeValue;
			targetTitle.innerHTML = title;

			var targetImage = YAHOO.util.Dom.getElementsByClassName('image', 'img', div)[0];
			targetImage.src = xml.getElementsByTagName('image')[0].firstChild.nodeValue;
			targetImage.alt = title;

			var targetDesc = YAHOO.util.Dom.getElementsByClassName('description', 'p', div)[0];
			var desc = xml.getElementsByTagName('desc')[0].firstChild.nodeValue;
			targetDesc.innerHTML = desc;
		}
	},

	setClick: function(div, className) {
		var link = YAHOO.util.Dom.getElementsByClassName(className, 'a', div)[0];
		YAHOO.util.Event.addListener(link, 'click', realisations_nder_village_diapo.click);
	},

	setLink: function(xml, tag, target) {
		var link = xml.getElementsByTagName(tag)[0];
		target.href = link.getElementsByTagName('href')[0].firstChild.nodeValue;
	},

	ajaxFailure: function(o) {
	},

	click: function(e) {
		realisations_nder_village_diapo.makeRequest(this.href);
		YAHOO.util.Event.stopEvent(e);
	},

	makeRequest: function (href) {
		YAHOO.util.Connect.asyncRequest('GET', href.replace('.html', '.xml'), realisations_nder_village_diapoAjaxClickCallback, null);
	}
};

var realisations_nder_village_diapoAjaxInitCallback = {
	success: realisations_nder_village_diapo.ajaxSuccess,
	failure: realisations_nder_village_diapo.ajaxFailure,
	argument: 'init'
};

var realisations_nder_village_diapoAjaxClickCallback = {
	success: realisations_nder_village_diapo.ajaxSuccess,
	failure: realisations_nder_village_diapo.ajaxFailure,
	argument: 'click'
};

YAHOO.util.Event.onAvailable('realisations_nder_village_diapo', realisations_nder_village_diapo.init, realisations_nder_village_diapo);