function tabInit(theTab) {			
		$('.item').removeClass('onFocus');		
		//scroll the lava to current item position
		$('.lava').stop().animate({left:$(theTab).position()['left']}, {duration:300});
		//scroll the panel to the correct content
		$('.panel').stop().animate({left:$(theTab).position()['left'] * (-4)}, {duration:300});
		$(theTab).addClass('onFocus');
};
$(document).ready(function () {
	//set the default location (fix ie 6 issue)
	$('.lava').css({left:$('.item:first').position()['left']});
	//ADD THE above function to the .item tab triggers
	$('.item').bind('click', function(){tabInit($(this))});
});