tts[i].id='tt'+((i*100)+tts.length);

            }

            ids.push(tts[i].id);

        }

        return ids

    };

    var myToolTips = new YAHOO.widget.Tooltip("tooltip", {

        context: [[toolTipsId()],"tl","bl",null,[0,5]],

        monitorresize:false,

        xyoffset :[0,0],

        autodismissdelay:300000,

        hidedelay:5,

        showdelay:20,

    });

};

/**

 * show more

 */

var show_more_event = function(){

    YUE.on(YUD.getElementsByClassName('show_more'),'click',function(e){

        var el = e.target;

        YUD.setStyle(YUD.get(el.id.substring(1)),'display','');

        YUD.setStyle(el.parentNode,'display','none');

    });

};

/**

 * Quick filter widget

 * 

 * @param target: filter input target

 * @param nodes: list of nodes in html we want to filter.

 * @param display_element function that takes current node from nodes and

 *    does hide or show based on the node

 * 

 */

var q_filter = function(target,nodes,display_element){

	var nodes = nodes;

	var q_filter_field = YUD.get(target);

	var F = YAHOO.namespace(target);

	YUE.on(q_filter_field,'click',function(){

	   q_filter_field.value = '';

	});

	YUE.on(q_filter_field,'keyup',function(e){

	    clearTimeout(F.filterTimeout); 

	    F.filterTimeout = setTimeout(F.updateFilter,600); 

	});

	F.filterTimeout = null;

	var show_node = function(node){

		YUD.setStyle(node,'display','')

	}

	var hide_node = function(node){

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

	}

	F.updateFilter  = function() { 

	   // Reset timeout 

	   F.filterTimeout = null;

	   var obsolete = [];

	   var req = q_filter_field.value.toLowerCase();

	   var l = nodes.length;

	   var i;

	   var showing = 0;

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

    	   var n = nodes[i];

    	   var target_element = display_element(n)

    	   if(req && n.innerHTML.toLowerCase().indexOf(req) == -1){

    		   hide_node(target_element);

    	   }

    	   else{

    		   show_node(target_element);

    		   showing+=1;

    	   }

       }	  	   

	   // if repo_count is set update the number

	   var cnt = YUD.get('repo_count');

	   if(cnt){

		   YUD.get('repo_count').innerHTML = showing;

	   }       

	}	

};

var tableTr = function(cls, body){

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

	var cont = new YAHOO.util.Element(body);

	var comment_id = fromHTML(body).children[0].id.split('comment-')[1];

	var id = 'comment-tr-{0}'.format(comment_id);

	var _html = ('<table><tbody><tr id="{0}" class="{1}">'+

	              '<td class="lineno-inline new-inline"></td>'+

    			  '<td class="lineno-inline old-inline"></td>'+ 

                  '<td>{2}</td>'+

                 '</tr></tbody></table>').format(id, cls, body);

	_el.innerHTML = _html;

	return _el.children[0].children[0].children[0];

};

/** comments **/

var removeInlineForm = function(form) {

	form.parentNode.removeChild(form);

};

var createInlineForm = function(parent_tr, f_path, line) {

	var tmpl = YUD.get('comment-inline-form-template').innerHTML;

	tmpl = tmpl.format(f_path, line);

	var form = tableTr('comment-form-inline',tmpl)

	// create event for hide button

	form = new YAHOO.util.Element(form);

	var form_hide_button = new YAHOO.util.Element(YUD.getElementsByClassName('hide-inline-form',null,form)[0]);

	form_hide_button.on('click', function(e) {

		var newtr = e.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode;

		if(YUD.hasClass(newtr.nextElementSibling,'inline-comments-button')){

			YUD.setStyle(newtr.nextElementSibling,'display','');

		}

		removeInlineForm(newtr);

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

		YUD.removeClass(parent_tr, 'hl-comment');

	});

	return form

};

/**

 * Inject inline comment for on given TR this tr should be always an .line

 * tr containing the line. Code will detect comment, and always put the comment

 * block at the very bottom

 */

