function addToBasket(id)
{	
	$j("#buy_block_" + id).hide();
	$j("#buy_info_block_wait_" + id).show();
	
	new Ajax.Request(	

		'/basket/&ajax=1&product_id='+id, 
		{
			method: 'get',	
			evalJSON: true,
			onComplete:function(e)
			{
				var ret = e.responseJSON;
				var product_id = ret['product_id'];
				//var all_products = ret['all_products'];
				//
				/*document.getElementById('buy_block_'+product_id).style.display = 'none';
				document.getElementById('buy_info_block_'+product_id).style.display = 'inline';*/
				
				document.getElementById('basket_block').style.display = 'block';
				document.getElementById('basket_block').innerHTML = ret['content'];
				
				//alert($("#buy_block_" + product_id));
				//$j("#buy_block_" + product_id).hide();
				$j("#buy_info_block_wait_" + product_id).hide();
				$j("#buy_info_block_" + product_id).show();
				$j("#buy_info_block_" + product_id).highlightFade({color:'#77B772', speed: 500, end:'#AFE5AB'});	
				
				$j("#basket_block").css({backgroundColor: '#77B772'});
				$j("#basket_block").highlightFade({color:'#77B772', speed: 500, end:'#CBF7C8'});	
				
			}
		}
    );
    
}

function successAddedToCompare(ret) {	
	$j("#compare_info_block_wait_" + ret['id']).hide();
	$j("#compare_block_" + ret['id']).hide();
	$j("#compare_info_block_" + ret['id']).show();
	$j("#compare_info_block_" + ret['id']).highlightFade({color:'#77B772', speed: 500, end:'#CBF7C8'});	
}

function addToCompare(id) {
	
	$j("#compare_block_" + id).hide();
	$j("#compare_info_block_wait_" + id).show();
	
	$j.ajax({
   		type: "POST",
   		url: "/compare/",
   		dataType: "json",
   		data: "action=add_to_compare&id="+id,
   		success: function(ret) {
   			successAddedToCompare(ret);
   		}   		
	});
}

function switchDivDisplay(id) {
	var el = document.getElementById(id);
	el.style.display = el.style.display == 'block' ? 'none' : 'block';	
}

function ToggleMode (who)
{
	//var TogglePics = document.getElementById ('toggle_pics');
	var ToggleProps = document.getElementById ('toggle_props');
	var ToggleLong = document.getElementById ('toggle_long');
	//var SwitchPics = document.getElementById ('switch_pics');
	var SwitchProps = document.getElementById ('switch_props');
	var SwitchLong = document.getElementById ('switch_long');

	if (who.className == 'active') return;
	//var isPics = 1;
	var isLong = 1;

	switch (who) {
		/*case TogglePics:
		TogglePics.className = 'active';
		ToggleProps.className = 'inactive';
		ToggleLong.className = 'inactive';
		isPics = 1; isProps = 0; isLong = 0;
		break*/

		case ToggleProps:
		//TogglePics.className = 'inactive';
		ToggleProps.className = 'active';
		ToggleLong.className = 'inactive';
		isPics = 0; isProps = 1; isLong = 0;
		break

		case ToggleLong:
		//TogglePics.className = 'inactive';
		ToggleProps.className = 'inactive';
		ToggleLong.className = 'active';
		isPics = 0; isProps = 0; isLong = 1;
		break

		default:
		break
	}
	//SwitchPics.style.display = isPics ? 'block' : 'none';
	SwitchProps.style.display = isProps ? 'block' : 'none';
	SwitchLong.style.display = isLong ? 'block' : 'none';
}