var XBD_MINWIN_WIDTH = '1080';

function randomizeArray(input) {
  var len = input.length; 
  var index1 = 0;
  var index2 = 0;
  var temp;

  for (var i = 0; i < len; i++) {
    index1 = Math.floor(Math.random() * len);
    index2 = Math.floor(Math.random() * len);

    while (index1 == index2) {
      index2 = Math.floor(Math.random() * len);
    }

    temp = input[index2];
    input[index2] = input[index1];
    input[index1] = temp;
  }
  return input;
};

function getTriviaHtml() {
  var winWidth = document.documentElement.clientWidth || 1000;

  if (typeof xbdViewTimelineStr == 'undefined' || xbdViewTimelineStr == '') {
    xbdViewTimelineStr = 'View Timeline';
  }

  html = '' + 
    '<div id="xbd-trivia">' +
    '<ul class="g-section g-tpl-nest">' +
      '<li class="g-unit" id="xbd-trivia-lcol1" style="width: 32%">' +
        '<div id="q1">' +
          '<div id="trivia-img1"><img src="' + xbdTrivia[0][2] + '" alt="" /></div>' +
          '<div id="trivia-q1">' +
            '<div class="trivia-box">' +
              '<div class="trivia-title">' + xbdTrivia[0][0] + '</div>' +
              '<p><a href="' + xbdTrivia[0][3] + '" onclick="return timeline._answerSplashQuestion(event)">' + xbdTrivia[0][1] + '</a></p>' +
              
            '</div>' +
            '<div class="trivia-footer">&nbsp;</div>' +
          '</div>' +
        '</div>' +
      '</li>';
  if (winWidth < XBD_MINWIN_WIDTH) {
    html += '' +
      '<li class="g-unit" id="xbd-trivia-mcol1" style="visibility:hidden; display: none;">';
  } else {
    html += '' +
      '<li class="g-unit" id="xbd-trivia-mcol1" style="width:32%">';
  }
  html += '' + 
        '<div id="q3">' +
          '<div id="trivia-img3"><img src="' + xbdTrivia[2][2] + '" alt="" /></div>' +
          '<div id="trivia-q3">' +
            '<div class="trivia-box">' +
              '<div class="trivia-title">' + xbdTrivia[2][0] + '</div>' +
              '<p><a href="' + xbdTrivia[2][3] + '" onclick="return timeline._answerSplashQuestion(event)">' + xbdTrivia[2][1] + '</a></p>' +
            '</div>' +
            '<div class="trivia-footer">&nbsp;</div>' +
          '</div>' +
        '</div>' +
      '</li>' +
      '<li class="g-unit" id="xbd-trivia-rcol1" style="width: 32%">' +
        '<div class="g-button timeline-button">' +
          '<div><span><span>' +
            '<a onClick="javascript: pageTracker._trackPageview(\'/outgoing/landing/timeline/\');return timeline._skipSplash(true);" href="#start" hidefocus style="outline:none">' + xbdViewTimelineStr + ' &raquo;</a>' +
          '</span></span></div>' +
        '</div>' +
      '</li>' +
    '</ul>' +

    '<ul class="g-section g-tpl-nest">' +
      '<li class="g-unit" id="xbd-trivia-lcol2" style="width: 32%">' +
        '<div id="q2">' +
          '<div id="trivia-img2"><img src="' + xbdTrivia[1][2] + '" alt="" /></div>' +
          '<div id="trivia-q2">' +
            '<div class="trivia-box">' +
              '<div class="trivia-title">' + xbdTrivia[1][0] + '</div>' +
              '<p><a href="' + xbdTrivia[1][3] + '" onclick="return timeline._answerSplashQuestion(event)">' + xbdTrivia[1][1] + '</a></p>' +
            '</div>' +
            '<div class="trivia-footer">&nbsp;</div>' +
          '</div>' +
        '</div>' +
      '</li>';
  if (winWidth < XBD_MINWIN_WIDTH) {
    html += '' +
      '<li class="g-unit" id="xbd-trivia-mcol2" style="visibility:hidden; display: none;">';
  } else {
    html += '' +
      '<li class="g-unit" id="xbd-trivia-mcol2" style="width:32%">';
  }
  html += '' +
        '<div id="q4">' +
          '<div id="trivia-img4"><img src="' + xbdTrivia[3][2] + '" alt="" /></div>' +
          '<div id="trivia-q4">' +
            '<div class="trivia-box">' +
              '<div class="trivia-title">' + xbdTrivia[3][0] + '</div>' +
              '<p><a href="' + xbdTrivia[3][3] + '" onclick="return timeline._answerSplashQuestion(event)">' + xbdTrivia[3][1] + '</a></p>' +
            '</div>' +
            '<div class="trivia-footer">&nbsp;</div>' +
          '</div>' +
        '</div>' +
      '</li>' +
      '<li class="g-unit" id="xbd-trivia-rcol2" style="width:32%">' +
        '<div id="q5">' +
          '<div id="trivia-img5"><img src="' + xbdTrivia[4][2] + '" alt="" /></div>' +
          '<div id="trivia-q5">' +
            '<div class="trivia-box">' +
              '<div class="trivia-title">' + xbdTrivia[4][0] + '</div>' +
              '<p><a href="' + xbdTrivia[4][3] + '" onclick="return timeline._answerSplashQuestion(event)">' + xbdTrivia[4][1] + '</a></p>' +
            '</div>' +
            '<div class="trivia-footer">&nbsp;</div>' +
          '</div>' +
        '</div>' +
      '</li>' +
    '</ul>'+
    '</div>';
  if (winWidth < XBD_MINWIN_WIDTH) {
    html = html.replace(/32%/g, '49%');
  }

  return html;
}

