$(document).ready(function() {  			
	//timeline
	var timelineId;          
	$('#timeline a').mouseenter(function() {
		var timelineClass = $(this).attr('class');              		
		$('#timeline').attr('class', ''); 
		$('#timeline').addClass(timelineClass);				
		$('div.timelineEntry').css('z-index', '1');   
		$('div.timelineEntry' + timelineClass).css('z-index', '2');
		$('div.' + timelineClass).css('z-index', '2')
		$('div.timelineEntry').hide(); 
		$('div.' + timelineClass).show();
		$('div.timelineContent.' + timelineClass).hide();	
		$('div.timelineContent.' + timelineClass).show();		              				                                                                              
	});  
	// end timeline
	        
	// bio	        
	var str;
	var thumb;
	var h = $(window).height();
    var w = h/8;
	var str = 'all';	
	$('div.bioThumb.' + str).addClass('active');	
	$('#menu a').addClass('sort');
	/* Sorting */
	$('#sort a').click(function() {				
		var str = $(this).attr('id');
		$('div.bioThumb.active').removeClass('active');		
		$('#sort a.' + 'active').removeClass('active');
		$('div.' + str).addClass('active');			
		$('#sort a#' + str).addClass('active');
		$('#menu a.sort').removeClass('sort');
		$('#menu a.' + str).addClass('sort');
	});
		
	//left nav hover states 
	$('#menu a').mouseenter(function() {
		var thumb = $(this).attr('id');
		$(this).overlay({ mask: 'transparent', top: w});
		//$('div.toolTip.' + thumb).fadeIn(0);
		$('div.bioThumb a.' + thumb).addClass('active');	  
	});          	
	$('#menu a').mouseleave(function() {
		var thumb = $(this).attr('id');
		$('div.toolTip.' + thumb).fadeOut(0);
		$('div.bioThumb a.active').removeClass('active');	 
	});	


	/* thumnail hover states */
	$('div.bioThumb a').mouseenter(function() {
		var crap = $(this).attr('class');
		$(this).addClass('active');
		$('div.toolTip.' + crap).fadeIn(0);
		$('#menu a#' + crap).addClass('active');
		$(this).overlay({ mask: 'transparent', bottom: w});
	});
	$('div.bioThumb a').mouseleave(function() {
		$(this).removeClass('active');
		$('div.toolTip').fadeOut(0);
		$('#menu a.active').removeClass('active');
	});
	$('div.bioThumb a').click(function() {
		//
		//$('div.bioThumb').addClass('active');	
		$('a.' + 'sort').removeClass('sort');
		$('#menu li a').addClass('sort');
	});

	$('#exposeMask').click(function () {  
         $('.overlay').hide();             
     });   
	// end bio  	
	
	//image hovers
	$('img.thumb').mouseenter(function() {
		var imageHover = $(this).attr('id');
		var imgWidth = $(this).width();
		var imgHeight = $(this).height();		
		$('div.imgHover.' + imageHover ).show();
		$('div.imgHover.' + imageHover ).css('width', imgWidth +8);
		$('div.imgHover.' + imageHover ).css('height', imgHeight +8);	
		$('div.imgHover.' + imageHover ).css('margin-left', "-3px");
		$('div.imgHover.' + imageHover ).css('margin-top', "-3px");
	});   
	$('img.thumb').mouseleave(function() {
		$('div.' + 'imgHover').hide();
	});  
	$('img.thumb').click(function() {
		$('div.' + 'imgHover').hide();
	});    		
});