// ----------------------------------------------------------------------------
// Window Event Overloading
// ----------------------------------------------------------------------------
window.onload = function(event)
{
  onLoad(event);
}

//----------------------------------------------------------------------------
//Functions
//----------------------------------------------------------------------------

function getQuerystring(key, default_)
{
  if (default_==null) default_="";
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
} 

function hide(id)
{
  var obj = document.getElementById(id);
  if (obj) {
    obj.style.display = 'none';
  }
}

function onLoad(event)
{
  var title     = document.title;
  var reddit    = document.getElementById('REDDIT');
  var digg      = document.getElementById('DIGG');
  var facebook  = document.getElementById('FACEBOOK');
  var stumble   = document.getElementById('STUMBLE');
  
  reddit.href   = 'http://reddit.com/submit?url=' + escape(location) +'&title='+ title;
  digg.href     = 'http://digg.com/submit?phase=2&url='+ escape(location) +'&title='+ title;
  facebook.href = 'http://www.facebook.com/share.php?u='+ escape(location);
  stumble.href  = 'http://www.stumbleupon.com/submit?url='+ escape(location) +'&title='+location;
  
  var query = getQuerystring('s');
  if (query !== '')
  {
    updateTab('TAB_'+ query )
  }

  var path = window.location.pathname.split("/");
  var dir = path[1];
  if (dir == "device"){
    var device = path[2].toUpperCase();
    document.getElementById(device).className = "Selected";
  }

  if (path.length > 2 && path[2] == "features.html" && query == '') {
  	document.getElementById('TAB_1').className = "TabSelected";
  	show('SECTION_1');
  }
}

function show(id, display)
{
  var obj = document.getElementById(id);
  if (obj) {
    if (display) {
      obj.style.display = display;
    } else {
      obj.style.display = 'block';
    }
  }
}

function showHide(id)
{
  var obj = document.getElementById(id);
  var parentElement = obj.parentNode;
  if (obj) {
    if (obj.style.display == 'none' || obj.style.display == ""){
      obj.style.display = 'block';
      parentElement.className = 'Selected';
    } else {
      obj.style.display = 'none';
      parentElement.className = '';
    }
  }
  return;
}

function updateTab(tab)
{
  var tabNum = tab.split('_')[1];
  var tabNodes = document.getElementById('MENU').getElementsByTagName("li");
  if (tabNum > tabNodes.length ||tabNum < 0 || tabNum != parseInt(tabNum))
  {
    show('INTRO')
  }else{
    for ( var i = 0; i < tabNodes.length; i++) {
      if (tabNodes[i].id != null){
        var tabID = tabNodes[i].id.split('_')[1];
        var tabElement = document.getElementById(tabNodes[i].id);
        if (tabNodes[i].id == tab){
          if (tabID == tabNodes.length){
            tabElement.className = 'TabSelectedNoBorder';
          }else{
            tabElement.className = 'TabSelected';
          }
          show('SECTION_'+tabID , 'block');
        }else{
          hide('SECTION_'+tabID);
          if (tabID == tabNodes.length){
            tabElement.className = 'NoBorder';
          }else{
            tabElement.className = '';
            hide('INTRO');
          }
        }
      }
    }
  }
}