var author = [];
var mesaj = [];
var author_url = [];
var published = [];
var author_photo = [];
var url = [];
var generator = [];
var colors = ['ff0000', '00ff00', '0000ff', 'FF9900', 'CC00CC', '00CCCC', '33FF00', '990000', '000066', '555555', '999900', '009999', '990099', '0099ff', 'ff0099', '9900ff'];
var i = 0;
var perpage = 3;
var message_limit = 140;
var height = 167;
var d = new Date();
var updated = 0;
var count = 0;
var rotatorInit = 0;
var generators_width = parseInt(300)-6-90;
var reaction_content_width = parseInt(300)-20-28;
var animation_index = 0;

var chart_color = 'FFFFFF'

function plural(i) {
  if (parseInt(i) != 1) {
    return 's';
  }
  return '';
}

function StripTags(strMod){
  if(arguments.length<3) strMod=strMod.replace(/<\/?(?!\!)[^>]*>/gi, '');
  else{
    var IsAllowed=arguments[1];
    var Specified=eval("["+arguments[2]+"]");
    if(IsAllowed){
      var strRegExp='</?(?!(' + Specified.join('|') + '))\b[^>]*>';
      strMod=strMod.replace(new RegExp(strRegExp, 'gi'), '');
    }else{
      var strRegExp='</?(' + Specified.join('|') + ')\b[^>]*>';
      strMod=strMod.replace(new RegExp(strRegExp, 'gi'), '');
    }
  }
  return strMod;
}

function decode(utftext) {
	// This function was added to decode utf-encoded text
        // Now I skip it due to errors in displaing chinese characters.
  //return utftext;
  var string = "";
	var i = 0;
	var c = c1 = c2 = 0;
	while ( i < utftext.length ) {
		c = utftext.charCodeAt(i);
		if (c < 128) {
			string += String.fromCharCode(c);
			i++;
		}
		else if((c > 191) && (c < 224)) {
			c2 = utftext.charCodeAt(i+1);
			string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
			i += 2;
		}
		else {
			c2 = utftext.charCodeAt(i+1);
			c3 = utftext.charCodeAt(i+2);
			string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
			i += 3;
		}
	}
	return string;
}

document.write ('<style> #ubervu_widget{background:#FFFFFF;} .total_data{color:#000000;} #ubervu_reactions_no{color:#000000;} .ubervu_reaction_content{color:#000000;} .ubervu_generator_name{color:#000000;} #ubervu_recent_activity_title{color:#000000;}</style>')   

function writeDiv() {  
  document.getElementById("ubervu_widget_div").innerHTML = '<div id="ubervu_widget" style="font-family: arial, sans-serif; border : solid 2px #81A9D8; color : #000000; padding : 4px 4px 0 4px; width : 300px; overflow : hidden; margin:0;"><div id="ubervu_widget_title"><span style="margin:0; padding: 0px 3px; font-family: arial, sans-serif;">thiamteck.blogspot.com/</span></div><div id="ubervu_reactions_no" style="height: 20px; padding: 2px 5px 5px 10px; font-size: 12px; margin:0;"></div><div id="ubervu_pie_container" style=" width: 300px; margin:0; padding:0; float:left;"></div><div id="ubervu_chart" style="clear:both; height: 80px; margin:0; padding:0;"></div><div id="ubervu_recent_activity"> <div style="text-align:center; width : 300px;"> <img src="http://d284gtceqi4kf4.cloudfront.net/ajax-loader-trans.gif" style="clear:both;" /><p>Loading data</p></div></div></div>';
}

function get_passed_time(time) {
  d = new Date();
  now = d.getTime() / 1000;
  dif = now - time;
  if (dif < 60) {
    return 'seconds ago';
  } else if (dif < 3600) {
    return parseInt(dif / 60) + ' minute' + plural(dif / 60) + ' ago';
  } else if (dif < 86400) {
    return parseInt(dif / 3600) +' hour' + plural(dif / 3600) + ' ago';
  } else if (dif < 604800) {
    return parseInt(dif / 86400) + ' day' + plural(dif / 86400) + ' ago';
  } else if (dif < 2592000) {
    return parseInt(dif / 604800) + ' week' + plural(dif / 604800) + ' ago';
  } else {
    return parseInt(dif / 2592000) + ' month' + plural(dif / 2592000) + ' ago';
  }
}

