$(document).ready(function() {
		var objects = $('.info>div');
		var object = $('.info');
		var tops = {};
		var marginTop = $('.info').css('marginTop');
		marginTop = parseInt(marginTop.substring(0, marginTop.indexOf('px')));
		var top=0;
		for(var i=0; i<objects.length; ++i) {
			tops[i]=top;
			var height = objects.eq(i).css('height');
			height = parseInt(height.substring(0, height.indexOf('px')));
			top+=height;
		}
		tops[i]=top;

		function productClick() {
			$('.products ul li a').removeClass('active');
			$(this).addClass('active')
			var productId = $(this).attr('rel');
			var top = -tops[productId] + marginTop;
			top += 'px';
			//object.css('margin-top', top);
			//$('.infoFrame').css('height', objects.eq(productId).css('height'))
			object.animate({'marginTop': top}, 550);
			$('.infoFrame').animate({'height':objects.eq(productId).css('height')}, 550);
			return false;
		}
		var links = $('.products ul li a');
		for(var i=0; i<links.length; ++i) {
			links.eq(i).attr('rel', i);
			links.eq(i).click(productClick);
		}
		object.wrap('<div class="infoFrame fr"></div>');
		$('.infoFrame').css('height', tops[1]+'px').css('overflow', 'hidden').css('margin-top', marginTop+'px').css('width', object.css('width'));
	});