window.addEvent('domready', function(){

			var Tips1 = new Tips($$('.tip'));

			var scroll = new Fx.Scroll('wrapper',{
					wait: false,
					duration: 1000,
					offset: {'x':0, 'y': 0},
					transition: Fx.Transitions.Quad.easeInOut
					});

			//get target elements
			var elements = new Array;
			var elementsPRE = $ES('img', 'inner').each(function(item, index){
					if(item.id){
						elements.push(item.id);
					}
				});

			//get links
			var links = new Array;
			var linksPRE = $ES('a', 'nav').each(function(item, index){
					if(item.id){
						links.push(item.id);
					}
				});

			//add events to links, scroll to target elements
			links.each(function(item, index){
				$(item).addEvent('click', function(event) {
					event = new Event(event).stop();
					scroll.toElement(elements[index]);
					tar = index;
					me = event.target || event.srcElement;
					setActive(me);

				});
			});

			var tar = 0;
			//up and down arrows
			$('up').addEvent('click', function(event) {
					event = new Event(event).stop();
					if(tar > 0)tar--;
					scroll.toElement(elements[tar]);
					setActive(links[tar]);
				});

			$('down').addEvent('click', function(event) {
					event = new Event(event).stop();
					if(tar < elements.length-1)tar++;
					scroll.toElement(elements[tar]);
					setActive(links[tar]);
				});


			var last;
			function setActive(me){
				if(last){
						$(last).removeClass('active');
				}
				last = me;
				$(me).addClass('active');
			}

			function init(){
				scroll.toElement(elements[0]);
				setActive(links[0]);
			}
			init();

		});