function showCharts(count, date_start, date_stop, generators, total) {
  var content = '<div id="ubervu_generators_container" style="float: left; padding-left: 1px; width: ' + generators_width + 'px; margin:0;">';
  var linechartlink = 'http://chart.apis.google.com/chart?chs=90x90&cht=p&chd=t:';
  for (i = 0; i < generators.length; i ++) {
    content += '<div class="ubervu_generator" style="float: left; width: 110px; padding-top: 3px; padding-left: 0px; margin:0;"><div class="ubervu_generator_color" style="font-size: 10px; font: fixed; background: #' + colors[i] + '; float: left; width: 10px; height: 10px; margin-right: 3px; position: relative; top: 1px;">&nbsp;</div><div class="ubervu_generator_name" style="white-spaces: nowrap; float: left; font-size: 10px; font: fixed; line-height:12px;">' + generators[i].generator + ' <span style=" font-size: 9px; font-weight: normal;">' + generators[i].count + '%</span></div></div>';
    linechartlink += generators[i].count + ',';
  }
  linechartlink = linechartlink.substring(0, linechartlink.length - 1);
  linechartlink += '&chco=';
  for (j = 0; j < generators.length - 1; j++) {
    linechartlink += colors[j] + ',';
  }
  linechartlink += colors[generators.length - 1];
  linechartlink += '&chf=bg,s,' + chart_color
  content += '</div>';
  content += '<div id="ubervu_pie" style="float: left; position: relative; top: -5px; width: 90px; margin:0; padding:0;"><img src=\'' + linechartlink + '\'/></div>';
  document.getElementById('ubervu_pie_container').innerHTML = content;
  var content = '';
  content += '<img src=\'' + 'http://chart.apis.google.com/chart?chs=300x80&chd=t:'
  for (j = 0; j < count.length; j++) {
    content += count[j] + ',';
  }
  content = content.substring(0, content.length - 1);
  content += '&cht=ls&chm=B,76A4FB,0,0,0&chxl=0:||' + date_start + '|||||' + date_stop + '|&chxt=x&chco=76A4FB&chf=bg,s,' + chart_color + '\'/>';
  document.getElementById('ubervu_chart').innerHTML = content;
}

function stop() {
  rotatorInit = window.clearInterval(rotatorInit);
}

function start() {
  rotatorInit = window.clearInterval(rotatorInit);
  rotatorInit = setInterval("loadAnim()", 2000);
}

function reactionCode(i) {
  code = '<div class="ubervu_reaction" style="display: none; clear: both; float: left; width: 300px; padding: 5px 5px 0px 5px;" id="id' + i + '">';
  var index = i % author.length;
  code += '<div class="ubervu_author_image" style="float: left; width: 28px; margin:0; padding:0;"><img style="float: left; margin-top: 4px; height: 28px; width: 28px; margin:0; padding:0;" onerror="this.src=\'http://d284gtceqi4kf4.cloudfront.net/user_icon_unknown.jpg\'" src=\'' + author_photo[index] + '\' /></div><div class="ubervu_reaction_content_container" style="margin-left:28px; width: '+reaction_content_width+'px; font-size: 10px; color: #000000; line-height:12px; padding:0 0 0 5px; text-align:left!important;"><a class="ubervu_reaction_author_name" "onmouseover="this.style.textDecoration=\'underline\'" "onmouseout="this.style.textDecoration=\'none\'"  style=" color: #325FC6; font-size: 11px; font-weight: bold; text-decoration: none; margin:0; padding:0;" href=\''+ author_url[index] + '\'>' + author[index] + '</a>: <span class="ubervu_reaction_content" style="font-size: 11px; margin:0; padding:0; text-align:left;" onmouseover="stop()" onmouseout="start()"> ' + mesaj[index] + '</span> ' + get_passed_time(published[index]) + ' on <a class="ubervu_reaction_platform" "onmouseover="this.style.textDecoration=\'underline\'" "onmouseout="this.style.textDecoration=\'none\'" style="font-size: 10px; color: #3050BF; text-decoration: none;" href="' + url[index] + '">' + generator[index] + '</a></div></div>';
  return code;
}  