var injectInlineForm = function(tr){

	  if(!YUD.hasClass(tr, 'line')){

		  return

	  }

	  var submit_url = AJAX_COMMENT_URL;

	  var _td = YUD.getElementsByClassName('code',null,tr)[0];

	  if(YUD.hasClass(tr,'form-open') || YUD.hasClass(tr,'context') || YUD.hasClass(_td,'no-comment')){

		  return

	  }	

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

	  YUD.addClass(tr,'hl-comment');

	  var node = YUD.getElementsByClassName('full_f_path',null,tr.parentNode.parentNode.parentNode)[0];

	  var f_path = YUD.getAttribute(node,'path');

	  var lineno = getLineNo(tr);

	  var form = createInlineForm(tr, f_path, lineno, submit_url);

	  var parent = tr;

	  while (1){

		  var n = parent.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  parent = n;

		  }

		  else{

			  break;

		  }

	  }	  

	  YUD.insertAfter(form,parent);

	  var f = YUD.get(form);

	  var overlay = YUD.getElementsByClassName('overlay',null,f)[0];

	  var _form = YUD.getElementsByClassName('inline-form',null,f)[0];

	  YUE.on(YUD.get(_form), 'submit',function(e){

		  YUE.preventDefault(e);

		  //ajax submit

		  var text = YUD.get('text_'+lineno).value;

		  var postData = {

	            'text':text,

	            'f_path':f_path,

	            'line':lineno

		  };

		  if(lineno === undefined){

			  alert('missing line !');

			  return

		  }

		  if(f_path === undefined){

			  alert('missing file path !');

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

	  });

	  setTimeout(function(){

		  // callbacks

		  tooltip_activate();

		  MentionsAutoComplete('text_'+lineno, 'mentions_container_'+lineno, 

	                         _USERS_AC_DATA, _GROUPS_AC_DATA);

		  var _e = YUD.get('text_'+lineno);

		  if(_e){

			  _e.focus();

		  }

	  },10)

};

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 = prevElementSibling(prevElementSibling(n));

        n.parentNode.removeChild(n);

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

        placeAddButton(root);

    }

    ajaxPOST(url,postData,success);

}

var updateReviewers = function(reviewers_ids){

	var url = AJAX_UPDATE_PULLREQUEST;

	var postData = {'_method':'put',

			        'reviewers_ids': reviewers_ids};

	var success = function(o){

		window.location.reload();

	}

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

	html_el.innerHTML = '<span class="ui-btn">{0}</span>'.format(label);

	var add = new YAHOO.util.Element(html_el);

	add.on('click', function(e) {

		injectInlineForm(tr);

	});

	return add;

};

var getLineNo = function(tr) {

	var line;

	var o = tr.children[0].id.split('_');

	var n = tr.children[1].id.split('_');

	if (n.length >= 2) {

		line = n[n.length-1];

	} else if (o.length >= 2) {

		line = o[o.length-1];

	}

	return line

};

var placeAddButton = function(target_tr){

	if(!target_tr){

		return

	}

	var last_node = target_tr;

    //scann	

	  while (1){

		  var n = last_node.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  last_node = n;

			  //also remove the comment button from previous

			  var comment_add_buttons = YUD.getElementsByClassName('add-comment',null,last_node);

			  for(var i=0;i<comment_add_buttons.length;i++){

				  var b = comment_add_buttons[i];

				  b.parentNode.removeChild(b);

			  }

		  }

		  else{

			  break;

		  }

	  }

    var add = createInlineAddButton(target_tr);

    // get the comment div

    var comment_block = YUD.getElementsByClassName('comment',null,last_node)[0];

    // attach add button

    YUD.insertAfter(add,comment_block);	

}

/**

 * Places the inline comment into the changeset block in proper line position

 */

var placeInline = function(target_container,lineno,html){

	  var lineid = "{0}_{1}".format(target_container,lineno);

	  var target_line = YUD.get(lineid);

	  var comment = new YAHOO.util.Element(tableTr('inline-comments',html))

	  // check if there are comments already !

	  var parent = target_line.parentNode;

	  var root_parent = parent;

	  while (1){

		  var n = parent.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  parent = n;

		  }

		  else{

			  break;

		  }

	  }

	  // put in the comment at the bottom

	  YUD.insertAfter(comment,parent);

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

      placeAddButton(root_parent);

	  return target_line;

}

/**

 * make a single inline comment and place it inside

 */

var renderInlineComment = function(json_data){

    try{

	  var html =  json_data['rendered_text'];

	  var lineno = json_data['line_no'];

	  var target_id = json_data['target_id'];

	  placeInline(target_id, lineno, html);

    }catch(e){

  	  console.log(e);

    }

}

/**

 * Iterates over all the inlines, and places them inside proper blocks of data

 */

