window.addEvent('domready', function(){
  var screen = $('screen');
  var contenido = $('contenido');
  
//   var fx = new Fx.Morph(screen, {duration: 750, wait: false, transition: Fx.Transitions.Cubic.easeIn});
//   var fx2 = new Fx.Morph(screen, {duration: 750, wait: false, transition: Fx.Transitions.Cubic.easeIn});

  var lista = $$('.boton');
  lista.each(function(element){
    element.setStyle('opacity',0.3);
    element.setStyle('backgroundImage','url(img/'+element.id+'.jpg)');
    
    element.addEvent('mouseover',function(){
      element.get('tween', {property: 'opacity', duration: 300}).start(1);
      $('cartel').set('html', element.getProperty('rel') );
    });
    
    element.addEvent('mouseleave',function(){
      element.get('tween', {property: 'opacity', duration: 300}).start(0.3);
      $('cartel').set('html','');
    });
    
    element.addEvent('click',function(){
      var extension = "";
      if(element.id=='informacion') extension = ".php";
      else extension = ".html";
      screen.get('tween', {property: 'margin-top', duration: 700, transition: Fx.Transitions.Cubic.easeIn}).start('510').chain(function(){
        screen.setStyle('opacity',0);
        var myRequest = new Request.HTML({
          onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript){
            screen.set('html',responseHTML);
            screen.setStyle('margin-top','0px');
            contenido.addEvent('domready',function(){
              screen.get('tween', {property: 'opacity', duration: 700, transition: Fx.Transitions.Cubic.easeIn}).start('1');
              var lista = $$('#b_servicios div');
              lista.each(function(el2){
                el2.set('opacity',0.5)
                el2.addEvent('mouseover',function(){
                  el2.get('tween', {property: 'opacity', duration: 500, transition: Fx.Transitions.Quad.easeOut}).start(1);
                });
                
                el2.addEvent('mouseleave',function(){
                  el2.get('tween', {property: 'opacity', duration: 500, transition: Fx.Transitions.Quad.easeIn}).start(0.5);
                });
              });
            });
            if($('MooFlow')) loadMooFlow01();
          }
        }).post("_"+element.id+extension+"?uid="+(new Date()).getTime() );
      });
    });
    
  });
});

function loadMooFlow01(){
	var mf = new MooFlow($('MooFlow'), {
		useSlider: true,
		useAutoPlay: true,
		startIndex: 1
	});
}

function getUID(){
  var time1 = (new Date()).getTime();
  return "uid="+time1;
}

function uidfyurl(url){
  var uid = getUID();
  if(url.indexOf('?')==-1) url = url + '?'+uid;
  else url = url + '&'+uid;
  return url;
}

function screenload (url){
  url = uidfyurl(url);
  $('screen').load(url);
}