function twitterCallback3(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push(
	'<div class="twitterentry"><div class="twitterreply">' + 
		'<a href="http://twitter.com/home?status=@'+username+'%20&in_reply_to_status_id='+twitters[i].id+'&in_reply_to=coolnalu">' + 
			'<img src="http://www.kunalu.com/boke/wp-content/themes/DOHv5/images/twitter-reply.png" alt="reply" title="reply"/>' +
		'</a> ' + 
	'</div><div class="excerpt">' + status + '</div></div>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

jQuery(document).ready(function($){	

	function dummy(event){
		event.preventDefault();
		return false;
	}
	
	function requestPage(page, callback){
		if (page >= 0 && page < $("#handle").data("numpage")){ 
			$("#handle").data("previouspage", $("#handle").data("currentpage"));
			if ($("#blogs").data(page + "")){
				$("#blogs").html($("#blogs").data(page + ""));
				$(".rightcol").each(function(){
						alignDivs($(this).prev(), $(this));
				});
				$("#handle").removeClass("pressed");
				updateSliderUI(page);
				return false;
			}
			$("#handle").text(page);
			block();
			$.ajax({
				type: "GET",
				url: "theloop/",
				data: "kunaludynamic=1&pageIndex=" + page,
				success: function(data){
					$("#blogs").html(data);
					$("#blogs").data(page + "", data);
					$(".rightcol").each(function(){
						alignDivs($(this).prev(), $(this));
					});
					unblock();
					updateSliderUI(page);
				},
				error: function(){
					$("#handle").data("currentpage", $("#handle").data("previouspage"));
					$("#blogs").html($("#blogs").data($("#handle").data("currentpage")));
					updateSliderUI($("#handle").data("currentpage"));
					unblock();
					//showWarning();
				}
			});	
		}
	}
	
	function alignDivs(div1, div2){
		var max = Math.max(div1.height(), div2.height());
		div1.height(max);
		div2.height(max);
	}	
	
	function block(){	
		$("#loader").show();
		$("#loader").height($("#blogs").height());
		$("#loader").width($("#blogs").width());	
		$("#handle").data("blocking", true);
		$("#handle").removeClass("pressed");
		$("#paging").addClass("disabled");
	}
	
	function unblock(){
		$("#loader").hide();
		$("#handle").data("blocking", false);
		$("#paging").removeClass("disabled");
	}
	
	function mousemove(evt){
		var nowX = evt.pageX;
		var proposedLeft = $("#handle").data("startLeft") + nowX - $("#handle").data("startX");
		var unitlength = $("#handle").data("unitlength");
		var interval = 0;
		var width = $("#track").width();
		if (proposedLeft < 15){
			$("#handle").css("left", "0px");		
		} else if (proposedLeft > width - 15){
			$("#handle").css("left", width + "px");
			interval = $("#handle").data("numpage") - 1;
		} else {
			interval = Math.round((proposedLeft) / unitlength);
			$("#handle").css("left", Math.round(interval * unitlength) + "px");
		}
		$("#handle").data("currentpage", interval);
		$("#handle").text(interval);
	}
	
	$("#handle").mousedown(function(evt){
		evt.preventDefault();
		if ($("#handle").data("blocking")){
			return false;
		}
		$("#handle").data("startLeft", $(this).position().left);
		$("#handle").data("startX", evt.pageX); 
		$("#handle").addClass("pressed");
		$(document).data("dragging", true);
		$(document).mousemove(mousemove);
		$(document).select(dummy);
		return false;
	});
	
	$(document).mouseup(function(){
		$(document).unbind("mousemove", mousemove);
		$(document).unbind("select", dummy);
		var unitlength = $("#handle").data("unitlength");
		var interval = Math.round($("#handle").position().left / unitlength);
		var currentpage = interval;
		$("#handle").data("currentpage", currentpage);		
		if ($(document).data("dragging")){
			$(document).data("dragging", false);
			requestPage(currentpage);
		}
	});
	
	function updateSliderUI(page){
		$("#lefttrackbutton").removeClass("disabled");
		$("#righttrackbutton").removeClass("disabled");
		if (page == 0){
			$("#lefttrackbutton").addClass("disabled");
		}
		if (page == $("#handle").data("numpage") - 1){
			$("#righttrackbutton").addClass("disabled");
		}
		$("#handle").css("left", Math.round(page * $("#handle").data("unitlength")) + "px");
		$("#handle").text(page);
	}
	
	$("#lefttrackbutton").click(function(evt){
		evt.preventDefault();
		if ($("#handle").data("blocking")){
			return false;
		}
		var page = $("#handle").data("currentpage");
		if (page > 0){
			requestPage(page - 1);
			updateSliderUI(page - 1);
		}
		return false;
	});
	
	$("#righttrackbutton").click(function(evt){
		evt.preventDefault();
		if ($("#handle").data("blocking")){
			return false;
		}
		var page = $("#handle").data("currentpage");
		if (page < $("#handle").data("numpage") - 1){
			requestPage(page + 1);
			updateSliderUI(page + 1);
		}
		return false;
	});
	
	$("#handle").data("numpage", parseInt($("#handle").attr("stops")));
	$("#handle").data("currentpage", 0);
	$("#handle").data("previouspage", 0);
	updateSliderUI(0);
	$("#blogs").data("0", $("#blogs").html());
	$("#handle").data("unitlength", $("#track").width()/($("#handle").data("numpage") - 1));	
	$("#handle").select(dummy);		
	
	$(".rightcol").each(function(){
		alignDivs($(this).prev(), $(this));
	});
});