document.observe("dom:loaded",function(){

    $$('.view_comment').each(function(obj){

        
        obj.observe('click',function(){
            keyArr = this.getAttribute("id").split(":");

            type = keyArr[0];
            id = keyArr[1];

            var com_wrap = this.siblings()[0];//.select('[id="comments_view"]')[0];

            url = '/comments/' + type + '/' + id + '/';
            parms = '';

            com_wrap.style.display = "none";

            new Ajax.Request(url, {
            method: 'GET',
            parameters: parms,
            onSuccess: function(transport) {

                com_wrap.innerHTML = transport.responseText;

                com_wrap.blindDown({
                    duration : 0.5
                });

                reload_comments();                

            },
            onFailure: reportError
            });


        });

    });


    reload_comments();

    
    
});

function reload_comments(){

    $$('.submitcomment').each(function(obj){

        
        obj.observe('click',function(me){

            id =  this.getAttribute("id").replace("commentid_","");            
            //var wrap = this.getOffsetParent();
            var wrap = $(this.parentNode);

            var type_id = wrap.select('[id="type_id"]')[0].value;
            var comment_type = wrap.select('[id="comment_type"]')[0].value;

            var msg = wrap.select('[id="comment_msg"]')[0].value;
                           
            cl = this.siblings()[0];
            
            //alert (cl.getAttribute("id"));
            //var cl = $('comment_list_'+id);
            

            msg = escape ( msg );

            if (msg.length == 0) return;
            
            parms = "?type_id="+type_id+"&comment_type="+comment_type+"&comment_msg="+msg;
            new Ajax.Request("/comments/create", {
                method: 'post',
                parameters: parms,
                onSuccess: function(transport) {
                    
                    var c = cl.innerHTML

                    cl.innerHTML = transport.responseText + c;
                    wrap.select('[id="comment_msg"]')[0].value = "";

                    with (cl) {
                        scrollTop = top
                    }

                }
            });
            

        });


        


    });

/*
    if ($$('.submitcomment')){


        $$('.submitcomment').each(function(){

            alery ( 'wow');
            obj.observe('click',function(){
                // type_id, comment_type

                alert  ('yo');

                var type_id = $('type_id').value;
                var comment_type = $('comment_type').value;
                var msg = $('comment_msg').value;

                msg = escape ( msg );
                if (msg.length == 0) return;

                parms = "?type_id="+type_id+"&comment_type="+comment_type+"&comment_msg="+msg;
                new Ajax.Request("/comments/create", {
                    method: 'post',
                    parameters: parms,
                    onSuccess: function(transport) {

                        var c = $('comments_list').innerHTML;

                        $('comments_list').innerHTML = transport.responseText + c;
                        $('comment_msg').value = "";
                        with ($("comments_list")) {scrollTop = top}

                    }
                });

            });
           
        });
    }
*/
    
}

function submit_comment(){

    idname = 'comment-form-wrapper';
    url = '/comments/create';
	
    parms = $('comment-form').serialize(true);
	
    send_ajax_request ( idname, url, parms , 'POST' );

    reload_comments();

    return false;
}


function show_comments ( type , id ){

    if (id == '' || id <= 0) return;
    //$('comment_list').innerHTML = "Hello World";
/*
    if (type == 1)
        idname = 'comment_list';
    else if (type == 2){
        idname = "blog_" + id + "_comments_view";
    }else if (type == 4){
        idname = "media_" + id + "_comments_view";
    }*/
    idname = "comments_view";

    var com_wrap = $(this.parentNode).select('[id="comments_view"]')[0];

    //alert ( idname );
    url = '/comments/' + type + '/' + id + '/';
    parms = '';

    com_wrap.style.display = "none";
    //$(idname).style.height = "500px";
   // $(idname).style.display = "none";
	
    new Ajax.Request(url, {
        method: 'GET',
        parameters: parms,
        onSuccess: function(transport) {

            //$(idname).innerHTML = transport.responseText;
            com_wrap.innerHTML = transport.responseText;

            //alert ( transport.responseText );
            com_wrap.blindDown({
                duration : 0.5
            });
            reload_comments();

        },
        onFailure: reportError
    });


    return false;
}