var cssFiles = ["http://www./springinfo.info/wp-content/themes/androida/bumpin.css"];
//var cssFiles = ["bumpinSidechatWidget.css"];
var cssFiles = [];
var jsFiles = ["http://www.bumpin.com/web_widget/users/browser-detect.js","http://www.bumpin.com/web_widget/users/bar/notifications-min.js"];
//var jsFiles = [""];
var isExtended = 0;
var height = 350;
var width = 200;
var slideDuration = 250;
var opacityDuration = 1500;
var timerID1 = -1111;
var timerID2 = -1111;

loadScriptStyleFiles(jsFiles,cssFiles);

function extendContract(){

   if(isExtended == 0){
      $('#sideBarContentsInner').css("padding-left","0px");
      sideBarSlide(0, height, 1, width);
      sideBarOpacity(0, 1);
      isExtended = 1;
      // make expand tab arrow image face left (inwards)
      //$('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/(\.[^.]+)$/, '-active$1');
      $("#sideBarTab").css("background-image","url(http://www.springinfo.info/wp-content/themes/androida/images/slide-button.png)");
   }
   else{
      $('#sideBarContentsInner').css("padding-left","20px");
      sideBarSlide(height, 0, width, 1);
      sideBarOpacity(1, 0);
      isExtended = 0;
      // make expand tab arrow image face right (outwards)
      //$('#sideBarTab').children().get(0).src = $('#sideBarTab').children().get(0).src.replace(/-active(\.[^.]+)$/, '$1');
      $("#sideBarTab").css("background-image","url(http://www.springinfo.info/wp-content/themes/androida/images/slide-button.png)");
   }

}

function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth) {
   $("sideBarContents").css ({'height': fromHeight, 'width': fromWidth});
   $("#sideBarContents").animate( { 'height': toHeight, 'width': toWidth }, { 'queue': false, 'duration': slideDuration }, "linear" );
}

function sideBarOpacity(from, to){
   $("#sideBarContents").animate( { 'opacity': to }, opacityDuration, "linear" );
}


function loadBumpInSideBarWidget(args)
{
   //path changed of the image:
   $("#sideBar").html("<a href='#' id='sideBarTab'><div id='bumpin-count'>1</div></a><div id='sideBarContents' style='width:1px;'><div id='sideBarContentsInner'><div id='bumpin-widget'></div></div></div>");
   //$("#sideBar").html("<a href='#' id='sideBarTab'><img src='slide-button.png' alt='sideBar' title='sideBar' /></a><div id='sideBarContents' style='width:1px;'><div id='sideBarContentsInner'><div id='bumpin-widget'></div></div></div>");
   var bumpin_width = typeof args.width != 'undefined' ? args.width:"200";
   var bumpin_height = typeof args.height != 'undefined' ? args.height:"350";
   height = bumpin_height;
   width = bumpin_width;
   $('#sideBarTab').click( function()
   {
      extendContract();
      bumpin_clear_notification();
      return false;
   });

   loadBumpinWidget(args);

   get_clean_url_for_bumpin();
   get_bumpin_count();

}

///////////// To load new refactored web widget //////////////////////////////////
function loadNewBumpInSideBarWidget(args)
{
   loadNewBumpInSideBarWidgetBeforeWork(args);
   loadNewBumpinWidget(args);
}
function loadNewBumpInSideBarWidgetWithoutPeopleList(args)
{
   loadNewBumpInSideBarWidgetBeforeWork(args);
   loadNewBumpinWidgetWithoutPeopleList(args);
}
function loadNewBumpInSideBarWidgetBeforeWork(args)
{
   //path changed of the image:
   $("#sideBar").html("<a href='#' id='sideBarTab'><div id='bumpin-count'>1</div></a><div id='sideBarContents' style='width:1px;'><div id='sideBarContentsInner'><div id='bumpin-widget'></div></div></div>");
   //$("#sideBar").html("<a href='#' id='sideBarTab'><img src='slide-button.png' alt='sideBar' title='sideBar' /></a><div id='sideBarContents' style='width:1px;'><div id='sideBarContentsInner'><div id='bumpin-widget'></div></div></div>");

   var bumpin_width = typeof args.width != 'undefined' ? args.width:"200";
   var bumpin_height = typeof args.height != 'undefined' ? args.height:"350";
   height = bumpin_height;
   width = bumpin_width;
   $('#sideBarTab').click( function()
   {
      extendContract();
      bumpin_clear_notification();
      return false;
   });

   get_clean_url_for_bumpin();
   get_bumpin_count();
}
/////////////////////////////////////////////////////////////////////////////////////

function get_clean_url_for_bumpin()
{
   url_bumpin = window.location.href;
   if (url_bumpin == null || url_bumpin == ""){
       url_bumpin = document.location.href;
   }

  url_bumpin = url_bumpin.split("?")[0].split("#")[0]
  if (url_bumpin[url_bumpin.length - 1] == "/"){
      url_bumpin = url_bumpin.substring(0,url_bumpin.length-1);
  }

}

function bumpin_notification()
{
   if(isExtended == 0)
   {
      $("#sideBarTab").css("background-color","orange");
      setToOrange();
   }
}

function bumpin_clear_notification()
{
   $("#sideBarTab").css("background-color","#FFFFFF");
   //stop the blinker timers
   clearTimeout(timerID1);
   clearTimeout(timerID2);
}

function setToOrange()
{
   $("#sideBarTab").css("background-color","orange");
   timerID1 = setTimeout( "setToNormal()", 800 );
}

function setToNormal()
{
   $("#sideBarTab").css("background-color","#e1e1e1");
   timerID2 = setTimeout( "setToOrange()", 800 );
}

function get_bumpin_count(){

   $.getJSON("http://site.bumpin.com/hotspot/get_bumpin_count?callback=?",{'url':url_bumpin},bumpin_count_response_handler);
   //$.getJSON("http://site.bumpin.com/hotspot/get_bumpin_count?callback=?",{'url':'http://hafeezcentre.com.pk/index.php'},bumpin_count_response_handler);
   $("#bumpin-count").hide("3000");
}

function bumpin_count_response_handler(data){
    url_bumpin_count = data;
    $("#bumpin-count").html("" + url_bumpin_count);
   setTimeout("get_bumpin_count()",30000);
    $("#bumpin-count").show("3000");
}