var v = { width: window.getWidth(), height: window.getHeight(), ctr_x: null, h_init: 570, w_min: 784, h_min: 480, position: null, slider: null};
v.position = (v.height > v.h_init)?v.height-v.h_init:0;
var ababol_css = {'peu':{'top':450}, 'pantalla':{'top':20, 'width':750}, 'centrada':{'width':750, 'top':20}, 'boto_dreta':{'left':720, 'top':170}, 'boto_esquerra':{'left':0, 'top':170}};

var ababol = {
	obj: null,
	dretaout: window.getWidth()+((window.getWidth()-750)/2),
	esquerraout: -window.getWidth(),
	pantalla: 0,
	slideFXon: false,
	slideFXwait: 1500,
	aladreta: function() {
		if (ababol.slideFXon==true) return;
		if ($defined(soundManager.getSoundById('page'))) soundManager.play('page');
		slide01 = ababol.slideFX(ababol.slideFXelem(),'none').start({'left':ababol.dretaout+'px'});
		ababol.pantalla++;
		if (ababol.pantalla>4) ababol.pantalla=0;
		$(ababol.slideFXelem()).setStyles({'left':ababol.esquerraout+'px', 'display':'block'});
		slide02 = ababol.slideFX(ababol.slideFXelem(),'block').start({'left':'0'});
		ababol.slideFXon = true;
		ababol.slideFXoff.delay(ababol.slideFXwait+100);
	},
	alesquerra: function() {
		if (ababol.slideFXon==true) return;
		if ($defined(soundManager.getSoundById('page'))) soundManager.play('page');
		slide01 = ababol.slideFX(ababol.slideFXelem(),'none').start({'left':ababol.esquerraout+'px'});
		ababol.pantalla--;
		if (ababol.pantalla<0) ababol.pantalla=4;
		$(ababol.slideFXelem()).setStyles({'left':v.width, 'display':'block'});
		slide02 = ababol.slideFX(ababol.slideFXelem(),'block').start({'left':'0'});
		ababol.slideFXon = true;
		ababol.slideFXoff.delay(ababol.slideFXwait+100);
	},
	slideFX: function(element, displayOncomplete) {
		return new Fx.Styles(element, {onComplete:function(){$(element).setStyle('display', displayOncomplete);}, duration:ababol.slideFXwait, transition: Fx.Transitions.Back.easeIn, fps:20});
	},
	slideFXelem: function() {
		return (ababol.pantalla==0)?'pantalla':'pantalla_'+ababol.pantalla;
	},
	slideFXoff: function() {
		ababol.slideFXon = false;
		if (!$defined($('histories'))) {
			$('pantalla_1').replaceWith(ababol.historiesDVD);
			$('pantalla_1').setStyle('left', ababol.esquerraout+'px');
			$('histories').addEvent('click', ababol.histories);
		}
	},
	beep: function(Npan) {
		if ($defined(soundManager.getSoundById('beep'))) soundManager.play('beep',{pan:Npan});
	},
	//Carrega de la pàgina
	imatges: ['historias-de-vida.jpg', 'produccion-editorial.jpg', 'formacion.jpg', 'produccion-web.jpg'],
	imatgesAsset: null,
	imatgesCarregades: 0,
	enllas: {1:'dvd-interactivo.txt', 2:'exposiciones.txt', 3:'formacion.txt', 4:'produccion-web.txt'},
	carregaAjax: function() {
		var pantalla = new Array;
		var ajaxPantalla = new Array;
		for (n=1; n<5; n++) {
			pantalla[n] = new Element('div', {'styles':{'left':ababol.esquerraout+'px'}, 'id':'pantalla_'+n});
			pantalla[n].injectInside('centrada');
			ajaxPantalla[n] = new Ajax(ababol.enllas[n], {update: $(pantalla[n]),onComplete:ababol.carregaImatges}).request();
		}
		pantalla[0] = $('pantalla').clone();
	},
	carregaImatges: function() {
		ababol.imatgesCarregades++;
		if (ababol.imatgesCarregades==4) {
			var imatge = $$('.imatge');
			$each(ababol.imatgesAsset, function(item, index){
				item.injectInside(imatge[index]);
				if (index==0) {
					$(imatge[index]).setProperty('id', 'histories');
					$(imatge[index]).setStyle('cursor', 'pointer');
					$('histories').addEvent('click', ababol.histories);
				}
			});
			$('centrada').setStyle('opacity','1');
			$('loading').setStyle('display','none');
			$('boto_dreta').addEvent('click', ababol.aladreta);
			$('boto_esquerra').addEvent('click', ababol.alesquerra);
			$('boto_dreta').addEvent('mouseenter', function(){ababol.beep(100)});
			$('boto_esquerra').addEvent('mouseenter', function(){ababol.beep(-100)});
			window.addEvent('resize', ababol.redimensiona);
		}
	},
	redimensiona: function() {
		v.width = window.getWidth();
		v.height = window.getHeight();
		if (v.width<v.w_min || v.height<v.h_min) {
			$('alerta_finestra').setStyle('display','block');
			$('centrada').setStyle('display','none');
		} else if (v.width>v.w_min && v.height>v.h_min) {
			$('alerta_finestra').setStyle('display','none');
			$('centrada').setStyle('display','block');
		}
	},
	historiesDVD: null,
	histories: function() {
		$('histories').removeEvent('click')
		ababol.historiesDVD = $('pantalla_1').clone();
		ajaxVida = new Ajax('historiasdevida.txt', {update: $('pantalla_1')}).request();
	}
}


window.addEvent('domready', function(){
	if (v.width<v.w_min || v.height<v.h_min) return;
	$('centrada').setStyle('opacity','0.2');
	$('loading').setStyle('display','block');
	$('boto_dreta').setStyle('display','block');
	$('boto_esquerra').setStyle('display','block');
	$('navegacio').remove();
	$('pantalla').setStyle('padding-top', '50px');
	var alerta_finestra = new Element('div', {'id':'alerta_finestra'});
	alerta_finestra.injectBefore('centrada');
	$('alerta_finestra').setHTML('<p>Por favor, devuelve un tamaño superior a la ventana</p>'); //MODIFICAR
	ababol.imatgesAsset = new Asset.images(ababol.imatges,{onComplete: ababol.carregaAjax});
});
soundManager.onload = function() {
	soundManager.createSound('beep','beep.mp3');
	soundManager.createSound('page','page.mp3');
}