var renderInlineComments = function(file_comments){

	for (f in file_comments){

        // holding all comments for a FILE

		var box = file_comments[f];

		var target_id = YUD.getAttribute(box,'target_id');

		// actually comments with line numbers

        var comments = box.children;

        for(var i=0; i<comments.length; i++){

        	var data = {

        		'rendered_text': comments[i].outerHTML,

        		'line_no': YUD.getAttribute(comments[i],'line'),

        		'target_id': target_id

        	}

        	renderInlineComment(data);

        }

    }	

}

var removeReviewer = function(reviewer_id){

	var el = YUD.get('reviewer_{0}'.format(reviewer_id));

	if (el.parentNode !== undefined){

		el.parentNode.removeChild(el);

	}

}

var fileBrowserListeners = function(current_url, node_list_url, url_base){

	var current_url_branch = +"?branch=__BRANCH__";

	YUE.on('stay_at_branch','click',function(e){

	    if(e.target.checked){

	        var uri = current_url_branch;

	        uri = uri.replace('__BRANCH__',e.target.value);

	        window.location = uri;

	    }

	    else{

	        window.location = current_url;

	    }

	})            

	var n_filter = YUD.get('node_filter');

	var F = YAHOO.namespace('node_filter');

	F.filterTimeout = null;

	var nodes = null;

	F.initFilter = function(){

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

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

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

	  YUC.initHeader('X-PARTIAL-XHR',true);

	      success:function(o){

	        nodes = JSON.parse(o.responseText).nodes;

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

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

	        n_filter.focus();

			if(YUD.hasClass(n_filter,'init')){

				n_filter.value = '';

				YUD.removeClass(n_filter,'init');

			}   

	      },

	      failure:function(o){

	          console.log('failed to load');

	      }

	  },null);            

	}

	F.updateFilter  = function(e) {

	    return function(){

	        // Reset timeout 

	        F.filterTimeout = null;

	        var query = e.target.value.toLowerCase();

	        var match = [];

	        var matches = 0;

	        var matches_max = 20;

	        if (query != ""){

	            for(var i=0;i<nodes.length;i++){

	                var pos = nodes[i].name.toLowerCase().indexOf(query)

	                if(query && pos != -1){

	                    matches++

	                    //show only certain amount to not kill browser 

	                    if (matches > matches_max){

	                        break;

	                    }

	                    var n = nodes[i].name;

	                    var t = nodes[i].type;

	                    var n_hl = n.substring(0,pos)

	                      +"<b>{0}</b>".format(n.substring(pos,pos+query.length))

	                      +n.substring(pos+query.length)

	                }

	                if(match.length >= matches_max){

	                    match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['search truncated']));

	                }

	            }                       

	        }

	        if(query != ""){

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

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

	            if (match.length==0){

	              match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['no matching files']));

	            }                           

	            YUD.get('tbody_filtered').innerHTML = match.join("");   

	        }

	        else{

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

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

	        }

	    }

	};

	YUE.on(YUD.get('filter_activate'),'click',function(){

	    F.initFilter();

	})

	YUE.on(n_filter,'click',function(){

		if(YUD.hasClass(n_filter,'init')){

			n_filter.value = '';

			YUD.removeClass(n_filter,'init');

		}

	 });

	YUE.on(n_filter,'keyup',function(e){

	    clearTimeout(F.filterTimeout); 

	    F.filterTimeout = setTimeout(F.updateFilter(e),600);

	});

};

var initCodeMirror = function(textAreadId,resetUrl){  

    var myCodeMirror = CodeMirror.fromTextArea(YUD.get(textAreadId),{

           mode:  "null",

           lineNumbers:true

         });

    YUE.on('reset','click',function(e){

        window.location=resetUrl

    });

    YUE.on('file_enable','click',function(){

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

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

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

    });

    YUE.on('upload_file_enable','click',function(){

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

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

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

    });	

};

var getIdentNode = function(n){

	//iterate thru nodes untill matched interesting node !

	if (typeof n == 'undefined'){

		return -1

	}

	if(typeof n.id != "undefined" && n.id.match('L[0-9]+')){

			return n

		}

	else{

		return getIdentNode(n.parentNode);

	}

};

