var railsGlider = Class.create({
	
	initialize: function(a) {
		this.sections = $A($$('.section'));
		this.subnav = $A($$('.subnav'));
		this.sectionWidth = $('holder').getWidth();
		this.sectionHeight = $('holder').getHeight();
		this.totalSections = this.sections.length;
		this.currentSection = '';
		this.previousSection = '';
		this.prevSectNum = 0;
		this.sectNum = 0;
		
		for(i=0; i < this.totalSections; i++) {

			if($(this.subnav[i].id == '')) {
				$(this.subnav[i]).identify();
			}
			
			$(this.subnav[i]).observe('click', this.moveToSection.bindAsEventListener(this));
		}
	},
	
	moveToSection: function(e) {		
		el = e.target.id;
		this.prevSectNum = this.sectNum;

		for(i=0; i < this.totalSections; i++) {
			
			if(el == this.subnav[i].id) {
				this.sectNum = i;
				if(this.sectNum > this.prevSectNum){
					if(this.prevSectNum == 0) {
						var num = (this.prevSectNum + i);
						//$('testdiv').update(this.prevSectNum+ '||' + this.sectNum);
					} else {
						var num = (i - this.prevSectNum);
						//$('testdiv').update(num);
					}
					xMove = num * this.sectionWidth;
					//alert(this.sectNum);
				} else {
					var num = this.prevSectNum - i;
					//$('testdiv').update(this.prevSectNum+ '||' + this.sectNum);
					xMove = num * this.sectionWidth;
					//alert(num);
				}
				
				this.currentSection = this.sections[i].id;
			}
			
		}
		
		
		
		//alert(xMove);
		if(this.sectNum > this.prevSectNum) {
			new Effect.Move ('innerholder',{ x: -xMove, y: 0});
		} else {
			new Effect.Move ('innerholder',{ x: xMove, y: 0});
		}
		
	}
	
});