-moz-border-radius: 8px 8px 8px 8px;

	border-radius: 8px 8px 8px 8px;

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

.mentions-container{

}

.mentions-container .yui-ac-content{

}

.ac {

	vertical-align: top;

}

	  // Replace the prototype property

	  return format;

}();

/**

 * SmartColorGenerator

 *

 *usage::

 *	var CG = new ColorGenerator();

			  YUD.setStyle(overlay,'height',h+'px');

		  }		  

		  YUD.addClass(overlay, 'submitting');		  

		  ajaxPOST(submit_url, postData, success);

	  });

	  tooltip_activate();

};

var deleteComment = function(comment_id){

	var url = AJAX_COMMENT_DELETE_URL.replace('__COMMENT_ID__',comment_id);

    var postData = {'_method':'delete'};

    											  callback, postData);

};	

/** MEMBERS AUTOCOMPLETE WIDGET **/

    var myUsers = users_list;

    var myGroups = groups_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

            // Case insensitive matching

            var l = myUsers.length;

            var matches = [];

            // Match against each name of each contact

            for (; i < l; i++) {

                contact = myUsers[i];

            }

            return matches;

        };

    // Define a custom search function for the DataSource of usersGroups

    var matchGroups = function (sQuery) {

            }

            // group

            if (oResultData.grname != undefined) {

                var grname = oResultData.grname;

                var grmembers = oResultData.grmembers;

                var grnameMatchIndex = grname.toLowerCase().indexOf(query);

                var grsuffix = " (" + grmembers + "  )";

                if (grnameMatchIndex > -1) {

                    return _gravatar(grprefix + highlightMatch(grname, query, grnameMatchIndex) + grsuffix,null,true);

                }

			    return _gravatar(grprefix + oResultData.grname + grsuffix, null,true);

            // Users

                    lnameMatchIndex = lname.toLowerCase().indexOf(query),

                    nnameMatchIndex = nname.toLowerCase().indexOf(query),

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

        membersAC: membersAC,

        ownerAC: ownerAC,

    };

}

    var myUsers = users_list;

    var myGroups = groups_list;

    // Define a custom search function for the DataSource of users

    var matchUsers = function (sQuery) {

    	    var org_sQuery = sQuery;

            var l = myUsers.length;

            var matches = [];

            // Match against each name of each contact

            for (; i < l; i++) {

                contact = myUsers[i];

                    matches[matches.length] = contact;

                }

            }

            return matches

        };

            u = matchUsers(sQuery);

            return u

        };

    // DataScheme for owner

    var ownerDS = new YAHOO.util.FunctionDataSource(matchUsers);

    ownerDS.responseSchema = {

        fields: ["id", "fname", "lname", "nname", "gravatar_lnk"]

    };

    // Instantiate AutoComplete for mentions

    var ownerAC = new YAHOO.widget.AutoComplete(divid, cont, ownerDS);

            	if (group !== undefined){

            		em = '/images/icons/group.png'

            	}

            	tmpl = '<div class="ac-container-wrap"><img class="perm-gravatar-ac" src="{0}"/>{1}</div>'

            	return tmpl.format(em,res)

            }

                    lnameMatchIndex = lname.toLowerCase().indexOf(query),

                    nnameMatchIndex = nname.toLowerCase().indexOf(query),

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

		chunks.push(org.substr(0,at_pos))// prefix chunk

		chunks.push(msg2)                // search chunk

		chunks.push(org.substr(max_pos)) // postfix chunk

		// clean up msg2 for filtering and regex match

		if(re.test(msg2)){

			var unam = re.exec(msg2)[1];

			return [unam, chunks];

		}

		return [null, null];

        ownerDS: ownerDS,

        ownerAC: ownerAC,

    };

}

/**

 * QUICK REPO MENU

 */

var quick_repo_menu = function(){

    YUE.on(YUQ('.quick_repo_menu'),'mouseenter',function(e){

            var menu = e.currentTarget.firstElementChild.firstElementChild;

    }

    YAHOO.util.Event.addListener('add_perm', 'click', function () {

        YUD.setStyle('add_perm_input', 'display', '');

        YUD.setStyle('add_perm', 'opacity', '0.6');

        YUD.setStyle('add_perm', 'cursor', 'default');

    });

});

</script>

    }

    YAHOO.util.Event.addListener('add_perm', 'click', function () {

        YUD.setStyle('add_perm_input', 'display', '');

        YUD.setStyle('add_perm', 'opacity', '0.6');

        YUD.setStyle('add_perm', 'cursor', 'default');

    });

});

</script>

	      })();

	     </script>

	    %endif

        ## JAVASCRIPT ##

        <%def name="js()">

            <script type="text/javascript" src="${h.url('/js/yui.2.9.js')}"></script>

            <!--[if lt IE 9]>

               <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>

            <![endif]-->

            <script type="text/javascript" src="${h.url('/js/yui.flot.js')}"></script>

            <script type="text/javascript" src="${h.url('/js/rhodecode.js')}"></script>

           ## EXTRA FOR JS

           ${self.js_extra()}

            <script type="text/javascript">

            var follow_base_url  = "${h.url('toggle_following')}";

            var onSuccessFollow = function(target){

                var f = YUD.get(target.id);

                var f_cnt = YUD.get('current_followers_count');

                if(f.getAttribute('class')=='follow'){

                    f.setAttribute('class','following');

                    if(f_cnt){

                        var cnt = Number(f_cnt.innerHTML)+1;

                        f_cnt.innerHTML = cnt;

                    }

                }

                else{

                    f.setAttribute('class','follow');

                    if(f_cnt){

                        var cnt = Number(f_cnt.innerHTML)+1;

                        f_cnt.innerHTML = cnt;

                    }

                }

            }

	                  ${_('Changeset was too big and was cut off...')}

	                % endif

	        </div>

	    </div>

    </div>

    ## diff block

    <%namespace name="diff_block" file="/changeset/diff_block.html"/>

    ${diff_block.diff_block(c.changes)}

    ## template for inline comment form

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

<%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

${comment.comment_block(c.co)}

  </div>

</%def>

<%def name="comment_inline_form(changeset)">

<div id='comment-inline-form-template' style="display:none">

  %if c.rhodecode_user.username != 'default':

    <div class="overlay"><div class="overlay-text">${_('Submitting...')}</div></div>

      ${h.form(h.url('changeset_comment', repo_name=c.repo_name, revision=changeset.raw_id),class_='inline-form')}

      <div class="clearfix">

          <div class="comment-help">${_('Commenting on line {1}.')}

          ${(_('Comments parsed using %s syntax with %s support.') % (('<a href="%s">RST</a>' % h.url('rst_help')),

          	'<span style="color:#003367" class="tooltip" title="%s">@mention</span>' %

          	_('Use @username inside this text to send notification to this RhodeCode user')))|n}

          </div>

            <div class="mentions-container" id="mentions_container_{1}"></div>

      </div>

      <div class="comment-button">

      <input type="hidden" name="f_path" value="{0}">

      <input type="hidden" name="line" value="{1}">

      ${h.submit('save', _('Comment'), class_='ui-btn save-inline-form')}

      ${h.reset('hide-inline-form', _('Hide'), class_='ui-btn hide-inline-form')}

        ${h.end_form()}

    </div>

    %endif

</div>

<script>

YUE.onDOMReady(function () {

});

</script>

</%def>