var panel_open;

$(document).ready(function(){

    $("#compare_btn").click(function () {

        if (panel_open)
        {
            compare_panel('close');
        }

        else
        {
            compare_panel('open');
        }
    }
    );

    $("#compare_add").click(function () {
        compare_add($(this).attr("gid"));
    });

    $(".compare_del").click(function () {
        compare_del($(this).attr("cartid"));
    });

    $("#main_tbl").click(function () {
        if (panel_open)
        {
            compare_panel('close');
        }
    });

}
);

function compare_load_list(){
    $.getJSON('/compare_list/', {}, function(json)
    {
        $("#compare_list span").html(json.html);
        if (json.empty)
        {
            compare_panel('close');
            $("#compare_float_panel").css('display','none');
        }
    });
}

function compare_panel(state){
if (state=='close')
{
    $("#main_tbl").animate({ opacity: "100" }, 150);
    $("#compare_btn").css('background-image','url(/img/compare_panel_btn_closed.png)');
    $("#compare_panel").animate({ marginRight: "-802px" }, 150);
    panel_open=0;
}

if (state=='open')
{
    $("#main_tbl").animate({ opacity: "0.5" }, 850);
    $("#compare_btn").css('background-image','url(/img/compare_panel_btn_open.png)');
    compare_load_list();
    $("#compare_panel").animate({ marginRight: $(window).width()/2-450+"px" }, 850);
    panel_open=1;
        
}

}

function compare_add(in_gid){
        $("#loader").css("display","block");
        $.getJSON('/compare_add/', {gid: in_gid }, function(json){

        if (json.result=='ok')
            {
                $("#compare_float_panel").css('display','');
                compare_panel('open');
                $("#loader").css("display","none");
            }

});
}

function compare_del(in_cartid){
        $.getJSON('/compare_del/', {cartid: in_cartid }, function(json){
        if (json.result=='ok')
            {
                compare_panel('open');

            }

});
}

function compare_to_cart(in_cartid, in_gid){


compare_del(in_cartid);
    $.getJSON('/cart_add/', {gp: in_gid}, function(json){
   
    $(".style_top_basket_count").html(json.count);


$("#compare_add_to_cart_anim").html("<img id=\"anim\" style=\"position: absolute; max-height:255px; max-width:190px; \" src=\""+ $("img[cartid='"+in_gid+"']").attr("src")+"\">");
    var srcimg = $("img[cartid='"+in_gid+"']");
    var img = $("#anim");
    img.css("position","fixed");
    img.css("z-index","1000");
    img.css("top",srcimg.offset().top);
    img.css("left",srcimg.offset().left);
    img.animate({top:$(".style_top_basket").offset().top, left:$(".style_top_basket").offset().left+50, width:30, opacity:0}, 1000,
    function(){
                  img.css("display","none");
              }

);
});


}