Request.HTML.implement({
  
         processHTML: function(text){
             var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
             text = (match) ? match[1] : text;
            
           var container = new Element('div');
            
             return $try(function(){
                 var root = '<root>' + text + '</root>', doc;
                 if (Browser.Engine.trident){
                     doc = new ActiveXObject('Microsoft.XMLDOM');
                     doc.async = false;
                     doc.loadXML(root);
                 } else {
                     doc = new DOMParser().parseFromString(root, 'text/html');
                 }
                 root = doc.getElementsByTagName('root')[0];
                 for (var i = 0, k = root.childNodes.length; i < k; i++){
                     var child = Element.clone(root.childNodes[i], true, true);
                     if (child) container.grab(child);
                 }
                 return container;
             }) || container.set('html', text);
         }
    
     });

window.addEvent('domready',function(){

	var centralimg = new Element('img',{'src':'../img/central_salad.jpg','width':'800','height':'350','id':'centralimg','alt':'Insalata di Lipari'});
	var box = $('image');
	var plates = $('plates');
	var myfade = new Fx.Tween(centralimg,'opacity',{link:'chain'});	
		
	new Asset.images(['../img/central_salad.jpg','../img/central_smallplates.jpg','../img/central_pasta.jpg','../img/central_fish.jpg','../img/central_meat.jpg','../img/central_dessert.jpg'],{
		onProgress: function(){
			box.addClass('loading');
		},
		onComplete: function(){
			box.removeClass('loading');
			box.set('styles',{
				'opacity':'0'
			});
			
			centralimg.inject(box);
			
			box.fade('in');
			
		}//close onComplete
		
	});//close asset
	
	//load menus
	plates.load('ajaxcall/salads.html');
	
	$$('.menu').each(function(el){
		el.addEvent('click',function(e){
			e.stop();
				$$('.menu').removeClass('active');
				el.addClass('active');
				var url = el.getProperty('href');
				plates.addClass('loading');
				plates.load(url);
				plates.removeClass('loading');
		});
	});
	
	//swith images
	
	$('a').addEvent('click',function(e){
		e.stop();
		var src = '../img/central_salad.jpg';
		
		centralimg.get('tween',{property:'opacity'}).start(0).chain(
				function(){centralimg.setProperty('src',src); this.start(1)}
		);
		
	});
	
	$('b').addEvent('click',function(e){
		e.stop();
		var src = '../img/central_smallplates.jpg';
		
		centralimg.get('tween',{property:'opacity'}).start(0).chain(
				function(){centralimg.setProperty('src',src); this.start(1)}
		);
		
	});
	
	$('c').addEvent('click',function(e){
		e.stop();
		var src = '../img/central_pasta.jpg';
		
		centralimg.get('tween',{property:'opacity'}).start(0).chain(
				function(){centralimg.setProperty('src',src); this.start(1)}
		);
		
	});
	
	$('d').addEvent('click',function(e){
		e.stop();
		var src = '../img/central_meat.jpg';
		
		centralimg.get('tween',{property:'opacity'}).start(0).chain(
				function(){centralimg.setProperty('src',src); this.start(1)}
		);
		
	});
	
	$('e').addEvent('click',function(e){
		e.stop();
		var src = '../img/central_dessert.jpg';
		
		centralimg.get('tween',{property:'opacity'}).start(0).chain(
				function(){centralimg.setProperty('src',src); this.start(1)}
		);
		
	});
		
	
});