$(function(){
	
	var services = $('#service_info a');
	var bios = $('#about_info a, #about_bios a');
	var images = $('#project_images img.zoom');
	var open_div = $('#about');
	
	$('.about, .bio').hide();
	
	services.toggle(function(e) {
		e.preventDefault(); 
		to_show = $(this).attr('href') + " .notvisible";
		$(to_show).fadeIn();
	}, function(e) {
		e.preventDefault();
		to_show = $(this).attr('href') + " .notvisible";
		$(to_show).fadeOut();
	});
	
	// bioz
	bios.click(function(e){
		e.preventDefault();
		to_show = $(this).attr('href');
		$(open_div).hide();
		$(to_show).fadeIn();
		open_div = to_show;		
	});
	
	// image zoom
	images.hover(function(){
		
		$(this).parent().css({ 'z-index': 200 });
		$(this).animate({
			width: '500px',
			marginTop: '-110px', 
			marginLeft: '-110px'
		}, 200)
	
	}, function(){
	
		$(this).parent().css({ 'z-index': 10 });				
		$(this).animate({
			width: '100%',
			marginTop: '0',
			marginLeft: '0'
		}, 200)
		
	});
	
	
	
});