window.addEvent('domready', function() {
	//store titles and text  
    $$('.tipz').each(function(element,index) {  
        var content = element.get('title').split('::');  
        element.store('tip:title', content[0]);  
         element.store('tip:text', content[1]);  
    });  
      
    //create the tooltips  
     var tipz = new Tips('.tipz',{  
         className: 'tipz',  
         fixed: false,  
         hideDelay: 15,  
         showDelay: 5 ,
		 offsets: {
	'x': 20, 
	'y': 5 
	}
     });  
	 var images_path = 'http://www.cesium.be/upload/';
	var infos = $('infos');
	
	var addImages = function(images) {
		images.each(function(image) {
			
			var el = new Element('div', {'class': 'preview'});
			var img = new Element('img', {'src': images_path + image.src}).inject(el);
			var name = new Element('h3', {'html': image.name}).inject(img, 'after');
			var desc = new Element('span', {'html': image.description}).inject(name, 'after');
			var lien = new Element('a', {'href': image.lien, 'target': '_blank', 'html':'visualiser en ligne'}).inject(desc, 'after');
			var fermer = new Element('img', {'src': 'http://www.cesium.be/cs1332/img/fermer.jpg', 'id': 'fermer'}).inject(lien, 'after');
			var spacer = new Element('div', {'class': 'spacer'}).inject(fermer, 'after');
			fermer.addEvent('click', function(e) {
		e.stop();
		infos.empty();
			});
			el.inject(infos);
		});
	};
	$$('.tipz').each(function(elementr){
	 elementr.addEvent('click', function(e) {
		new Event(e).stop();
		infos.empty();
			var request = new Request.JSON({
			url: 'infos.php',
			data: 'realisation=' +elementr.get('rel'),
			onComplete: function(jsonObj) {
				addImages(jsonObj.previews);
			}
		}).send();
	});
	});
	$('contactForm').addEvent('submit', function(e) {
	e.stop();
		//Empty the log and show the spinning indicator.
		var log = $('log_res').empty().addClass('ajax-loading');
		//Set the options of the form's Request handler. 
		//("this" refers to the $('myForm') element).
		this.set('send', {onComplete: function(response) { 
			log.removeClass('ajax-loading');
			log.set('html', response);
		}});
		//Send the form.
		this.send();
	});
	
});