YUI().use('event-delegate', 'event', 'node-base', 'node', "overlay", "anim", "plugin", function(Y) {
	
	var slideNum = 0;
	//var interval = self.setInterval("changeSlide()", 1000);
	
	var fadeAnim;
	var timer;
	var slides;
	var animOn = 1;
	
	function init(){
    	Y.delegate("click", displaySlide, "#industries", "li");
    	//Y.delegate("mouseover", stopAnimation, "#slideshow", ".industryDetails");
    	//Y.delegate("mouseover", startAnimation, "#slideshow", ".industryDetails");
    	slides = Y.all('.industryDetails');
    	
    	showSlide(slides)
		
		
    }
    
    function showSlide(slides){
    	var menuItems = Y.all("#industries li a");
    	var slideContainer = Y.one('#slideshow');
    	menuItems.removeClass("active");
    	if(menuItems.item(slideNum-1) != null){
        	menuItems.item(slideNum-1).addClass("active");
        }
        
    	slides.setStyle("opacity",0);
    	slides.setStyle("zIndex",100);
    	
		if(slideNum > (slides.size()-1)){
			slideNum = 1;
		}
		slides.item(slideNum).setStyle("zIndex",200);
		var slideHeight = parseInt(slides.item(slideNum).getStyle("height").split("p",1));
		var menuHeight = parseInt(Y.one('#industries').getStyle("height").split("p",1));
		var newHeight = slideHeight + menuHeight + 21;
		Y.log("slides.length: " + slides.size());
		Y.log("slideNum: " + slideNum);
		Y.log("newHeight: " + newHeight);
		slideContainer.setStyle("height", newHeight + "px");
		
		fadeAnim = new Y.Anim({
			node: slides.item(slideNum),
			from: {
   				opacity: 0
			},
			to: {
   				opacity: 1
			}
		});
		
		fadeAnim.set('duration', 2);
		fadeAnim.set('easing', Y.Easing.easeIn);
		fadeAnim.run();
		
		var animEnd = fadeAnim.on('animation|end', function() {
			animEnd.detach();
			timer = setTimeout(function() { showSlide(slides)}, 10000);
		});
		slideNum = slideNum + 1;
    }
    
    function stopAnimation(){
    	if (animOn == 1) {
    		Y.detach('animation|end');
    		clearTimeout(timer);
    		animOn = 0;
    	}
    }
    
    /*
function startAnimation(){
    	if (animOn == 0) {
    		timer = setTimeout(function() { showSlide(slides)}, 5000);
    		animOn = 1;
    	}
    }
*/
    
    function displaySlide(e) {
    	var slideContainer = Y.one('#slideshow');
    	fadeAnim.stop();
    	Y.detach('animation|end');
    	clearTimeout(timer);
    	slideNum = Y.all('#industries li').indexOf(e.currentTarget) + 1;
    	Y.log(slideNum);
    	Y.log(e.currentTarget);
        //  The list item that matched the provided selector is the 
        //  default scope
        Y.log("Default scope: " + this.get("id"));

        //  The list item that matched the provided selector is 
        //  also available via the event's currentTarget property
        //  in case the default scope is changed.
        Y.log("Clicked list item: " + e.target.get("id"));

        //  The actual click target, which could be the matched item or a
        //  descendant of it.
        Y.log("Event target: " + e.target); 

        //  The delegation container is passed as a third argument
        Y.log("Delegation container: " + e.container.get("id"));    
        
        
        //e.target.get("id");
        
        e.container.all('li a').removeClass("active");
        e.target.addClass("active");
        
        
        Y.all('.industryDetails').setStyle("opacity", "0");
        Y.all('.industryDetails').setStyle("zIndex", "100");
        Y.one('.industryDetails.'+e.target.get("id")).setStyle("opacity", "1");
        Y.one('.industryDetails.'+e.target.get("id")).setStyle("zIndex", "200");
        
        var slideHeight = parseInt(Y.one('.industryDetails.'+e.target.get("id")).getStyle("height").split("p",1));
		var menuHeight = parseInt(Y.one('#industries').getStyle("height").split("p",1));
		var newHeight = slideHeight + menuHeight + 21;
		Y.log("newHeight: " + newHeight);
		slideContainer.setStyle("height", newHeight + "px");
        
        
		e.preventDefault();
		
    }
	
	function changeSlide(){
		Y.log(slideNum);
	}
    
    Y.on("domready", init);
    
});