var paginas = new Array();
var posicion_inicial = 0;

document.observe('dom:loaded',function()
		{
			iniciar_paginas();
			info_paginas();
			if(!$('no_paginate'))
			{
				generar_enlaces();
			}
			
			activar_contacto();
			ajustar_altos_entrada();
			
			popup_controller();
			
			$$('.deslizador').each(function(el){
				el.observe('click',function(ev){
					ev.stop();
					//alert(this.getAttribute('rel'));
					Effect.ScrollTo(this.getAttribute('rel'));
				});
			});
			
			if($('paellera'))
			{
				$('paellera').observe('click', function(ev){
					ev.stop();
					nueva_ventana('aviso_arroz', '/restaurante/arroz', '', 'Hoy comemos arroz', 600, 600, 0);
				});
			}
			if($('sin_compromiso'))
			{
				$('sin_compromiso').observe('click', function(ev){
					ev.stop();
					nueva_ventana('aviso_sin_compromiso', this.readAttribute('href'), '', 'Te llamamos sin compromiso', 600, 390, 0);
				});
			}
			
			if($('cerrar_navidad'))
			{
				$('cerrar_navidad').observe('click', function(ev){
					ev.stop();
					$('navidad').hide();
				});
				}
			if($('cerrar_inicial'))
			{
				$('cerrar_inicial').observe('click', function(ev){
				ev.stop();
				$('panel_inicial').hide();
				});
			}
			if($('cerrar_valentin'))
			{
				$('cerrar_valentin').observe('click', function(ev){
				ev.stop();
				$('panel_valentin').hide();
				});
			}
			
		});

window.onresize = function()
		{
			//alert('Rescalado');
			iniciar_paginas();
			ajustar_altos_entrada();
		};

function popup_controller()
{
	if($('enlace_cerrar_mensaje_flash'))
	{
		$('enlace_cerrar_mensaje_flash').observe('click', function(ev){
			ev.stop();
			$('mensaje_flash').hide();
			$('ocultador_mensaje_flash').hide();
		});
	}
}
		
function ajustar_altos_entrada()
{
	
	//alert(document.viewport.getDimensions().width + ', ' + document.viewport.getDimensions().height);
	$$('.ladrillo_entrada LI').each(function(el){
		//alert(el.getStyle('height'));
		el.setStyle({'height': document.viewport.getDimensions().height + 'px'});
	});
	
}
		
function activar_contacto()
{
	$('pestana_contacto').observe('click',function(ev){
		ev.stop();
		
		if($('capa_datos_contacto').visible()==false)
		{
			new Ajax.Updater('contenido_a_mostrar', '/contacto');
		}
		
		Effect.toggle('capa_datos_contacto','blind');
		Effect.toggle('ocultador','appear');
	});
	
	$('pestana_localizacion').observe('click',function(ev){
		ev.stop();
		//ponemos el contenido de localizacion
		if($('capa_datos_contacto').visible()==false)
		{
			new Ajax.Updater('contenido_a_mostrar', '/localizacion');
		}
		
		Effect.toggle('capa_datos_contacto','blind');
		Effect.toggle('ocultador','appear');
	});
	
	$('cerrar_contacto').observe('click',function(ev){
		ev.stop();
		//ponemos el contenido de contacto
		
		
		Effect.toggle('capa_datos_contacto','blind');
		Effect.toggle('ocultador','appear');
	});
}
		
function iniciar_paginas()
{
	if($('menu_principal')) //con esto no da error en la entrada
	{
		posicion_inicial = $('menu_principal').cumulativeOffset().left + $('menu_principal').getWidth();
		$('contenido').setStyle({'marginLeft':posicion_inicial + 'px'});
	}
	
}

function info_paginas()
{
	i = 0;
	$$('.pagina').each(function(el){
		paginas[i] = {'ancho':el.getWidth()};
		i++;
	});
	/*paginas.each(function(el){
		alert(el.ancho);
	});*/
}

function generar_enlaces()
{
	i = 1;
	cadena_enlaces = '';
	if($$('.pagina').size()>1)
	{
		$$('.pagina').each(function(el)
				{
					cadena_enlaces += '<div class="enlace_pagina" id="'+ i + '">' + i + '</div>';
					i++;
				});
			
			$('enlaces_paginas').update(cadena_enlaces);
			$('enlaces_paginas').update(cadena_enlaces);
			
			$$('.enlace_pagina').each(function(el)
					{
						if(el.id==1)
						{
							el.addClassName('seleccionada');	
						}
						el.observe('click',function(){
							mover(this.id-1);
							$$('.enlace_pagina').each(function(el){
								el.removeClassName('seleccionada');
							});
							this.addClassName('seleccionada');
						});
					}
			);
			
	}
}
function mover(pagina)
{
	var margen_izquierda = 10; 
	var posicion_final = 0;
	
	for(i=0;i<pagina;i++)
	{
		posicion_final += paginas[i].ancho  + margen_izquierda;	
	}
	//var pos = posicion_inicial - posicion_final;
	var pos  = posicion_final * -1;
	//alert('Se va a mover a la posición final -> ' + posicion_final);
	//$('contenido').setStyle({'marginLeft':pos + 'px'});
	new Effect.Move('contenido', { x: pos, y: 0, mode: 'absolute' });
}