﻿Site={
	content:'website',
	preload:function(){
		var images = ['http://www.cabdeburgos.com/es/imag/logo.png','http://www.cabdeburgos.com/es/imag/centroarte.gif','http://www.cabdeburgos.com/es/imag/contenedor.png'];
		var info=$('info').setStyle('visibility', 'hidden'), busy = false;
		Site.contSlide = new Fx.Slide('contenedor', {mode: 'vertical',duration: 500});
		Site.izqSlide = new Fx.Slide('izquierda', {mode: 'vertical'});
		Site.menuSlide = new Fx.Slide('menuprincipal', {mode: 'horizontal'});
		Site.inferSlide = new Fx.Slide('inferior', {mode: 'horizontal'});
		Site.header = new Fx.Slide('logo',{transition: Fx.Transitions.Cubic.easeOut});
		Site.fx1 = $('logo').setOpacity(0).effects();

		Site.fx2 = $('super').setStyles({'margin-top':'-130px'}).effects({duration: 800, transition: Fx.Transitions.Bounce.easeOut});
		
		Site.izqSlide.hide();
		Site.menuSlide.hide();
		Site.header.hide();
		Site.contSlide.hide();
		Site.inferSlide.hide();
		
		if (!busy) {
			busy = true;
			info.setStyle('visibility', 'visible');
			new Asset.images(images, {
				onProgress: function(i) {
					info.setHTML("cargando imagen "+(i + 1) + ' de ' + images.length);
				},
				onComplete: function() {
					info.setStyle('visibility', 'hidden');
					Site.start();	
				}
			});
		}
	},
	start:function(){
				Site.header.slideIn().chain(function(){
					Site.contSlide.slideIn().chain(function(){
							
					});
					Site.fx1.start({
								'opacity': 1
							}).chain(function(){
								Site.fx2.start({
									'margin-top': 0
								}).chain(Site.showContent);
							});
				Site.inferSlide.slideIn().chain(function(){});
				});
			},
			showContent:function(){
				Site.izqSlide.slideIn().chain(function(){
					Site.menuSlide.slideIn().chain(Site.loadMenu);
					});
		
	},
			loadMenu:function(){
				
			}
}


window.addEvent('domready', function(){

/* Efectos con el menu principal */
var list = $$('#menuprincipal a');
				list.each(function(el) {
					var fx = new Fx.Styles(el, {duration:200, wait:false});
				 
					el.addEvents({
						'mouseenter': function(){
							fx.start({
								'padding-right': 15,  'color': '#ECA654'
							});
						},
						'mouseleave': function(){
							fx.start({
								'padding-right': 20,  'color': '#333'
							});
						}

					});

				});

/*documentos en portada - fuelle horizontal*/
		
			var szNormal = 120, szSmall  = 120, szFull   = 300;
			
			var kwicks = $$("#docsfuelle .docfuelle");
			var fx = new Fx.Elements(kwicks, {wait: false, duration: 500, transition: Fx.Transitions.Bounce.easeOut});
			kwicks.each(function(kwick, i) {
				kwick.addEvent("mouseenter", function(event) {
					var o = {};
					o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
					kwicks.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("width").toInt();
							if(w != szSmall) o[j] = {width: [w, szSmall]};
						}
					});
					fx.start(o);
				});
			});
			if ($("docsfuelle")) {
				$("docsfuelle").addEvent("mouseleave", function(event) {
					var o = {};
					kwicks.each(function(kwick, i) {
						o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
					});
					fx.start(o);
				})
			}
			
}); 

/*docmodulos (reduce las im?genes en los listados de documentos por modulos)*/
window.addEvent('domready', function(){
		
			var szNormal = 120, szSmall  = 20, szFull   = 80;
			
			var kwicks = $$(".docmoduloimg");
			var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
			kwicks.each(function(kwick, i) {
				kwick.addEvent("mouseenter", function(event) {
					var o = {};
					o[i] = {height: [kwick.getStyle("height").toInt(), szFull]}
					kwicks.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("height").toInt();
							if(w != szSmall) o[j] = {height: [w, szSmall]};
						}
					});
					fx.start(o);
				});
			});
			
			if ($("documentos")) {
					$("documentos").addEvent("mouseleave", function(event) {
						var o = {};
						kwicks.each(function(kwick, i) {
							o[i] = {height: [kwick.getStyle("height").toInt(), szNormal]}
						});
						fx.start(o);
					})
			}
}); 

/* Efectos con el logotipo */
window.addEvent('domready', function(){
			
			var scroll = new Fx.Scroll('logocontenedor', {
				wait: false,
				duration: 500,
				offset: {'x': 1, 'y': -40},
				transition: Fx.Transitions.Bounce.easeOut
			});
			
			
			$('izquierda').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.scrollTo (1,90);
			});
			
			$('izquierda').addEvent('mouseleave', function(event) {
				event = new Event(event).stop();
				scroll.scrollTo (1,60);
				
			});
			
			$('logocontenedor').addEvent('mouseenter', function(event) {
				event = new Event(event).stop();
				scroll.scrollTo (1,30);
				
			});
			
			
			
			
		});

		
var desaparece = function(){
var div = $('medio').setStyles({
display:'block',
opacity: 1
});
var cambio=new Fx.Style(div, 'opacity', {duration: 500} ).start(0);
}

var desaparecebien = function(){
var div = $('contenedor').setStyles({
display:'block',
opacity: 1
});
var cambio=new Fx.Slide(div,{mode: 'horizontal'});
cambio.slideOut();
}