$(function(){
	
	$('.js').show();

	$('input.basket_btn').live('click',function () { 
		product_el_id = '#'+$(this).parents('.product').attr('id');
		span_el = $('<span class="basket_added_tt">This Item has been added to basket</span>');
		
		$('.openBasket').css({ 'backgroundColor' : '#ff0ff0' });
		

		$(product_el_id).addClass('rel');
		$(product_el_id+' .image').append(span_el);
		$(product_el_id+' .basket_added_tt').show().css({ opacity : 0});

		$(product_el_id+' .basket_added_tt').stop().animate({ 'right' : '50', opacity : 1},400)
		.animate({ 'right' : '50' },2000)
		.animate({ 'right' : '0', opacity : 0},400, 
				 
		
		function(){
			$(this).remove();
			$(this).parent().removeClass('rel');
			$('.openBasket').css({ 'backgroundColor' : '' });
		});
	});
	
});