function init(){
	// images that are rollovers can use the "rollover" calss an automatically get the "_over" image
    $$('.rollover').each(function(img) {
        var src = img.getProperty('src');
        var extension = src.substring(src.lastIndexOf('.'), src.length)
		new Asset.images([src.replace(extension,'_over' + extension)]); // preload the rollover image
        img.addEvent('mouseenter', function() {
			img.setProperty('src', src.replace(extension, '_over' + extension));
        });
        img.addEvent('mouseleave', function() {
            img.setProperty('src', src);
        });
    });
	
	// main nav image rollovers - make the normal display source the same as the rollover state
	var count = 0;
	if(topNavSelectedItemFromRight){
		if(topNavSelectedItemFromRight > 0 && topNavSelectedItemFromRight < 5){
			topNavSelectedItemFromRight = topNavSelectedItemFromRight-1; // make it 0 based
			$('MainSectionNav').getChildren().each(function(elem) {
				if(count == topNavSelectedItemFromRight){
					var img = elem.getFirst();
					img.removeEvents('mouseenter');
					img.removeEvents('mouseleave');
					var src = img.getProperty('src');
        			var extension = src.substring(src.lastIndexOf('.'), src.length)
					img.setProperty('src', src.replace(extension, '_over' + extension));
				}
				count++;
    		});
		}
	}

	count = 0;
	if(projectNavSelectedItemFromRight){
		if(projectNavSelectedItemFromRight > 0){
			projectNavSelectedItemFromRight = projectNavSelectedItemFromRight-1; // make it 0 based
			$('MainProjectNav').getChildren().each(function(elem) {
				if(count == projectNavSelectedItemFromRight){
					var img = elem.getFirst();
					img.removeEvents('mouseenter');
					img.removeEvents('mouseleave');
					var src = img.getProperty('src');
        			var extension = src.substring(src.lastIndexOf('.'), src.length)
					img.setProperty('src', src.replace(extension, '_over' + extension));
				}
				count++;
			});
		}
	}
}