$(document).ready(function(){

	$('.navitem').each(function() {
		$(this).hover(
			function () {
				$(this).addClass('subnav_selected');
			}, 
			function () {
				$(this).removeClass('subnav_selected');
			}
		);	
	});

	// Setup sMenu
	
    maxWidth = 440;
    minWidth = 125;
    loffset = (maxWidth - minWidth);
    
	animation_time = 300;
	animation_easing = 'easeOutCubic';
	
	$("#sMenu td a").hover(
		function(){
			
			$("#sMenu td a").animate({ width: minWidth+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			$("#sMenu td a img").animate({ left: "-"+loffset+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			
			$(this).animate({ width: maxWidth+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			$(this).find('img').animate({ left: "0px" }, { queue: false, duration: animation_time, easing: animation_easing });
			
		},
		function(){

			$("#sMenu td a").animate({ width: minWidth+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			$("#sMenu td a img").animate({ left: "-"+loffset+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			
			$("#sMenu td.selected a").animate({ width: maxWidth+"px" }, { queue: false, duration: animation_time, easing: animation_easing });
			$("#sMenu td.selected a").find('img').animate({ left: "0px" }, { queue: false, duration: animation_time, easing: animation_easing });

		}			
	);
	
	
	// Setup SERPI Graph
	$('.serpi-graph-button').hover( 
		function(){
			curr_src = $(this).find('img').attr('src');
			if( ! $(this).hasClass('on')){
				$(this).find('img').attr('src', curr_src.replace('.jpg', '-on.jpg') );
			}
		},
		function(){
			curr_src = $(this).find('img').attr('src');
			if( ! $(this).hasClass('on')){
				$(this).find('img').attr('src', curr_src.replace('-on.jpg', '.jpg') );
			}
		}
	);
	
	$('.serpi-graph-button').click(function(){
		
		if( ! $(this).hasClass('on') ){
			
			$('.serpi-graph-button.on').find('img').attr('src', $('.serpi-graph-button.on').find('img').attr('src').replace('-on.jpg', '.jpg') );
			$('.serpi-graph-button').removeClass('on');
			
			$(this).addClass('on');	
			
			if( $('#serpi-graph').hasClass('lb') ){
				$('#serpi-graph').find('img').attr('src', $('#serpi-graph').find('img').attr('src').replace('lb', 'rb') );
				$('#serpi-graph').removeClass('lb');
				$('#serpi-graph').addClass('rb');
			}
			else {
				$('#serpi-graph').find('img').attr('src', $('#serpi-graph').find('img').attr('src').replace('rb', 'lb') );
				$('#serpi-graph').removeClass('rb');
				$('#serpi-graph').addClass('lb');
			}
			
			
		}
		
		return false;
		
	});
	
});