// wrapper of passed callback

	var s_wrapper = (function(o){

		return function(o){

			YUD.get(container).innerHTML=o.responseText;

			YUD.setStyle(container,'opacity','1.0');

    		//execute the given original callback

    		if (s_call !== undefined){

    			s_call(o);

    		}

		}

	})()	

	YUD.setStyle(container,'opacity','0.3');

	YUC.asyncRequest(method,url,{

		success:s_wrapper,

		failure:function(o){

			console.log(o);

			YUD.get(container).innerHTML='<span class="error_red">ERROR: {0}</span>'.format(o.status);

			YUD.setStyle(container,'opacity','1.0');

		},

		cache:false

	},args);

};

var ajaxGET = function(url,success) {

	// Set special header for ajax == HTTP_X_PARTIAL_XHR

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

    var sUrl = url;

    var callback = {

        success: success,

        failure: function (o) {

            alert("error");

        },

    };

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

    return request;

};

var ajaxPOST = function(url,postData,success) {

	// Set special header for ajax == HTTP_X_PARTIAL_XHR

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

	var toQueryString = function(o) {

	    if(typeof o !== 'object') {

	        return false;

	    }

	    var _p, _qs = [];

	    for(_p in o) {

	        _qs.push(encodeURIComponent(_p) + '=' + encodeURIComponent(o[_p]));

	    }

	    return _qs.join('&');

	};

    var sUrl = url;

    var callback = {

        success: success,

        failure: function (o) {

            alert("error");

        },

    };

    var postData = toQueryString(postData);

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

    return request;

};

/**

 * tooltip activate

 */

var tooltip_activate = function(){

	yt = YAHOO.yuitip.main;

	YUE.onDOMReady(yt.init);

};

/**

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

    });

};

/**

 * show changeset tooltip

 */

var show_changeset_tooltip = function(){

	YUE.on(YUD.getElementsByClassName('lazy-cs'), 'mouseover', function(e){

		var target = e.currentTarget;

		var rid = YUD.getAttribute(target,'raw_id');

		var repo_name = YUD.getAttribute(target,'repo_name');

		var ttid = 'tt-'+rid;

		var success = function(o){

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

			YUD.addClass(target,'tooltip')

			YUD.setAttribute(target, 'title',json['message']);

			YAHOO.yuitip.main.show_yuitip(e, target);

		}

		if(rid && !YUD.hasClass(target, 'tooltip')){

			YUD.setAttribute(target,'id',ttid);

			YUD.setAttribute(target, 'title',_TM['loading...']);

			YAHOO.yuitip.main.set_listeners(target);

			YAHOO.yuitip.main.show_yuitip(e, target);			

			ajaxGET('/changeset_info/{0}/{1}'.format(repo_name,rid), success)

		}

	});

};

var onSuccessFollow = function(target){

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

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

    if(YUD.hasClass(f, 'follow')){

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

        f.setAttribute('title',_TM['Stop following this repository']);

        if(f_cnt){

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

            f_cnt.innerHTML = cnt;

        }

    }

    else{

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

        f.setAttribute('title',_TM['Start following this repository']);

        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',TOGGLE_FOLLOW_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;

    args+= '&auth_token='+token;

    if(user_id != undefined){

        args+="&user_id="+user_id;

    }

    YUC.asyncRequest('POST',TOGGLE_FOLLOW_URL,{

        success:function(o){

        	onSuccessFollow(target);

        }

    },args);

    return false;

}

/**

 * TOOLTIP IMPL.

 */

YAHOO.namespace('yuitip');

YAHOO.yuitip.main = {

	$:			YAHOO.util.Dom.get,

	bgColor:	'#000',

	speed:		0.3,

	opacity:	0.9,

	offset:		[15,15],

	useAnim:	false,

	maxWidth:	600,

	add_links:	false,

	yuitips:    [],

	set_listeners: function(tt){

		YUE.on(tt, 'mouseover', yt.show_yuitip,  tt);

		YUE.on(tt, 'mousemove', yt.move_yuitip,  tt);

		YUE.on(tt, 'mouseout',  yt.close_yuitip, tt);		

	},

	init: function(){

		yt.tipBox = yt.$('tip-box');

		if(!yt.tipBox){

			yt.tipBox = document.createElement('div');

			document.body.appendChild(yt.tipBox);

			yt.tipBox.id = 'tip-box';

		}

		YUD.setStyle(yt.tipBox, 'display', 'none');

		YUD.setStyle(yt.tipBox, 'position', 'absolute');

		if(yt.maxWidth !== null){

			YUD.setStyle(yt.tipBox, 'max-width', yt.maxWidth+'px');

		}

		var yuitips = YUD.getElementsByClassName('tooltip');

		if(yt.add_links === true){

			var links = document.getElementsByTagName('a');

			var linkLen = links.length;

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

				yuitips.push(links[i]);

			}

		}

		var yuiLen = yuitips.length;

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

			yt.set_listeners(yuitips[i]);

		}

	},

	show_yuitip: function(e, el){

		YUE.stopEvent(e);

		if(el.tagName.toLowerCase() === 'img'){

			yt.tipText = el.alt ? el.alt : '';

		} else {

			yt.tipText = el.title ? el.title : '';

		}

		if(yt.tipText !== ''){

			// save org title

			// reset title to not show org tooltips

			YUD.setAttribute(el, 'title', '');

			yt.tipBox.innerHTML = yt.tipText;

			YUD.setStyle(yt.tipBox, 'display', 'block');

			if(yt.useAnim === true){

				YUD.setStyle(yt.tipBox, 'opacity', '0');

				var newAnim = new YAHOO.util.Anim(yt.tipBox,

					{

						opacity: { to: yt.opacity }

					}, yt.speed, YAHOO.util.Easing.easeOut

				);

				newAnim.animate();

			}

		}

	},

	move_yuitip: function(e, el){

		YUE.stopEvent(e);

		var movePos = YUE.getXY(e);

		YUD.setStyle(yt.tipBox, 'top', (movePos[1] + yt.offset[1]) + 'px');

		YUD.setStyle(yt.tipBox, 'left', (movePos[0] + yt.offset[0]) + 'px');

	},

	close_yuitip: function(e, el){

		YUE.stopEvent(e);

		if(yt.useAnim === true){

			var newAnim = new YAHOO.util.Anim(yt.tipBox,

				{

					opacity: { to: 0 }

				}, yt.speed, YAHOO.util.Easing.easeOut

			);

			newAnim.animate();

		} else {

			YUD.setStyle(yt.tipBox, '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();