var pr_ancho = 890;
var movi = 0;
var pagina = 1;
var menu;




function carga_panel(){
	var x = new Chain();
	var aparece = function(n){	
		$(n).reveal({'transition':'back:out','duration': 'long'});
		};
	x.chain(aparece);
	x.chain(aparece);
	x.chain(aparece);
	x.callChain.delay(300,x,'p1');
	x.callChain.delay(1000,x,'p2');
	x.callChain.delay(1300,x,'p3');
	}


function presenta_colocar(){
	var pos = $('contenedora').getPosition();
	$('ventana').set({
				styles:{
					'top' : (window.getScroll().y+20)+'px',
					'left' : (pos.x+10)+'px',
					'margin-top' : '0',
					'margin-left' : '0',
					'height':'0',
					'width':'0'
					}
				});
	}
function presenta_limpiar(){
	$('ventana').setStyle('display','none');
	$('ventana').removeProperty('style');
	$('presentacion-navegacion').setStyle('display','none');
	$('presentacion-flechas').setStyle('display','none');
	$('pantalla').setStyle('display','none');
	$('inside').removeProperty('style');
	$('inside').empty();
	document.removeEvents('keydown');
	}

function presenta_preload(){
	$('presentacion-navegacion').setStyle('display','block');
	$('presentacion-flechas').setStyle('display','block');
	$('pantalla').setStyle('display','block');
	$('inside').setStyle('display','block');
	
	ev_pantalla()
	}

function mover_diapo(dir){
	var scrol = new Fx.Scroll($('pantalla'));
	var ns = 0;
	var n = ($('inside').getElements('div.diapositiva').length-1)*pr_ancho;
	if(movi==0){
		movi = 1;
		$('dnumero').value= '';
		scrol.onComplete = function(){ 
			movi = 0 
			$('dnumero').value = (ns/pr_ancho)+1;
			}
		
		if(dir=='mas'){
			var ns = ($('pantalla').getScroll().x)+pr_ancho;
			}
		else if(dir=='menos') {
			var ns = ($('pantalla').getScroll().x)-pr_ancho;
			}
		else if(dir=='last') {
			var ns = n;
			}
		else if(!isNaN(dir)) {
			ns = (dir-1)*pr_ancho;
			}
		
		if(ns>n){
			ns=n
			}
		if(ns<0){
			ns= 0;
			}
		
		scrol.start(ns,0);
		}
	}



function abrir_presentacion(id){
	
	/* Posicionar PopUp */
	presenta_limpiar();
	presenta_colocar();

	/* Preparar Evento */

	var ventana = new Fx.Morph('ventana');
		
		ventana.onComplete = function(){
			
			/* Cargar contenido */
			var peticion = new Request({
				'method' : 'post',
				'url' : 'ajax/load-presentacion.php',
				'data' : 'id='+id, 
				'evalScripts' : true
				});
				peticion.onRequest = function(){
					$('inside').innerHTML = '<img src="img/ajax-loader.gif" style="margin : auto" />';
					}
				peticion.onSuccess = function(){
					presenta_preload();
					var txt = this.response.text;
					$('inside').innerHTML = txt;
					ev_abrir()
					n = $('inside').getElements('div').length+1;
					$('inside').setStyle('width',pr_ancho*n);
					$('pantalla').scrollTo(0,0);
					$('dnumero').value="1"
					}
				peticion.send();
			$('ventana').makeDraggable({handle: 'presentacion-navegacion'});

			}
	
	/* Mostrar PopUp */

		ventana.start({
			'width':[0,920],
			'height':[0,500],
			'opacity':[0,1],
			'padding' : [0,10]
			}).set({'display':'block'});

	

	
	}

function ev_productos(){
	$$('ul.productos li a').addEvent('click',function(e){
		e.preventDefault();
		abrir_presentacion(this.id);
		})
	}

function ev_presentaciones(){
	$('presentaciones').addEvent('click',function(e){
		e.preventDefault();
		abrir_presentacion(this.id);
		})
	}
function ev_abrir(){
	$$('a.abrir').addEvent('click',function(e){
		e.preventDefault();
		var h = this.href.split('/').pop().split('.')[0];
		abrir_presentacion(h);
		})
	}

function ev_cerrar(){
	$$('.cerrar').addEvent('click',function(e){
		e.preventDefault();
		presenta_limpiar();
		})
	}
function ev_diapomas(){
	$('diapo-adelante').addEvent('click',function(e){
		e.preventDefault();
		mover_diapo('mas');
		})
	$('diapo-atras').addEvent('click',function(e){
		e.preventDefault();
		mover_diapo('menos');
		})
	$('dnumero').addEvent('keydown',function(e){
		if(e.key == 'enter' ){
			e.preventDefault();
			var num = $('dnumero').value;
			mover_diapo(num);
			}
		})
	}

function ev_menu_presentacion(){
	$$('div.sub_menu_lista').addEvent('mouseover',function(e){
		this.style.display = 'block';
		var han = this.getParent().getFirst();
		han.addClass('desplegado');
	});
		
	$$('div.sub_menu_lista').addEvent('mouseout',function(e){
		this.style.display = 'none';
		var han = this.getParent().getFirst();
		han.removeClass('desplegado');
	});

	$$('a.over').addEvent('mouseover',function(e){
		var submenu = this.getParent().getLast();
		var menu = $('presentacion-navegacion').getCoordinates($('ventana'));
		var pos = this.getCoordinates($('ventana'));
		var tp = menu.top+menu.height-1;
		var lf = pos.left;
		submenu.style.top = tp+'px';
		submenu.style.left = lf+'px';
		submenu.style.display = 'block';
	})

	$$('a.over').addEvent('mouseout',function(e){
		$$('div.sub_menu_lista').setStyle('display','none');
	})
}



function ev_pantalla(){
			document.addEvent('keydown',function(e){
				
				if(e.key == 'right'){
					e.preventDefault();
					mover_diapo('mas');
					}
				if(e.key == 'left'){
					e.preventDefault();
					mover_diapo('menos');
					}
				if(e.key == '#'){
					e.preventDefault();
					mover_diapo('last');
					}
			})
		
	
	}



window.addEvent('domready',function(e){	
	
	if($$('ul.productos li a')!=null){ev_productos()}
	if($$('.cerrar')!=null){ev_cerrar()}
	if($$('a.abrir')!=null){ev_abrir()}
	if($('ventana')!=null){
		ev_menu_presentacion();
		menu = $('presentacion-navegacion').getPosition($('ventana'));
		presenta_limpiar()
	}
	if($('diapo-adelante')!=null){ev_diapomas()}
	if($('p1')!=null){carga_panel();}

	
	
	})