var  getSelectionLink = function(selection_link_label) {

	return function(){

	    //get selection from start/to nodes    	

	    if (typeof window.getSelection != "undefined") {

	    	s = window.getSelection();

	       	from = getIdentNode(s.anchorNode);

	       	till = getIdentNode(s.focusNode);

	        f_int = parseInt(from.id.replace('L',''));

	        t_int = parseInt(till.id.replace('L',''));

	        if (f_int > t_int){

	        	//highlight from bottom 

	        	offset = -35;

	        	ranges = [t_int,f_int];

	        }

	        else{

	        	//highligth from top 

	        	offset = 35;

	        	ranges = [f_int,t_int];

	        }

	        if (ranges[0] != ranges[1]){

	            if(YUD.get('linktt') == null){

	                hl_div = document.createElement('div');

	                hl_div.id = 'linktt';

	            }

	            anchor = '#L'+ranges[0]+'-'+ranges[1];

	            hl_div.innerHTML = '';

	            l = document.createElement('a');

	            l.href = location.href.substring(0,location.href.indexOf('#'))+anchor;

	            l.innerHTML = selection_link_label;

	            hl_div.appendChild(l);

	            YUD.get('body').appendChild(hl_div);

	            xy = YUD.getXY(till.id);

	            YUD.addClass('linktt','yui-tt');

	            YUD.setStyle('linktt','top',xy[1]+offset+'px');

	            YUD.setStyle('linktt','left',xy[0]+'px');

	            YUD.setStyle('linktt','visibility','visible');

	        }

	        else{

	        	YUD.setStyle('linktt','visibility','hidden');

	        }

	    }

	}

};

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

};	

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

    var callback = { 

		success:function(o){

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

		    YUD.removeClass(obj, 'unread');

		    var r_button = YUD.getElementsByClassName('read-notification',null,obj.children[0])[0];

		    if(r_button.parentNode !== undefined){

		    	r_button.parentNode.removeChild(r_button);

			}		    

			_run_callbacks(callbacks);

		},

	    failure:function(o){

	        alert("error");

	    },

	};

    var postData = '_method=put';

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

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

    											  callback, postData);

};	

/** MEMBERS AUTOCOMPLETE WIDGET **/

var MembersAutoComplete = function (divid, cont, users_list, groups_list) {

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

                if (((contact.fname+"").toLowerCase().indexOf(query) > -1) || 

                   	 ((contact.lname+"").toLowerCase().indexOf(query) > -1) || 

                   	 ((contact.nname) && ((contact.nname).toLowerCase().indexOf(query) > -1))) {

                       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;

        };

    //match all

    var matchAll = function (sQuery) {

            u = matchUsers(sQuery);

            g = matchGroups(sQuery);

            return u.concat(g);

        };

    // DataScheme for members

    var memberDS = new YAHOO.util.FunctionDataSource(matchAll);

    memberDS.responseSchema = {

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

    };

    // DataScheme for owner

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

    ownerDS.responseSchema = {

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

    };

    // Instantiate AutoComplete for perms

    var membersAC = new YAHOO.widget.AutoComplete(divid, cont, memberDS);

    membersAC.useShadow = false;

    membersAC.resultTypeList = false;

    membersAC.animVert = false;

    membersAC.animHoriz = false;    

    membersAC.animSpeed = 0.1;

    // Instantiate AutoComplete for owner

    var ownerAC = new YAHOO.widget.AutoComplete("user", "owner_container", ownerDS);

    ownerAC.useShadow = false;

    ownerAC.resultTypeList = false;

    ownerAC.animVert = false;

    ownerAC.animHoriz = false;

    ownerAC.animSpeed = 0.1;

    // 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 grprefix = "{0}: ".format(_TM['Group']);

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

                var grsuffix = " ({0}  {1})".format(grmembers, _TM['members']);

                if (grnameMatchIndex > -1) {

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

                }

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

            // Users

            } else if (oResultData.nname != undefined) {

                var fname = oResultData.fname || "";

                var lname = oResultData.lname || "";

                var nname = oResultData.nname;

                // Guard against null value

                var fnameMatchIndex = fname.toLowerCase().indexOf(query),

                    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 {

                return '';

            }

        };

    membersAC.formatResult = custom_formatter;

    ownerAC.formatResult = custom_formatter;

    var myHandler = function (sType, aArgs) {

    		var nextId = divid.split('perm_new_member_name_')[1];

            var myAC = aArgs[0]; // reference back to the AC instance

            var elLI = aArgs[1]; // reference to the selected LI element

            var oData = aArgs[2]; // object literal of selected item's result data

            //fill the autocomplete with value

            if (oData.nname != undefined) {

                //users

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

                YUD.get('perm_new_member_type_'+nextId).value = 'user';

            } else {