/******************************************************************************************************************/
// Menu FX Handle
/******************************************************************************************************************/

function menuHandle(){
	$('#menu LI').hover(function(){
		$(this).find('UL').show();
	}, function(){
		$(this).find('UL').hide(800);
	});
}

/******************************************************************************************************************/
// Project Scroll Handle
/******************************************************************************************************************/

function projectHandle(){
	$('#project .list UL').width($('#project .list LI').length*662);
	$('#project .nav UL').width($('#project .nav LI').length*80);
	
	$('#project .nav A').hover(function(){
		if ($(this).attr('class') != "sel") $(this).parent().fadeTo(300, 0.6);
	}, function(){
		$(this).parent().fadeTo(300, 1);
	});
	
	v_move = true;
	p_move = false;
	
	$('#project .nav A').click(function(){
		if (($(this).attr('class') != "sel") && ($(this).parent().attr('class') != "vid")) {
			sel = $(this).attr('href');
			
			$('#project .list LI').each(function(i){
				myid = '#' + $(this).attr('id');
				if ( myid == sel) pos = i;
			});
			
			val = pos * 662;
			val = '-'+val+'px';
			
			$('#project .list UL').animate({ left: val }, 1000, 'easeOutExpo');
			
			$('#project .nav A').removeClass('sel');
			$(this).attr('class','sel');
			$(this).parent().fadeTo(300, 1);
		}
		
		return false;
	});
}

/******************************************************************************************************************/
// Family Scroll Handle
/******************************************************************************************************************/

function familyHandle(){
	toggle = true;
	$('#family .button').click(function(){
		if (toggle) {
			$('#family UL').animate({ left: '-662px' }, 1000, 'easeOutExpo');
			toggle = false;
		}
		else {
			$('#family UL').animate({ left: '0px' }, 1000, 'easeOutExpo');
			toggle = true;
		}
	});
}

/******************************************************************************************************************/
// on load...
/******************************************************************************************************************/

$(function(){
	// Menu Handle
	//$('#menu LI UL').hide();
	//menuHandle();
	
	//Project Handle
	projectHandle();

	// Family Handle
	familyHandle();
});