var ui = {
	initialize: function() {
		this.preloadImages();
		$('.menu_button').bind("mouseenter mouseleave", function(e){
			$(this).rollOver(e);
		});
	},

	preloadImages: function() {
		var btns = new Array('portfolio', 'home', 'contact');
		var imgs_over = new Array();
		var imgs_active = new Array();
		for(i=0; i< btns.length; i++) {
			imgs_over[i] = new Image();
			imgs_over[i].src = '/media/buttons/btn_' + btns[i] + '_over.png';
			imgs_active[i] = new Image();
			imgs_active[i].src = '/media/buttons/btn_' + btns[i] + '_active.png';
		}
	},

	rollOver: function(e) {
		window.console.log(e);
	}
}