width: auto;

	opacity: 1px;

	padding: 8px;

	white-space: pre-wrap;

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

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

	-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;

}

.ac .yui-ac {

	position: inherit;

	font-size: 100%;

}

.ac .perm_ac {

	    return str;

	  }

	  // Save a reference of what may already exist under the property native.  

	  // Allows for doing something like: if("".format.native) { /* use native */ }

	  format.native = String.prototype.format;

	  // Replace the prototype property

	  return format;

}();

/**

 * SmartColorGenerator

 *

 *usage::

 *	var CG = new ColorGenerator();

 *  var col = CG.getColor(key); //returns array of RGB

 *  'rgb({0})'.format(col.join(',')

 * 

 * @returns {ColorGenerator}

 */

var ColorGenerator = function(){

		  };

		  if (YUD.hasClass(overlay,'overlay')){

			  var w = _form.offsetWidth;

			  var h = _form.offsetHeight;

			  YUD.setStyle(overlay,'width',w+'px');

			  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'};

    var success = function(o){

        var n = YUD.get('comment-tr-'+comment_id);

        var root = n.previousElementSibling.previousElementSibling;

        n.parentNode.removeChild(n);

        // scann nodes, and attach add button to last one

	        alert("error");

	    },

	};

    var postData = '_method=delete';

    var sUrl = url.replace('__NOTIFICATION_ID__',notification_id);

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, 

    											  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 query = sQuery.toLowerCase();

            var i = 0;

            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;

        };

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

    var matchGroups = function (sQuery) {

            // Case insensitive matching

            var query = sQuery.toLowerCase();

            var i = 0;

            var l = myGroups.length;

            var _gravatar = function(res, em, group){

            	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)

            }

            // 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

                    // Guard against null value

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

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

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

                } else {

                    displayfname = fname;

                }

                if (lnameMatchIndex > -1) {

                    displaylname = highlightMatch(lname, query, lnameMatchIndex);

    	ownerAC.itemSelectEvent.subscribe(myHandler);

    }

    return {

        memberDS: memberDS,

        ownerDS: ownerDS,

        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;

    	    if(this.mentionQuery == null){

    	    	return []    	    	

    	    }

    	    sQuery = this.mentionQuery;

            // Case insensitive matching

            var query = sQuery.toLowerCase();

            var i = 0;

            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

        };

    //match all

    var matchAll = function (sQuery) {

            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);

    ownerAC.useShadow = false;

    ownerAC.resultTypeList = false;

    ownerAC.suppressInputUpdate = true;

    // Helper highlight function for the formatter

    var highlightMatch = function (full, snippet, matchindex) {

		    if(this.dataSource.mentionQuery != null){

		    	sQuery = this.dataSource.mentionQuery;		    	

		    }

            var query = sQuery.toLowerCase();

            var _gravatar = function(res, em, group){

            	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)

            }

                    // Guard against null value

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

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

                    displayfname, displaylname, displaynname;

                if (fnameMatchIndex > -1) {

                    displayfname = highlightMatch(fname, query, fnameMatchIndex);

                } else {

                    displayfname = fname;

                }

                if (lnameMatchIndex > -1) {

                    displaylname = highlightMatch(lname, query, lnameMatchIndex);

    	// cut first chunk until curret pos

		var to_max = msg.substr(0, max_pos);		

		var at_pos = Math.max(0,to_max.lastIndexOf('@')-1);

		var msg2 = to_max.substr(at_pos);

		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];

    };    

	ownerAC.textboxKeyUpEvent.subscribe(function(type, args){

		var ac_obj = args[0];

		var currentMessage = args[1];

		var currentCaretPosition = args[0]._elTextbox.selectionStart;

		ownerAC.dataSource.chunks = unam[1];

		ownerAC.dataSource.mentionQuery = curr_search;

	})

    return {

        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;

            if(YUD.hasClass(menu,'hidden')){

                YUD.replaceClass(e.currentTarget,'hidden', 'active');

                YUD.replaceClass(menu, 'hidden', 'active');

            }

        })

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

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);

};

YUE.onDOMReady(function () {

    if (!YUD.hasClass('perm_new_member_name', 'error')) {

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

    }

    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>

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);

};

YUE.onDOMReady(function () {

    if (!YUD.hasClass('perm_new_member_name', 'error')) {

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

    }

    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>

	      _gaq.push(['_trackPageview']);

	      (function() {

	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

	      })();

	     </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;

                    }

                }

            }

            var toggleFollowingUser = function(target,fallows_user_id,token,user_id){

                args = 'follows_user_id='+fallows_user_id;

                args+= '&auth_token='+token;

                if(user_id != undefined){

                    args+="&user_id="+user_id;

                            %endif

                            </div>

		                    <div class="changes">${h.fancy_file_stats(stat)}</div>

	                    </div>

	                %endfor

	                % if c.cut_off:

	                  ${_('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"/>

    ${comment.comment_inline_form(c.changeset)}

    ## render comments

    ${comment.comments(c.changeset)}

    <script type="text/javascript">

      YUE.onDOMReady(function(){

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

${comment.comment_block(c.co)}

      %endif

  	</div>

  	<div class="text">

  		${h.rst_w_mentions(co.text)|n}

  	</div>

    </div>

  </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>

            <textarea id="text_{1}" name="text" class="yui-ac-input"></textarea>   

      </div>

                <div class="mentions-container" id="mentions_container"></div>

                ${h.textarea('text')}

        </div>

        <div class="comment-button">

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

        </div>

        ${h.end_form()}

    </div>

    %endif

</div>

<script>

YUE.onDOMReady(function () {

});

</script>

</%def>