$(window).bind("load",function(){
 $('.green_block').draggable({ containment: '.left_part' });
 $('.gray_block').draggable({ containment: '.right_part' });

});

$(function(){

    $('#container').pngFix();

    $('.switch').click( function() {
        var box = 180;
        var green_n = $('.green li').size();
        var green_h = $('.green li').innerHeight();
        var green_t = green_n*green_h;
        var green_r = box - green_t;
        $('.green').height(green_t);

        var gray_n = $('.gray li').size();
        var gray_h = $('.gray li').outerHeight();
        var gray_t = gray_n*gray_h;
        var gray_r = box - gray_t;
        $('.gray').height(gray_t);
        if ($('.switch').is('.sw_up')) {
            $('.switch').removeClass('sw_up').addClass('sw_down');
            $('.green').animate({top: green_r}, 2000).show();
            $('.gray').animate({top: gray_r}, 1500).show();
        } else {
            $('.switch').removeClass('sw_down').addClass('sw_up');
            $('.green').animate({top: 0}, 2000).show();
            $('.gray').animate({top: 0}, 1500).show();
        }
    });


    $("#green_url").autocomplete("index.php?action=autocomplete&suggestion=" + $('#green_url').val(), {scroll:false, highlight:false});
    $('#green_url').bind("keyup", function(){

    })

});