function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

ViewAlert = function(id) { 

     var _cart_sum_all = 0;
     var _cart_etems_all = 0;
                
    url = '/ajax/shopping_cart.php';
    new Ajax.Request(url,
    {
        method: 'post',
        parameters: {'action':'add_basket', 'id':id},
        onSuccess: function(transport)
        {
            res = transport.responseText;
        }, 
        onLoading: function(transport)   {
            $('body_div').show();
            $('container').show();  
            
            $('body_div').setStyle({
                width: getClientWidth() + 'px',
                height: getClientHeight() + 'px',  
                opacity: 0.7
            }); 
            
            $('container').update('<img src="/images/flower.gif" style="margin-top:155px;">');  
        },
        
        onComplete:function(transport)
        {   
            jsonResponse = eval('(' + res + ')'); 
            
            _text = '<div style="width:100%; height:105px; background:url(/images/sale.gif) no-repeat center; "></div>'; 
             _text += '<div style="width:495px; height:120px; background:url(/images/big_cart.gif) no-repeat right center; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-left:5px; padding:10px 0;">';
             _text += '<div style="font-size:14px; color:#2D8154; text-align:center;"><b>Товар успешно добавлен в корзину</b></div>'; 
             _text += '<div style="margin:20px 0px; padding:0 0 0 40px;">';
             _text += '<div id="container1" class="left">&nbsp;</div>';
             _text += '<div id="container2" class="left">&nbsp;</div>'; 
             _text += '</div>';  
             _text += '</div>';
             _text += '<div style="margin:15px 0 0 0; height:30px;">';  
             _text += '<div style="float:left; width:145px; padding-left:25px;"><a href="/'+jsonResponse['cart_url']+'"><img src="/images/cart.gif" alt="Оформить&nbsp;заказ"></a></div>';
             _text += '<div style="float:left; width:160px; padding-left:130px;"><img src="/images/close.gif" alt="Продолжить покупки" onclick="CloseAlert(); return false;" style="cursor:pointer;"></div>';
             _text += '</div>';
            
           
            $('container').style.height = '300px';  
            $('container').update(_text);
            
            if(jsonResponse['cart_sum_all']) { 
                _cart_sum_all = jsonResponse['cart_sum_all'];
                _cart_etems_all = jsonResponse['cart_etems_all'];  
                _all_sale = jsonResponse['all_sale'];  
                _sale_price = jsonResponse['sale_price'];  
                
                $('cart_sum_all').update('<a href="/'+jsonResponse['cart_url']+'">' + _sale_price + '</a> руб.'); 
                $('cart_etems_all').update('(' + _cart_etems_all + ')'); 
                
                $('container1').update('Товаров в корзине: <b>' + _cart_etems_all + '</b>'); 
                $('container2').update('Сумма заказа: <b>' + _sale_price + 'руб.</b>'); 
            }
            
        }
    }); 
} 

CloseAlert = function() {  
    $('body_div').hide(); 
    $('container').hide(); 

}