window.addEvent('domready', function() {	
	
	var heading = $('content_box').getElement('h2');
	var catsBox = $('items_box');
	var catItems = $$('#items_box li');
	
	catsBox.setStyle('opacity',0);
	catsBox.setStyle('overflow', 'hidden');
	
	var numCats = catItems.length;
	var itemW = catItems[0].getStyle('width');
	var itemH = catItems[0].getStyle('height').toInt();
	
	catItems.each(function(e){
		
		e.setStyle('cursor', 'pointer');
		
		var thisLink = e.getElement('a').dispose();
		var thisURL = thisLink.getProperty('href');
		var thisImg = e.getElement('img');
		
		//create rollover box
		var tempOver = new Element('span', {
		    'class': 'img_over',
		    'html': ' '
		});
		e.adopt(tempOver);
		
		tempOver.setStyles({
			'opacity':0,
			'background-color': '#ffffff'
		});
		
		thisImg.set('morph', {duration: 350, transition: 'cubic:inOut'});
		
		e.addEvents({
			'mouseenter': function(e){
				this.morph({'opacity':.65});
				window.status=thisURL;
			}.bind(thisImg),
			
			'mouseleave': function(e){
				this.morph({'opacity':1});
				window.status="";
			}.bind(thisImg),
			
			'click': function(e){
				//alert("thisURL: " + thisURL);
				location.href = thisURL;
			}
			
		});
		
	});
	
	
	//setup for thumb sliding if more than 1 page (12 items)
	if(numCats > 12) {
		var slideAmt = itemH * 2;  //pageH
		var boxH = catsBox.getStyle('height');  //contH
		var numpages = Math.ceil(numCats/8);  
		var curPage = 1;
		
		//call cat slider class with above stuff
		var mySlider = new CatsSlider({
			container: catsBox,	
			contH: boxH, 
			pageH: slideAmt,
			numPages: numpages,	
			nextBtn: $('catnext'),	
			prevBtn: $('catprev'),
			thePages: $('pages')
		});
		
		
	}
	
	
	
	//page show stuff	
	
	//fade in
	var showIt = function(el){ 
		
		var fade_in = new Fx.Morph(el, {
			     duration: 1000, 
			     transition: Fx.Transitions.Cubic.easeOut, 
			     link: 'ignore'
		});
		
		fade_in.start({
		'opacity': 1
		});
		
	};
	
	//showIt.delay(20, null, heading);
	//showIt.delay(350, null, imgFurn);
	//showIt.delay(350, null, labelFurn);
	showIt.delay(100, null, catsBox);
	//showIt.delay(500, null, accsLink);
					 
});