function getCookie(name) {
  var dc = document.cookie;
  var prefix = name + "=";
  var begin = dc.indexOf("; " + prefix);
  if (begin == -1) {
    begin = dc.indexOf(prefix);
    if (begin != 0) return null;
  } else {
    begin += 2;
  }
  var end = document.cookie.indexOf(";", begin);
  if (end == -1)
    end = dc.length;
  return unescape(dc.substring(begin + prefix.length, end));
}

function getCookieField(cookieName, fieldName) {
  var cookie = getCookie(cookieName);

  if (!cookie) {
    return '';
  }

  var re = new RegExp(fieldName + '=([a-zA-Z0-1]*):');
  var reMatches = re.exec(cookie);

  if (reMatches) {
    return reMatches[1];
  }
  return '';
}

function checkWinSize() {
  var winHeight = document.documentElement.clientHeight || 600;
  var winWidth = document.documentElement.clientWidth || 900;

  var listItems = new Array('xbd-trivia-lcol1', 'xbd-trivia-mcol1',
                            'xbd-trivia-rcol1', 'xbd-trivia-lcol2',
                            'xbd-trivia-mcol2', 'xbd-trivia-rcol2');
  var liCount = listItems.length;
    
  if (winWidth < XBD_MINWIN_WIDTH) {
    document.getElementById('xbd-trivia-mcol1').style.display = "none";
    document.getElementById('xbd-trivia-mcol1').style.visibility = "hidden";
    document.getElementById('xbd-trivia-mcol2').style.display = "none";
    document.getElementById('xbd-trivia-mcol2').style.visibility = "hidden";
    for (var i=0; i < liCount; i++) {
      document.getElementById(listItems[i]).style.width = '49%';
    }
  } else {
    document.getElementById('xbd-trivia-mcol1').style.display = "block";
    document.getElementById('xbd-trivia-mcol1').style.visibility = "visible";
    document.getElementById('xbd-trivia-mcol2').style.display = "block";
    document.getElementById('xbd-trivia-mcol2').style.visibility = "visible";

    for (var i=0; i < liCount; i++) {
      document.getElementById(listItems[i]).style.width = '32%';
    }
  }
}
xbdTrivia = randomizeArray(xbdTrivia);

var xbdLang = getCookieField('PREF', 'LD');
var xbdDomHl = new Array();
xbdDomHl['ar'] = 'es'; xbdDomHl['au'] = 'en'; xbdDomHl['bo'] = 'es'; 
xbdDomHl['br'] = 'pt_br'; xbdDomHl['ca'] = 'en'; xbdDomHl['cl'] = 'es'; 
xbdDomHl['cn'] = 'cn'; xbdDomHl['co'] = 'es'; xbdDomHl['do'] = 'es'; 
xbdDomHl['ec'] = 'es'; xbdDomHl['sv'] = 'es'; xbdDomHl['sv'] = 'es'; 
xbdDomHl['fr'] = 'fr'; xbdDomHl['de'] = 'de'; xbdDomHl['gt'] = 'es'; 
xbdDomHl['hn'] = 'es'; xbdDomHl['hk'] = 'cn_hk'; xbdDomHl['in'] = 'en_gb'; 
xbdDomHl['ie'] = 'en_gb'; xbdDomHl['it'] = 'it'; xbdDomHl['jp'] = 'ja'; 
xbdDomHl['kr'] = 'ko'; xbdDomHl['mx'] = 'es'; xbdDomHl['nl'] = 'nl'; 
xbdDomHl['nz'] = 'en'; xbdDomHl['ni'] = 'es'; xbdDomHl['pa'] = 'es'; 
xbdDomHl['py'] = 'es'; xbdDomHl['pe'] = 'es'; xbdDomHl['pl'] = 'pl'; 
xbdDomHl['pr'] = 'es'; xbdDomHl['ru'] = 'ru'; xbdDomHl['sg'] = 'en'; 
xbdDomHl['es'] = 'es'; xbdDomHl['tw'] = 'b5'; xbdDomHl['th'] = 'th'; 
xbdDomHl['tr'] = 'tr'; xbdDomHl['uk'] = 'en_gb'; xbdDomHl['vi'] = 'en'; 
xbdDomHl['uy'] = 'es'; xbdDomHl['ve'] = 'es'; xbdDomHl['com'] = 'en';
if (xbdLang == '') {
  var hostname = window.location.hostname;
  var tld = hostname.substr(hostname.lastIndexOf('.') + 1, hostname.length);
  xbdLang = xbdDomHl[tld] || '';
}
if (typeof xbdLearnMoreStr == 'undefined') {
  var xbdLearnMoreStr = 'Learn more';
}
var xbdHelpsHtmlStr = 'Project 10 <sup>100</sup>';
var xbdHelpsHpLink = '<a onclick="javascript: pageTracker._trackPageview(\'/outgoing/landing/project10tothe100/\');" href="http://www.project10tothe100.com?hl=' + xbdLang + '">' + xbdLearnMoreStr + '</a>.';
var xbdHelpsLink = '<a href="http://www.project10tothe100.com?hl=' + xbdLang + '">' + xbdHelpsHtmlStr + '</a>.';