$(document).ready(function(){

	var obj = $('.main_picture');
	for(i=0;i<21;i++)
		obj.append('<div class="part" style="background-position:-'+(i%7)*142+'px -'+(Math.floor(i/7)*142+426)+'px"></div>');

	$('.main_picture div').hover(function() {
		$(this).stop().animate({opacity: 1}, 300);
	}, function() {
		$(this).stop().animate({opacity: 0.01}, 900);
	});

	var tm = null;
	$('.portfolio_left a span, .portfolio_right a span').css({'opacity':'0','display':'block'});
	$('.portfolio_left a, .portfolio_right a').hover(function() {
		clearTimeout(tm);
		obj = $(this).find('span:eq(0)');
		tm = setTimeout(function(){$(obj).stop().animate({opacity: 1}, 700);},300);

	}, function() {
		clearTimeout(tm);
		$(this).find('span:eq(0)').stop().animate({opacity: 0.001}, 200);
	});

	$('.s_photo div').css({'display':'block','opacity':'0.01'});
	$('.s_photo').hover(function() {
		$(this).find('div').stop().animate({opacity: 1}, 500);
	}, function() {
		$(this).find('div').stop().animate({opacity: 0.01}, 500);
	});
});