jQuery(function() {

	var active_link = $('div#subnav a.active');

	$('#active-box').css('width', active_link.css('width'));
	$('#active-box').css('left', active_link.position().left);	

	$(window).resize(function() {
		var active_link = $('div#subnav a.active');
		$('#active-box').css('width', active_link.css('width'));
		$('#active-box').css('left', active_link.position().left);
	});

	$('div#subnav a').mouseenter(function() {
		var active_sleep = 0;
		active_sleep = .1;
		var active_link = $(this);
		active_link.mouseleave(function() { active_sleep = 0; });
		setTimeout(function() {
			if (active_sleep == .1) { active_slider(active_link); }
		}, 300);
	});

	$('div#subnav').mouseleave(function() {
		var active_sleep = 0;
		active_sleep = .1;
		var active_link = $('div#subnav a.active');
		$(this).mouseenter(function() { active_sleep = 0; });
		setTimeout(function() {
			if (active_sleep == .1) { active_slider(active_link); }
		}, 200);
	});

	function active_slider(active_link) {
		var current_left = $('#active-box').position().left;
		var new_left = active_link.position().left;		
		if (current_left < new_left) {
			$('#active-box').animate({
				left: active_link.position().left + 15,
				width: active_link.css('width')
			}, 333);
			$('#active-box').animate({ left: active_link.position().left - 5 }, 200);
		}
		if (current_left > new_left) {
			$('#active-box').animate({
				left: active_link.position().left - 15,
				width: active_link.css('width')
			}, 333);
			$('#active-box').animate({ left: active_link.position().left + 5 }, 200);
		}
		$('#active-box').animate({
			left: active_link.position().left,
		}, 100);
	}

});

$('#subnav a').live('click', function()
{
	var id = $(this).attr('id');
	var p = ".";
	var cl = p + id;
	
	$('#subnav a').removeClass('active');
	$(this).addClass('active');

	$('.examples:visible').fadeOut(700, 
	function(){
 		$(cl).fadeIn(700);
 	});
	
	var amount = $(cl).length;
	var amount = amount - 1
	var count = 0 
	for (count = 0; count <= amount; count++)
	{
		
		if (count==2 || count==5 || count==8)
		{
			$(cl).eq(count).children('a').addClass('slider_work_end');
			$(cl).eq(count).children('a').removeClass('slider_work');
		}
		else if (count==0)
		{
			$(cl).eq(count).children('a').addClass('slider_work');
			$(cl).eq(count).children('a').removeClass('slider_work_end');
		}
		else  
		{
			$(cl).eq(count).children('a').addClass('slider_work');
			$(cl).eq(count).children('a').removeClass('slider_work_end');
		}
	}

	return false;
});