function displaySortType(){
  sortTypeDiv = document.getElementById('sort_type');
  var html = "";
  var cssState = "";
  for(i=0;i<sortTypes.length;i++) {
    if (i == g_selectedDate) { 
      cssState = "item_selected";
    } else {
      cssState = "item";
    }
    html += '<span class="' + cssState + '"><a href="#" onclick="changeSort(' + i + ')";>' + sortTypes[i] + '</a></span>';
  }
  sortTypeDiv.innerHTML = html;
}

//function displayDateRange(){
//  dateRange = document.getElementById('date_range');
//
//  var html = "";
//  var cssState = "";
//  for(i=0;i<dateTypes.length;i++) {
//    if (i == g_selectedDate) {
//      cssState = "item_selected";
//    } else {
//      cssState = "item";
//    }
//    html += '<span class="' + cssState + '"><a href="#" onclick="changeDate(' + i + ')";>' + dateTypes[i] + '</a></span>';
//  }
//  dateRange.innerHTML = html;
//}

function displayViewType(){
  viewTypeDiv = document.getElementById('view_mode');
  var html = "";
  var cssState = "";
  for(i=0;i<viewTypes.length;i++) {
    if (i == g_selectedView) {
      cssState = "item_selected";
    } else {
      cssState = "item";
    }
    html += '<span class="' + cssState + '"><a href="#" onclick="changeView(' + i + ')";>' + viewTypes[i] + '</a></span>';
  }
  viewTypeDiv.innerHTML = html;
}


function initFilter() {
  //sortTypes = new Array();
  //sortTypes[0] = "Date";
  //sortTypes[1] = "Currently Popular";
  //sortTypes[2] = "Most Popular";
  sortTypes = new Array();
  sortTypes[0] = "Most Recent";
  sortTypes[1] = "Most Popular Now";
  sortTypes[2] = "Biggest Today";
  sortTypes[3] = "Yesterday";
  sortTypes[4] = "1w";
  sortTypes[5] = "1m";


//  dateTypes = new Array();
//  dateTypes[0] = "1h";
//  dateTypes[1] = "Today";
//  dateTypes[2] = "Yesterday";
//  dateTypes[3] = "1w";
//  dateTypes[4] = "1m";

  viewTypes = new Array();
  viewTypes[0] = "Headlines";
  viewTypes[1] = "Full";

}

function displayFilter(){
  displaySortType();
  //displayDateRange();  
  //displayViewType();
}
function displaySavedStoriesFilter() {
  displayViewType();
}

//function changeDate(index) {
//  toggleONthrobber('main_throbber');
//  g_selectedDate = index;
//  g_currentPage = 1;
//  //displayFilter();
//  displayDateRange();
//  doStories();
//}

function changeSort(index) {
  toggleONthrobber('main_throbber');
  g_selectedDate = index;
  if(index == 0) {
    g_selectedSort = 0;
  } else if(index == 1) {
    g_selectedSort = 1;
  } else if(index == 2) {
    g_selectedSort = 2;
  } else if(index = 3) {
    g_selectedSort = 2;
  } else if(index = 4) {
    g_selectedSort = 3;
  } else if(index = 5) {
    g_selectedSort = 4;
  }
  g_currentPage = 1;
  //displayFilter();
  displaySortType();
  doStories();
}

function changeView(index) {
  toggleONthrobber('main_throbber');
  g_selectedView = index;
  g_currentPage = 1;
  if(g_selectedView == 0) { g_pageSize = 40; } else { g_pageSize = 10;}
  //displayFilter();
  displayViewType();
  doStories();
}