// JavaScript Document

//Variables que vamos a necesitar

var slider; // Para que el scroll se reconozca en otras funciones
var desplaza = 0;
var f = 0
//var scroll_si = true;


function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse)
{
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	
	slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	
	if( !(ignoreMouse) ){
		if(scrool_si)
		{
			// Scroll the content element when the mousewheel is used within the 
			// content or the scrollbar element.
			$$(content, scrollbar).addEvent('mousewheel', function(e){	
				e = new Event(e).stop();
				var step = slider.step - e.wheel * 30;	
				slider.set(step);
			});					
		}//if
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

		
window.addEvent('domready', function(){				
	// -- first example, vertical scrollbar --
	/*makeScrollbar( $('content1'), $('scrollbar1'), $('handle1') );*/
	// -- second example, horizontal scrollbar --
	makeScrollbar( $('content2'), $('scrollbar2'), $('handle2'), true );
	// -- third example, horizontal and vertical scrollbars
	/*makeScrollbar( $('content3'), $('scrollbar3'), $('handle3'), false );
	makeScrollbar( $('content3'), $('scrollbar4'), $('handle4'), true, true );	*/
	
});

function menu_carta(menu,submenu)
{
	
	//var tcapa = 700;
	var tcapa = 650;
	
	if(menu == 1)
	{

	}//if
	
	if(menu == 2)
	{
		
		inicio = desplaza;
		desplaza = tcapa*submenu;
		if(inicio>desplaza)
		{
			f = submenu;
			for (I=inicio; I>=desplaza; I= I-4)
			{
				$('content2').scrollTo(I,1);	
				slider.set(I);
			}//for
		}//if
		
		if(inicio<desplaza)
		{
			for (I=inicio; I<=desplaza; I= I+4)
			{
				$('content2').scrollTo(I,1);	
				slider.set(I);
			}//for
			f = submenu;
		}//if
		
	}//if
	
	if(menu == 3)
	{
		
		
	}//if
}



function atras()
{
	if(f != 0)
	{
		f = f -1;
		inicio = desplaza;
		desplaza = desplaza - fotos[f];
		for (I=inicio; I>=desplaza; I= I-4)
		{
			$('content2').scrollTo(I,1);	
			slider.set(I);
		}//for	
		
	}//if
}

function adelante()
{
	if(f != (fotos.length - 2))
	{
		inicio = desplaza;
		desplaza = desplaza + fotos[f];
		for (I=inicio; I<=desplaza; I=I+4)
		{
			$('content2').scrollTo(I,1);
			slider.set(I);
		}//for	
		f = f +1;
	}//if
}