$(document).ready(function () {
		var style = 'easeInOutCubic';
		var default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
		var default_width = $('#lava li.selected').width();
		if(default_left==40){ default_left=290;default_width=112 }
		$('#box').css({left: default_left});
		$('#box .head').css({width: default_width});
		$('#lava li').hover(function () {
			left = Math.round($(this).offset().left - $('#lava').offset().left);
			width = $(this).width(); 
		$('#debug').html(left);
			$('#box').stop(false, true).animate({left: left},{duration:200, easing: style});	
			$('#box .head').stop(false, true).animate({width:width},{duration:200, easing: style});	
		}).click(function () {
			$('#lava li').removeClass('selected');	
			$(this).addClass('selected');
		});
		$('#lava').mouseleave(function () {
			default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);
			default_width = $('#lava li.selected').width();
			$('#box').stop(false, true).animate({left: default_left},{duration:200, easing: style});	
			$('#box .head').stop(false, true).animate({width:default_width},{duration:200, easing: style});		
			$("#lava li a").css("color","#656356");
			$('#lava li.selected a').css("color","#fff");
		});
		$('#lava li a').hover(function () {
			if($(this).classname!="selected"){
				$("#lava li a").css("color","#656356");
				$(this).css("color","#fff");
			}
		});
	});