/* A workaround for IE issues in mootools 1.2.1
  * - Recreates FX.Scroll() but utilises 1.2.0's getPosition/getOffset routines.
  */
 Fx.Scroll2 = new Class({
  
     'Extends': Fx.Scroll,
  
     'styleString': Element.getComputedStyle,
     'styleNumber': function(element, style) {
         return this.styleString(element, style).toInt() || 0;
     },
     'borderBox': function(element) {
         return this.styleString(element, '-moz-box-sizing') == 'border-box';
     },
     'topBorder': function(element) {
         return this.styleNumber(element, 'border-top-width');
     },
     'leftBorder': function(element) {
         return this.styleNumber(element, 'border-left-width');
     },
     'isBody': function(element) {
         return (/^(?:body|html)$/i).test(element.tagName);
     }, 
     'toElement': function(el) {
         var offset   = {x: 0, y: 0};
         var element  = $(el);
        
         if (this.isBody(element)) {
             return offset;
         }
         var scroll = element.getScrolls();
                
         while (element && !this.isBody(element)){
             offset.x += element.offsetLeft;
             offset.y += element.offsetTop;
            
             if (Browser.Engine.gecko){
                 if (!this.borderBox(element)){
                     offset.x += this.leftBorder(element);
                     offset.y += this.topBorder(element);
                 }
                 var parent = element.parentNode;
                 if (parent && this.styleString(parent, 'overflow') != 'visible'){
                     offset.x += this.leftBorder(parent);
                     offset.y += this.topBorder(parent);
                 }
             } else if (Browser.Engine.trident || Browser.Engine.webkit){
                 offset.x += this.leftBorder(element);
                 offset.y += this.topBorder(element);
             }
  
             element = element.offsetParent;
             if (Browser.Engine.trident) {
                 while (element && !element.currentStyle.hasLayout) {
                     element = element.offsetParent;
                 }
             }
         }
         if (Browser.Engine.gecko && !this.borderBox(element)){
             offset.x -= this.leftBorder(element);
             offset.y -= this.topBorder(element);
         }
        
         var relative = this.element;
         var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
         var position = {x: offset.x - scroll.x, y: offset.y - scroll.y};

         return this.start(position.x - relativePosition.x, position.y - relativePosition.y);
     }
 });
  



window.addEvent('domready', function() {
	
	var scroller = new Fx.Scroll2('slideshow', {
		wait: false,
		duration: 500,
		offset: {'x': -1, 'y': -1 },
		transition: Fx.Transitions.Quad.easeInOut
	});
		
	var pos = 0;
	var tourLinks = $$('.tour-nav li a');
	var frames = $$('.frame');
	
	scroller.toElement(frames[0].id);


	$$('.next-frame').each(function(next, i) {
		next.addEvent('click', function(event) {
			event = new Event(event).stop();
			tourLinks[pos].removeClass('smButtonActive');
			if (pos === 0) {tourLinks[pos].addClass('smButtonLeft');} else if (pos == frames.length -1) {tourLinks[pos].addClass('smButtonRight');} else {tourLinks[pos].addClass('smButtonMiddle');}
 			if(pos < frames.length -1) {
				pos++;
				if (Browser.Engine.trident) {
					frames.each(function(item, index) { item.style.display = 'none'; });
					frames[pos].style.display = 'block';					
				} else {
  				  scroller.toElement(frames[pos].id); 
				}
			} else {			        
			    pos = 0;
				if (Browser.Engine.trident) {
					frames.each(function(item, index) { item.style.display = 'none'; });
					frames[0].style.display = 'block';					
				} else {
				    scroller.toElement(frames[pos].id);
			    }
			}
			tourLinks[pos].className = 'smButtonActive';
		});
	});
	
	tourLinks.each(function(section, i) {
		if(i < frames.length)
		{
			section.addEvent('click', function(event){
				event = new Event(event).stop();
				section.blur();
				if (Browser.Engine.trident) {				
	               	frames.each(function(item, index) { item.style.display = 'none'; });
					frames[i].style.display = 'block';
                } else {
  				   scroller.toElement(frames[i].id);
                }
				if (pos === 0) {tourLinks[pos].addClass('smButtonLeft');} else if (pos == frames.length -1) {tourLinks[pos].addClass('smButtonRight');} else {tourLinks[pos].addClass('smButtonMiddle');}
				section.className = 'smButtonActive';
				pos = i;
			});
		}
	});
});