var resizer = {
	currentsize: 190, // set to initial size
	modifier: 10,
	
	init: function () {
	
		// display the dudes
		$('resizers').addClassName('activeRezise');
	
		// link into the links.
		$$('.upsize').each(function(item, index) {
			item.observe('click', function(e) {
				e.stop();
				resizer.upsize();
			})
		});
		$$('.downsize').each(function(item, index) {
			item.observe('click', function(e) {
				e.stop();
				resizer.downsize();
			})
		});

	},
	
	upsize: function() {
		resizer.currentsize += resizer.modifier;
		resizer.resize();
	},
	
	downsize: function() {
		resizer.currentsize -= resizer.modifier;
		resizer.resize();
	},
	
	resize: function() {
		$$('p a img').each(function(item, index) {
			item.setStyle({
				width: resizer.currentsize + 'px',
				height: resizer.currentsize + 'px'
			});
			// and the a
			item.up().setStyle({
				width: resizer.currentsize + 'px',
				height: resizer.currentsize + 'px'
			});
			// and the p
			item.up().up().setStyle({
				width: resizer.currentsize + 'px',
				height: resizer.currentsize + 'px'
			});
		});

		$$('div.portfolio img').each(function(item, index) {
			item.setStyle({
				width: resizer.currentsize + 'px',
				height: resizer.currentsize + 'px'
			});
		});
	}
}


// highlightit
var categoryHighlight = {

	init: function () {

		// in
		$$('.category').each(function(item, index) {
			item.observe('mouseenter', function(e) {
				$(item).addClassName('activeCat');
			});
		});

		// out
		$$('.category').each(function(item, index) {
			item.observe('mouseleave', function(e) {
				$(item).removeClassName('activeCat');
			});
		});


	},

}

document.observe("dom:loaded", resizer.init);
document.observe("dom:loaded", categoryHighlight.init);