var portfolio = null;
var slideLinks = null;
var URL = "http://www.barr-fs.com/home/";

window.addEvent("domready",function(){
	portfolio = new kamPortfolio("animation_content",1500, "back:out");
	var selectedLi = 1;
	var animationPages = $("animation_pages")
	var animationLinks = animationPages.getElements("li");
	slideLinks = animationPages.getElements("a");
	var animationImages = $("statements").getElements("img");
	var indexImages	= new Array();	
	var indexSlideLinks = new Array();
	var i = 0;
	var slideNumer = 0;
	
	animationImages.each( function(elementImage){	
		indexImages[indexImages.length] = elementImage;		
	});		
	
	slideLinks.each( function(elementA){
		indexSlideLinks[indexSlideLinks.length] = elementA;
	});
	
	makeSelected(indexSlideLinks[0]);
	
	animationLinks.each( function(elementLi){
		elementLi.addEvent("click", function(evt){
			evt.stop();
			if(elementLi.get("class") != "skip" && elementLi.get("class") != "skipText"){
				//stop animations
				contentTimer = $clear(contentTimer);			
				slideNumber = this.getElements("a").get("text");
				var toInject = null;
				
				if(!portfolio.blockEvents){				
					animationImages.each( function(elementImage){
						if(elementImage.get("id") == "statement"+slideNumber){						
							toInject = elementImage;				
						}
					});
					if(selectedLi < parseFloat(slideNumber)){					
						portfolio.moveRight(toInject);						
					}else if(selectedLi > parseFloat(slideNumber)){			
						portfolio.moveLeft(toInject);
					}
					makeSelected(indexSlideLinks[slideNumber - 1]);
					selectedLi = parseFloat(slideNumber)
				}
			}else{
				window.location = URL;
			}
		});
	});
		
	var contentTimer = function(){
		i++
		if(contentTimer != null && i < 5){
			portfolio.moveRight(indexImages[i]);
			makeSelected(indexSlideLinks[i]);		
			selectedLi = i+1;
			contentTimer.delay(5000);
		}
		
		if(i == 5){
			window.location = URL
		}
	};	
	contentTimer.delay(5000);		
});

function makeSelected(element){
	slideLinks.each( function(tempElement){
		tempElement.setStyle("color","#727842");
	});
	element.setStyle("color","#fff");
}