function write_reactions(i) {
  content = '';
  var start = Math.max(i - 5, 0);
  for (j = start; j < i + author.length; j ++) {
    content = reactionCode(j) + content;
  }
  content = '<div id="ubervu_recent_activity_title" style="margin: 0px 5px; border-bottom: 1px solid #CCCCCC;  font-size: 11px; height: 18px;">Recent activity</div><div style="overflow : hidden; height: ' + height + 'px">' + decode(content) + '</div><div id="ubervu_powered" style="width: 300px; position: relative; left: -5px; padding-left: 5px; padding-right: 5px; text-align: center; background: #81A9D8; padding-top: 5px; padding-bottom: 5px; font-size: 10px; color: #333333; font-weight: bold;">Powered by <a href="http://www.ubervu.com" style="color: #325FC6; text-decoration: none;">uberVU</a></div>'
  
  document.getElementById('ubervu_recent_activity').innerHTML = content;
  document.getElementById('ubervu_widget').scrollTop = 0;
  count += author.length;
  for (j = start; j < i; j ++) {
    $("div#id" + j).show(0);
  }
}

function loadAnim() {
  if (animation_index + 3 >= count) {
    write_reactions(animation_index);
  }
  $("div#id"+animation_index).show(1000);
  animation_index += 1;
  rotatorInit = window.clearInterval(rotatorInit);
  rotatorInit = setInterval("loadAnim()", 3000);
}

function loadData(data){ 
  showCharts(data.count, data.date_start, data.date_stop, data.generators, data.total);
  updated = d.getTime() / 1000;
  jQuery.each(data.reactions, function(i,item){
    author[i] = item.author.name;
    mesaj[i] = StripTags(item.content);
    if (mesaj[i].length > message_limit) {
      mesaj[i] = mesaj[i].substring(0, message_limit) + '...';
    }
    author_url[i] = item.author.url;
    author_photo[i] = item.author.image;
    if (!author_photo[i]) {
      author_photo[i] = 'http://d284gtceqi4kf4.cloudfront.net/user_icon_unknown.jpg';
    }
    published[i] = item.published;
    url[i] = item.url;
    generator[i] = item.generator;
  }); 
  document.getElementById('ubervu_reactions_no').innerHTML = '<strong><span class="total_data" style=" margin:0; padding:0;">' + data.total + '</span> reactions</strong> this month';
  if (author.length > 0) {
    write_reactions(0);
    $("div#id0").show(0);
    $("div#id1").show(0);
    animation_index = 2;
    rotatorInit = setInterval("loadAnim()", 3000);
  } else {
    document.getElementById('ubervu_recent_activity').innerHTML = '<div id="ubervu_recent_activity_title" style="margin: 0px 5px; border-bottom: 1px solid #CCCCCC;  font-size: 11px; height: 18px;">No reactions found.</div><div id="ubervu_powered" style="height: 30px; width: 300px; position: relative; left: -5px; padding-left: 5px; padding-right: 5px; text-align: center; background: #CCCCCC; height: 22px; padding-top: 20px; font-size: 10px; color: #333333; font-weight: bold;">Powered by <a href="http://www.ubervu.com" style="color: #325FC6; text-decoration: none;">uberVU</a></div>';
  }
}

function queryAPI() {
  
  call = 'http://www.ubervu.com/chart_data_widget/?keyword=thiamteck.blogspot.com/&callback=?'
  
  $.getJSON(call, loadData); 
}

function initialize() {
  writeDiv();
  queryAPI();
}

function insertScript(link) {
  var head = document.getElementsByTagName("head")[0];
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = link;

  // Attach handlers for all browsers
	script.onload = script.onreadystatechange = function(){
		  if (!this.readyState ||
				  this.readyState == "loaded" || this.readyState == "complete") {
			  // Handle memory leak in IE
			  script.onload = script.onreadystatechange = null;
			  head.removeChild( script );
			  initialize();
		  }
	  };

  head.appendChild(script);
}

function loadjQuery() {
  present = false;
  try {
    if (jQuery) present = true;
  }
  catch (e) { }
  // Try to load jQuery, if not already present.
  if (!present) {
    insertScript('http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js');
  } else {
    $ = jQuery;
    initialize();
  }
}

document.write('<div id="ubervu_widget_div"></div>');

loadjQuery();