window.addEvent('domready', function() {
	
	var outerbox = $('slide1').getElement('.orange_box');
	var descOuter = $('slide1').getElement('.orange_left'); 
	var itemsHolder = $('slide1');
	var theItems = itemsHolder.getElements('li');
	
	var myQP = new QuickPosts({
		descContainer: descOuter,
		togglers: 'h4',
		containers: 'div.desc',
		posts:  theItems,
		activeClass: '.active_tog',
		outerBox: outerbox
	});	
	myQP.start();
	
	
	
	var outerbox2 = $('slide2').getElement('.orange_box');
	var descOuter2 = $('slide2').getElement('.orange_left'); 
	var itemsHolder2 = $('slide2');
	var theItems2 = itemsHolder2.getElements('li');
	
	var myQP2 = new QuickPosts({
		descContainer: descOuter2,
		togglers: 'h4',
		containers: 'div.desc',
		posts:  theItems2,
		activeClass: '.active_tog',
		outerBox: outerbox2
	});	
	myQP2.start();
				
	
	
	var outerbox3 = $('slide3').getElement('.orange_box');
	var descOuter3 = $('slide3').getElement('.orange_left'); 
	var itemsHolder3 = $('slide3');
	var theItems3 = itemsHolder3.getElements('li');
	
	var myQP3 = new QuickPosts({
		descContainer: descOuter3,
		togglers: 'h4',
		containers: 'div.desc',
		posts:  theItems3,
		activeClass: '.active_tog',
		outerBox: outerbox3
	});	
	myQP3.start();
	
	
	
	var itemsHolder = $('process_box');
	var numNavHolder = $('mini_nav').getElement('ul');
	var myItems = $$('.slide');
	var firstItem = myItems[0];
	var thePrevBtn = $('back_arrow');
	var theNxtBtn = $('next_arrow');
	
	var mySlider = new SL_Slider({
		container: itemsHolder,
		items: myItems,
		numNavActive: true,
		numNavHolder: numNavHolder,
		prevBtn: thePrevBtn,
		nextBtn: theNxtBtn
	});
	
	mySlider.start();
	
	
	
	//setup orange box clicks
	var box1 = $('box1').set('morph', {duration: 'short', transition: 'sine:out'});
	var box3 = $('box3').set('morph', {duration: 'short', transition: 'sine:out'});
	var box5 = $('box5').set('morph', {duration: 'short', transition: 'sine:out'});
	var activeStyle = ".active_orange";
	var inactiveStyle = ".inactive_orange";
	
	box1.addEvents({
	    'mouseover': function(){
		  this.morph(activeStyle);
		  this.setStyle('cursor','pointer');
	    },
	    'mouseout': function(){
		  this.morph(inactiveStyle);
		  this.fade(1);
	    },
	    'click': function(){
		  mySlider.numPress("blah",1);
	    }
	});
	
	box3.addEvents({
	    'mouseover': function(){
		  this.morph(activeStyle);
		  this.setStyle('cursor','pointer');
	    },
	    'mouseout': function(){
		   this.morph(inactiveStyle);
		  this.fade(1);
	    },
	    'click': function(){
		  mySlider.numPress("blah",2);
	    }
	});
	
	box5.addEvents({
	    'mouseover': function(){
		  this.morph(activeStyle);
		  this.setStyle('cursor','pointer');
	    },
	    'mouseout': function(){
		   this.morph(inactiveStyle);
		  this.fade(1);
	    },
	    'click': function(){
		  mySlider.numPress("blah",3);
	    }
	});

	
	
	
					 
});