/*
*	HOMEPAGE SLIDESHOW
*	dependencies: imageobserver.js for image preloading
*/
document.observe("dom:loaded", function() {

  var slideshowImageSlides = $$('#slideshowPane .slide');
  var slideshowPane = $('slideshowPane');
  var currentSlide = 0;
  var slideWidth = 960;
  var queueScope = 'slideshow';
  var rotationDelay = 6000;
  
  var numSlides = slideshowImageSlides.length;
  var slideInterval = null;
  var currAnimation = null;
  
  var maxSlides = rb.brand["home.slides"];
  var numSlides = slideshowImageSlides.length;
  if (maxSlides <= slideshowImageSlides.length) { numSlides = maxSlides;}
  if (maxSlides > slideshowImageSlides.length) {  maxSlides = numSlides ;}
console.log(maxSlides );
console.log(numSlides );
console.log(maxSlides );
  var totalSlidesShown = 1;
  function changeToSlide(n) {
		var queue = Effect.Queues.get(queueScope);
		//make sure we are not currently animating.
		if(queue.effects.length ==  0) {
			lis = $$('#slideshowNav ul li'); 
			lis.each(function(element){
				element.removeClassName('selected');
			});
			lis[n].addClassName('selected');
			currSlide = slideshowImageSlides[currentSlide];
			currAnimation = new Effect.Fade(currSlide,{duration: 1, from: 1, to: 0, afterFinish: function(){
				new Effect.Appear(slideshowImageSlides[n],{duration: 1, from: 0, to: 1});
				currentSlide = n;
			}});
		}
  }

  function init(){
		var ul = document.createElement('ul');
		$$('#slideshowNav')[0].appendChild(ul);
		
	    slideshowImageSlides.each(function(element,i){
		var li = $(document.createElement('li'));
			li.addClassName('default')
			
			if(i == 0){
				li.addClassName('selected');
				
							
			}
			else if(i == 1) { 
				element.hide();
				
			}
			else if(i == 2) {
				element.hide();
				
			}
			else{
				element.hide();
				
			}

			ul.appendChild(li);
			li.observe('click', function(){
				li.removeClassName('over');
				if(currentSlide != i){
					changeToSlide(i);
					clearInterval(slideInterval);
					
				}
			});
			
			  li.observe('mouseover', function(){ 
				if (li.className!="default selected")
			     {
				   li.addClassName('over');
			     }

			});

			li.observe('mouseout', function(){ 
				li.removeClassName('over');
			});
			
			
			
		});
		   

		slideInterval = setInterval(function(){
		    if ( maxSlides == 1 ) {
                return;
            }
console.log(totalSlidesShown);
console.log(currentSlide );
console.log(numSlides);
console.log(maxSlides);
			changeToSlide((currentSlide + 1) % numSlides);
			totalSlidesShown++;
		},rotationDelay);
		
	}

	new ImagesObserver('slideshowPane', {
	 onImagesLoaded: function() { $('slideshowLoading').fade({ duration: 2.0, from: 1, to: 0 });$('slideshowPane').appear({ duration: 2.0 }); init(); }
   });
	
 
});
// Flag to make sure this fires only once.
var home_dom_loaded = 0;
document.observe('dom:loaded', function (evt) {
	if (home_dom_loaded) {
		return;
	} else {
		home_dom_loaded++;
	}
	if ( $('sidebar') && Cookie.get('DASH_SEEN') == null ) {
		onObject( 'bottomAccordion', function () {
			console.log('hit me');
			var sidebar_ = $('sidebar').findDefinition('Sidebar');
			if ( sidebar_ && typeof(sidebar_) == 'object' ) {
				sidebar_.toggle();
				sidebar_.settimeout(8000);
				Cookie.set( 'DASH_SEEN', '1' );
			}
		});
	}
	
});