EduTweet = new function() {
  var BASE_URL = 'http://www.guidetoonlineschools.com/widgets/education-chats/';
  //var BASE_URL =""
  var STYLESHEET = BASE_URL + "css/combslim.css"
  var SCROLLINGJS = BASE_URL + "js/scroll2_min1.js"
  var CONTENT_URL = 'http://www.guidetoonlineschools.com/toolbox/twitter_search';
  //var CONTENT_URL = 'http://192.168.1.100:3000/admin/toolbox/twitter_search'
  var ROOT = 'scrollingContent';
  var init = true;

  function requestStylesheet(stylesheet_url) {
    stylesheet = document.createElement("link");
    stylesheet.rel = "stylesheet";
    stylesheet.type = "text/css";
    stylesheet.href = stylesheet_url;
    stylesheet.media = "all";
    document.lastChild.firstChild.appendChild(stylesheet);
  }
  
  function requestJavascript( js_url ) {
    var script = document.createElement('script');
    script.src = js_url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }
  
  function buildInitWidget(){
   var html = ''
   html += '<div id="chat_widget">'
   html += ' <div class="rbroundbox">'
   html += '  <div class="rbtop">'
   html += '   <div></div>'
   html += '  </div>'
   html += '  <div class="headingDiv">'
   html += '   <a class="headingDiv" href="http://www.guidetoonlineschools.com/online-teaching/widgets" target="_blank">Online Teaching Chats</a>'
   html += '  </div>'
   html += '  <div class="smallheadingDiv">'
   html += '   <a class="smallheadingDiv" href="http://www.guidetoonlineschools.com/online-teaching/widgets" target="_blank">What Teachers are saying on Twitter</a>'
   html += '  </div>'
   html += '  <div id="maindiv">'
   html += '   <div style="float:left;margin:0px;">'
   html += '    <div class="tabs" id="tab1" onclick="EduTweet.requestContent(1)">#edchat</div>'
   html += '    <div class="tabs" id="tab2" onclick="EduTweet.requestContent(2)">#ntchat</div>'
   html += '    <div class="tabs" id="tab3" onclick="EduTweet.requestContent(3)">#ptchat</div>'
   html += '    <div class="tabs" id="tab4" onclick="EduTweet.requestContent(4)">#gtchat</div>'
   html += '    <div class="tabs" id="tab5" onclick="EduTweet.requestContent(5)">#edtech</div>'
   html += '    <div class="tabs" id="tab6" onclick="EduTweet.requestContent(6)">#artsed</div>'
   html += '    <div class="tabs" id="tab7" onclick="EduTweet.requestContent(7)">#musedchat</div>'
   html += '    <div class="tabs" id="tab8" onclick="EduTweet.requestContent(8)">#mathchat</div>'
   html += '    <div class="tabs" id="tab9" onclick="EduTweet.requestContent(9)">#engchat</div>'
   html += '   </div>'
   html += '   <!-- Start of first scrolling box -->'
   html += '   <div id="scrollingContainer">'
   html += '     <div id="scrollingContent"> </div>'
   html += '   </div>'
   html += '   <!-- End code for first scrolling box -->'
   html += ' </div>'
   html += ' <div class="rbbot"><div>'
   html += '</div>'
   html += '</div>'
   document.getElementById('edutweet').innerHTML = html;
  };

  this.requestContent = function( tab_id ) {
    var script = document.createElement('script');
    script.src = CONTENT_URL + '?tabId=' + tab_id + '&callback=EduTweet.serverResponse';
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  this.serverResponse = function( data ) {
    if (!data) return;
    var tabId = data[0]
    document.getElementById("tab"+tabId).className="tabsSelected";
    for(i=1;i<=8;i++){
      if(i!=tabId){document.getElementById("tab"+i).className="tabs";}
    }
    loading_image='<img src="http://www.guidetoonlineschools.com/widgets/education-chats/images/loading_large.gif"/>';
    document.getElementById('scrollingContent').innerHTML=loading_image;

    var div = document.getElementById(ROOT);
    var txt = '';
    for (var i = 1; i < data.length; i++) {
      tweet = data[i];
      txt += "<div class='Content_Div'>";
      txt += "<div class='user'><a href='"+tweet['user_url']+"' target=\"_blank\"><img class='user_img' valign='top' align='left' border=\"0\" src='"+tweet['user_image_url']+"' title='"+tweet['user_name']+"' /></a></div>";
      txt += "<div class='name'><a href='"+tweet['user_url']+"' target=\"_blank\">"+tweet['user_name']+"</a></div>";
      txt += "<div class='description'>"+tweet['description']+"<div class='source'><a href='"+tweet['link']+"' target=\"_blank\">"+tweet['pub_date']+"</a></div></div>";
      txt += '</div>';
      txt += '<div class="empty_height">&nbsp;</div>';
    }
    div.innerHTML = txt;  // assign new HTML into #ROOT
    if(init==true){initSlidingContent("scrollingContainer",1); init=false;}
  }

  requestStylesheet(STYLESHEET);
  requestJavascript(SCROLLINGJS);
  buildInitWidget();
  this.requestContent(1);
}

function tab_fetch(tabId){
  EduTweet.requestContent(tabId);
}