$(document).ready(function () {
	var style = 'easeOutElastic';
	var default_left = Math.round($('#submenu li a.selected').offset().left - $('#submenu').offset().left);
	var default_width = $('#submenu li a.selected').width();
	$('#box').css({left: default_left});
	$('#box .head').css({width: default_width});
	$('#submenu li a').hover(function () {
		left = Math.round($(this).offset().left - $('#submenu').offset().left);
		width = $(this).width(); 
	$('#debug').html(left);
		$('#box').stop(false, true).animate({left: left},{duration:2000, easing: style});	
		$('#box .head').stop(false, true).animate({width:width},{duration:2000, easing: style});	
	}).click(function () {
		$('#submenu li').removeClass('selected');	
		$(this).addClass('selected');
	});
	$('#submenu').mouseleave(function () {
		default_left = Math.round($('#submenu li a.selected').offset().left - $('#submenu').offset().left);
		default_width = $('#submenu li a.selected').width();
		$('#box').stop(false, true).animate({left: default_left},{duration:1500, easing: style});	
		$('#box .head').stop(false, true).animate({width:default_width},{duration:1500, easing: style});		
	});
});

$(document).ready(function() {
	$("ul.folio li").hover(function() {
		var thumbOver = $(this).find("img").attr("src"); 
		$(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
		$(this).find('div.caption').stop(false,true).fadeIn(800);
		$(this).find("span").stop().fadeTo('normal', 0 , function() {
			$(this).hide()
		});
	} , function() {
		$(this).find("span").stop().fadeTo('normal', 1).show();
		$(this).find('div.caption').stop(false,true).fadeOut(300);
	});
});