visibility: hidden;

	position: absolute;

	z-index: 2;

}

.yui-tt {

	visibility: hidden;

	position: absolute;

	color: #666;

	background-color: #FFF;

	border: 2px solid #003367;

	font: 100% sans-serif;

	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 {

	width: 20em;

}

.ac .yui-ac-input {

	width: 100%;

}

.ac .yui-ac-container {

	position: absolute;

	top: 1.6em;

	width: auto;

}

	  function format() {

	    var str = this;

	    var len = arguments.length+1;

	    var safe = undefined;

	    var arg = undefined;

	    // For each {0} {1} {n...} replace with the argument in that position.  If 

	    // the argument is an object or an array it will be stringified to JSON.

	    for (var i=0; i < len; arg = arguments[i++]) {

	      safe = typeof arg === 'object' ? JSON.stringify(arg) : arg;

	      str = str.replace(RegExp('\\{'+(i-1)+'\\}', 'g'), safe);

	    }

	    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(){

	this.GOLDEN_RATIO = 0.618033988749895;

	this.CURRENT_RATIO = 0.22717784590367374 // this can be random

	this.HSV_1 = 0.75;//saturation

	this.HSV_2 = 0.95;

	this.color;

	this.cacheColorMap = {};

};

ColorGenerator.prototype = {

    getColor:function(key){

    	if(this.cacheColorMap[key] !== undefined){

    		return this.cacheColorMap[key];

			  return

		  }

		  if(text == ""){

			  return

		  }

		  var success = function(o){

			  YUD.removeClass(tr, 'form-open');

			  removeInlineForm(f);			  

			  var json_data = JSON.parse(o.responseText);

	          renderInlineComment(json_data);

		  };

		  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

        placeAddButton(root);

    }

    ajaxPOST(url,postData,success);

}

var createInlineAddButton = function(tr){

	var label = TRANSLATION_MAP['add another comment'];

	var html_el = document.createElement('div');

	YUD.addClass(html_el, 'add-comment');

};

var deleteNotification = function(url, notification_id,callbacks){

    var callback = { 

		success:function(o){

		    var obj = YUD.get(String("notification_"+notification_id));

		    if(obj.parentNode !== undefined){

				obj.parentNode.removeChild(obj);

			}

			_run_callbacks(callbacks);

		},

	    failure:function(o){

	        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 matches = [];

            // Match against each name of each contact

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

                matched_group = myGroups[i];

                if (matched_group.grname.toLowerCase().indexOf(query) > -1) {

                    matches[matches.length] = matched_group;

                }

            }

            return matches;

        };

    // Helper highlight function for the formatter

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

            return full.substring(0, matchindex) 

            + "<span class='match'>" 

            + full.substr(matchindex, snippet.length) 

            + "</span>" + full.substring(matchindex + snippet.length);

        };

    // Custom formatter to highlight the matching letters

    var custom_formatter = function (oResultData, sQuery, sResultMatch) {

            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)

            }

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

                } else {

                    displaylname = lname;

                }

                if (nnameMatchIndex > -1) {

                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";

                } else {

                    displaynname = nname ? "(" + nname + ")" : "";

                }

                return _gravatar(displayfname + " " + displaylname + " " + displaynname, oResultData.gravatar_lnk);

            } else {

                //users

                myAC.getInputEl().value = oData.nname;

                YUD.get('perm_new_member_type').value = 'user';

            } else {

                //groups

                myAC.getInputEl().value = oData.grname;

                YUD.get('perm_new_member_type').value = 'users_group';

            }

        };

    membersAC.itemSelectEvent.subscribe(myHandler);

    if(ownerAC.itemSelectEvent){

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

            return full.substring(0, matchindex) 

            + "<span class='match'>" 

            + full.substr(matchindex, snippet.length) 

            + "</span>" + full.substring(matchindex + snippet.length);

        };

    // Custom formatter to highlight the matching letters

    ownerAC.formatResult = function (oResultData, sQuery, sResultMatch) {

		    var org_sQuery = sQuery;

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

                } else {

                    displaylname = lname;

                }

                if (nnameMatchIndex > -1) {

                    displaynname = "(" + highlightMatch(nname, query, nnameMatchIndex) + ")";

                } else {

                    displaynname = nname ? "(" + nname + ")" : "";

                }

                return _gravatar(displayfname + " " + displaylname + " " + displaynname, oResultData.gravatar_lnk);

            } else {

    }

    // in this keybuffer we will gather current value of search !

    // since we need to get this just when someone does `@` then we do the

    // search

    ownerAC.dataSource.chunks = [];

    ownerAC.dataSource.mentionQuery = null;

    ownerAC.get_mention = function(msg, max_pos) {

    	var org = msg;

    	var re = new RegExp('(?:^@|\s@)([a-zA-Z0-9]{1}[a-zA-Z0-9\-\_\.]+)$')

    	var chunks  = [];

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

		var unam = ownerAC.get_mention(currentMessage, currentCaretPosition); 

		var curr_search = null;

		if(unam[0]){

			curr_search = unam[0];

		}

		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 menu = e.currentTarget.firstElementChild.firstElementChild;

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

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

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

            }

        })

};

