window.addEvent('domready', function(){   
    
    
        //slider variables for making things easier below
    var itemsHolder = $('container1');
    var myItems = $$(itemsHolder.getElements('.wins1'));
    
    
    //create instance of the slider, and start it up        
    var mySlider = new SL_Slider({
        slideTimer: 8000,
        orientation: 'vertical',
        transitionTime: 550,
        transitionType: 'back:in:out',
        fade: false,
        isPaused: false,
        container: itemsHolder,
        items: myItems
    });
    mySlider.start();
    
    $('col1').makeDraggable();
    
    var getHT = $('headerText');
    var header = $('centered');
    header.set('tween', {duration: 5000});
    header.tween('opacity', [0, 1]);
      
   header.addEvent('click', function(){
makeLeaves();
    });
    
    var makeLeaves = function() {
        var allLeaves = $$('.leafimg');
        allLeaves.destroy();
    	var leavesTotal = $random(5,12); 
       	leavesTotal.each(function(el, index) {
           var main 	 = $('main');
           var randLeaf = $random(1,4);
       	   var leafSize = $random(600,800);
           var size 	 = main.getSize();
           var leafX    = $random(0, size.x);
       	   var leafY    = $random(-size.y, size.y);
           var randZ    = $random(5,500);
           var randopac = $random(4,7);
              new Element('span', {
              'class': 'leafimg'
              }
              ).inject(main).adopt(
                   new Element(
                      "img",
                      {'src'  : 'images/rust'+randLeaf+'.png',
                      'id'    : 'leaf'+index,
                         styles: { 
                         'z-index': randZ, 
                         'position': 'relative',
                         'display': 'inline',
                         'width': leafSize, 
                         'top': leafY, 
                         'left': leafX,
                         'opacity': '.'+randopac
                         }
                     }
                     
                  )
             )
       });
             
};
    
   var bgswitch = function() {
   var bbkg =  $('body');
   var bbkg2 = $('content');
   var brand = $random(0,4);
   var brand2 = $random(0,2);
   bbkg.tween('background', 'url(/images/bkg'+brand+'.jpg)');
   
   };
   
   var Main = $('centered');
  
Main.set('tween', {duration: 1000, transition: 'Transitions.Elastic.easeOut'});
Main.tween('opacity', [0, 1]);

bgswitch();
makeLeaves(); 
});