var ChangeHeader = {
	div : null,
	urlToGraficService : null,
	active : 1,
	timeout : 10000,
	timeoutInit : 5000,
	init : function(urlToGraficService) {
		ChangeHeader.urlToGraficService = urlToGraficService;
		ChangeHeader.div = $('example');
		ChangeHeader.img1 = ChangeHeader._createImgage("ChangeHeader1");
		ChangeHeader.img2 = ChangeHeader._createImgage("ChangeHeader2");
		ChangeHeader.div.appendChild(ChangeHeader.img1);
		ChangeHeader.div.appendChild(ChangeHeader.img2);
		new Ajax.Updater(
			ChangeHeader.img1,
			ChangeHeader.urlToGraficService);
		new Ajax.Updater(ChangeHeader.img2,ChangeHeader.urlToGraficService);
	},
	_createImgage : function(id) {
		var img = document.createElement("div");
		img.id = id;
		img.style.display = "none";
		return img;
	},
	swapImages : function () {
		if(ChangeHeader.active == 1) {
			Effect.Fade(ChangeHeader.img2, {
				afterFinish : function() {
					new Ajax.Updater(ChangeHeader.img2,ChangeHeader.urlToGraficService);
				}
			});
			Effect.Appear(ChangeHeader.img1);
			ChangeHeader.active = 2;
			window.setTimeout(ChangeHeader.swapImages, ChangeHeader.timeout);
		} else {
			Effect.Fade(ChangeHeader.img1, {
				afterFinish : function() {
					new Ajax.Updater(ChangeHeader.img1,ChangeHeader.urlToGraficService);
				}
			});

			Effect.Appear(ChangeHeader.img2);
			ChangeHeader.active = 1;
			window.setTimeout(ChangeHeader.swapImages, ChangeHeader.timeout);
		}
	}
}