/**

 * TABLE SORTING

 */

function ajaxActionUsersGroup(users_group_id,field_id){

    var sUrl = "${h.url('delete_repo_users_group',repo_name=c.repo_name)}";

    var callback = {

    	success:function(o){

    	    var tr = YUD.get(String(field_id));

    		tr.parentNode.removeChild(tr);

    	},

        failure:function(o){

            alert("${_('Failed to remove users group')}");

        },

    };

    var postData = '_method=delete&users_group_id='+users_group_id;

    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>

function ajaxActionUsersGroup(users_group_id,field_id){

    var sUrl = "${h.url('delete_repos_group_users_group_perm',group_name=c.repos_group.group_name)}";

    var callback = {

        success:function(o){

            var tr = YUD.get(String(field_id));

            tr.parentNode.removeChild(tr);

        },

        failure:function(o){

            alert("${_('Failed to remove users group')}");

        },

    };

    var postData = '_method=delete&users_group_id='+users_group_id;

    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>

            ${self.css_extra()}

        </%def>

        <%def name="css_extra()">

        </%def>

        ${self.css()}

        %if c.ga_code:

        <!-- Analytics -->

	     <script type="text/javascript">

	      var _gaq = _gaq || [];

	      _gaq.push(['_setAccount', '${c.ga_code}']);

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

                }

                YUC.asyncRequest('POST',follow_base_url,{

                    success:function(o){

                    	onSuccessFollow(target);

                    }

                },args);

                return false;

            }

            var toggleFollowingRepo = function(target,fallows_repo_id,token,user_id){

                args = 'follows_repo_id='+fallows_repo_id;

	        </div>

	        <span>

	        ${_('%s files affected with %s insertions and %s deletions:') % (len(c.changeset.affected_files),c.lines_added,c.lines_deleted)}

	        </span>

	        <div class="cs_files">

	                %for change,filenode,diff,cs1,cs2,stat in c.changes:

	                    <div class="cs_${change}">

                            <div class="node">

                            %if change != 'removed':

                                ${h.link_to(h.safe_unicode(filenode.path),c.anchor_url(filenode.changeset.raw_id,filenode.path,request.GET)+"_target")}

                            %else:

                                ${h.link_to(h.safe_unicode(filenode.path),h.url.current(anchor=h.FID('',filenode.path)))}

                            %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(){

    	  AJAX_COMMENT_URL = "${url('changeset_comment',repo_name=c.repo_name,revision=c.changeset.raw_id)}";

    	  AJAX_COMMENT_DELETE_URL = "${url('changeset_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__')}"

          YUE.on(YUQ('.show-inline-comments'),'change',function(e){

              var show = 'none';

              var target = e.currentTarget;

              if(target.checked){

                  var show = ''

              }

              var boxid = YUD.getAttribute(target,'id_for');

              var comments = YUQ('#{0} .inline-comments'.format(boxid));

              for(c in comments){

                 YUD.setStyle(comments[c],'display',show);

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

${comment.comment_block(c.co)}

  	<div class="meta">

  		<span class="user">

  			<img src="${h.gravatar_url(co.author.email, 20)}" />

  			${co.author.username}

  		</span>

  		<span class="date">

  			${h.age(co.modified_at)}

  		</span>

      %if h.HasPermissionAny('hg.admin', 'repository.admin')() or co.author.user_id == c.rhodecode_user.user_id:

        <span class="buttons">

          <span onClick="deleteComment(${co.comment_id})" class="delete-comment ui-btn">${_('Delete')}</span>

        </span>

      %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="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')}