var mailHopsDisplay =
{
  resultBox:              null,
  resultText:             null,
  resultDetails:          null,
  container:              null,
  mapLink:                null,
  mailhopsDataPaneSPF:    null,
  mailhopsDataPaneDKIM:   null,
  mailhopsDataPaneMailer: null,
  mailhopsDataPaneDNSBL:  null,
  mailhopsResultWeather:  null,
  options:                null,

  init: function(options){

    this.options = options;

    this.container = document.getElementById("mailhopsBox");
    this.resultBox = document.getElementById("mailhopsResult");
    this.resultText = document.getElementById("mailhopsResultText");
    this.mailhopsResultWeather = document.getElementById("mailhopsResultWeather");
    this.resultDetails = document.getElementById("mailhopsDataPaneDetails");
    this.mapLink = document.getElementById("mailhopsMapLink");
    //auth
    this.mailhopsDataPaneSPF = document.getElementById("mailhopsDataPaneSPF");
    this.mailhopsDataPaneDKIM = document.getElementById("mailhopsDataPaneDKIM");
    this.mailhopsDataPaneMailer = document.getElementById("mailhopsDataPaneMailer");
    this.mailhopsDataPaneDNSBL = document.getElementById("mailhopsDataPaneDNSBL");

    //event listner for route click to launch map
    this.mailhopsDataPaneDNSBL.addEventListener("click", function () {
        if(this.hasAttribute('data-ip'))
          mailHopsUtils.launchSpamHausURL( this.getAttribute('data-ip') );
      });

    this.mapLink.addEventListener("click", function () {
      if(this.hasAttribute('data-route'))
        mailHopsUtils.launchMap( String(this.getAttribute('data-route')), options );
      });
  },

  lists: function( header_unsubscribe ){

  },

  auth: function( header_xmailer, header_useragent, header_xmimeole, header_auth, header_spf ){
    //SPF
    if(header_spf){
      header_spf=header_spf.replace(/^\s+/,"");
      var headerSPFArr=header_spf.split(' ');
      this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+headerSPFArr[0]);
      this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+headerSPFArr[0]+'.png)';
      this.mailhopsDataPaneSPF.setAttribute('tooltiptext',header_spf+'\n'+mailHopsUtils.spf(headerSPFArr[0]));
      this.mailhopsDataPaneSPF.style.display='block';
    } else {
      this.mailhopsDataPaneSPF.style.display='none';
    }
    //Authentication-Results
    //http://tools.ietf.org/html/rfc5451
    if(header_auth){
      var headerAuthArr=header_auth.split(';');
      var dkim_result;
      var spf_result;
      for(var h=0;h<headerAuthArr.length;h++){
        if(headerAuthArr[h].indexOf('dkim=')!=-1){
          dkim_result = headerAuthArr[h];
          if(header_spf)
            break;
        }
        if(!header_spf && headerAuthArr[h].indexOf('spf=')!=-1){
          spf_result = headerAuthArr[h];
          if(dkim_result)
            break;
        }
      }
      if(this.options.show_dkim && dkim_result){
        dkim_result=dkim_result.replace(/^\s+/,"");
        var dkimArr=dkim_result.split(' ');
        this.mailhopsDataPaneDKIM.setAttribute('value','DKIM: '+dkimArr[0].replace('dkim=',''));
        this.mailhopsDataPaneDKIM.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+dkimArr[0].replace('dkim=','')+'.png)';
        this.mailhopsDataPaneDKIM.setAttribute('tooltiptext',dkim_result+'\n'+mailHopsUtils.dkim(dkimArr[0].replace('dkim=','')));
        this.mailhopsDataPaneDKIM.style.display='block';
      } else {
        this.mailhopsDataPaneDKIM.style.display='none';
      }
      if(this.options.show_spf && spf_result){
        spf_result=spf_result.replace(/^\s+/,"");
        var spfArr=spf_result.split(' ');
        this.mailhopsDataPaneSPF.setAttribute('value','SPF: '+spfArr[0].replace('spf=',''));
        this.mailhopsDataPaneSPF.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/'+spfArr[0].replace('spf=','')+'.png)';
        this.mailhopsDataPaneSPF.setAttribute('tooltiptext',spf_result+'\n'+mailHopsUtils.spf(spfArr[0].replace('spf=','')));
        this.mailhopsDataPaneSPF.style.display='block';
      }
    } else {
      this.mailhopsDataPaneDKIM.style.display='none';
    }
    //X-Mailer, User-Agent or X-MimeOLE
    if(header_xmailer){
      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
      if(header_xmailer.indexOf('(')!=-1)
        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('(')));
      else if(header_xmailer.indexOf('[')!=-1)
        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer.substring(0,header_xmailer.indexOf('[')));
      else
        this.mailhopsDataPaneMailer.setAttribute('value',header_xmailer);
      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmailer);
      this.mailhopsDataPaneMailer.style.display='block';
    } else if(header_useragent){
      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';
      if(header_useragent.indexOf('(')!=-1)
        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('(')));
      else if(header_useragent.indexOf('[')!=-1)
        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent.substring(0,header_useragent.indexOf('[')));
      else
        this.mailhopsDataPaneMailer.setAttribute('value',header_useragent);
      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_useragent);
      this.mailhopsDataPaneMailer.style.display='block';
    } else if(header_xmimeole){
      this.mailhopsDataPaneMailer.style.backgroundImage = 'url(chrome://mailhops/content/images/email.png)';

      if(header_xmimeole.indexOf('(')!=-1)
        header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('('));
      else if(header_xmimeole.indexOf('[')!=-1)
        header_xmimeole = header_xmimeole.substring(0,header_xmimeole.indexOf('['));

      if(header_xmimeole.indexOf('Produced By ')!=-1)
        this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole.replace('Produced By ',''));
      else
        this.mailhopsDataPaneMailer.setAttribute('value',header_xmimeole);

      this.mailhopsDataPaneMailer.setAttribute('tooltiptext',header_xmimeole);
      this.mailhopsDataPaneMailer.style.display='block';
    } else {
      this.mailhopsDataPaneMailer.style.display='none';
    }
  },

  error: function(status,data){
    this.container.removeAttribute("route");
    this.resultText.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/error.png)';

    if(data && data.error){
      this.resultText.setAttribute('value', status+': '+data.error.message);
      this.resultText.setAttribute('tooltiptext',data.error.message);
    } else {
      this.resultText.setAttribute('value', ' Service Unavailable.');
      this.resultText.setAttribute('tooltiptext',' Could not connect to MailHops API.');
    }
  },

  clear: function(no_ips){

    this.mailhopsDataPaneDNSBL.style.display = 'none';
    this.mailhopsResultWeather.style.display = 'none';

    if(no_ips){
      this.resultText.style.backgroundImage='url(chrome://mailhops/content/images/loader.gif)';
      this.resultText.setAttribute('value',' Looking Up Route');
      this.resultText.setAttribute('tooltiptext',' Looking Up Route');
    } else {
      this.resultText.style.backgroundImage = 'url(chrome://mailhops/content/images/loader.gif)';
      this.resultText.value = ' Looking Up Route';
      this.resultText.setAttribute('tooltiptext','Looking Up Route');
    }
  },

  route: function ( header_route, message, response, meta, lookup_url ){

  var displayText=''
    , distanceText=''
    , image='chrome://mailhops/content/images/local.png'
    , weather=null
    , first=null;

  //remove child details
  while(this.resultDetails.firstChild) {
      this.resultDetails.removeChild(this.resultDetails.firstChild);
  }

  if(response && response.route && response.route.length){

      if(this.options.client_location){
        var client_location = JSON.parse(this.options.client_location);
        //get distance from last route to client_location and add to response.distance.miles or kilometers
        if(!response.route[response.route.length-1]['private']){
          if(this.options.unit=='km')
            response.distance.kilometers += mailHopsUtils.getDistance(response.route[response.route.length-1],client_location.route[0],this.options.unit);
          else
            response.distance.miles += mailHopsUtils.getDistance(response.route[response.route.length-1],client_location.route[0],this.options.unit);
        }
        //push client location to the end of the route
        response.route.push(client_location.route[0]);
      }
      for(var i=0; i<response.route.length;i++){
            //get the first hop location
            if(!first && !response.route[i].private && !response.route[i].client){
              first = response.route[i];
              if(!!response.route[i].countryCode)
                image='chrome://mailhops/content/images/flags/'+response.route[i].countryCode.toLowerCase()+'.png';
                if(response.route[i].city)
                  this.resultText.setAttribute('tooltiptext','From '+response.route[i].city+', '+response.route[i].state);
                else
                  this.resultText.setAttribute('tooltiptext','From '+response.route[i].countryName);
            }

            var menuitem = document.createElement('menuitem');
            var label = '';

            menuitem.setAttribute('class','menuitem-iconic');

            if(response.route[i].countryCode)
              menuitem.setAttribute('image','chrome://mailhops/content/images/flags/'+response.route[i].countryCode.toLowerCase()+'.png');
            else
              menuitem.setAttribute('image','chrome://mailhops/content/images/local.png');

            if(response.route[i].city){
              if(response.route[i].city && response.route[i].state)
                label='Hop #'+(i+1)+' '+response.route[i].city+', '+response.route[i].state;
              else
                label='Hop #'+(i+1)+' '+response.route[i].city+', '+response.route[i].countryCode;

              menuitem.setAttribute('tooltiptext','Click for WhoIs');
              menuitem.setAttribute('data-ip',response.route[i].ip);
              menuitem.addEventListener("click", function () {
                  mailHopsUtils.launchWhoIs(this.getAttribute('data-ip'));
                }
              , false);
          } else if(response.route[i].countryName){
            label='Hop #'+(i+1)+' '+response.route[i].countryName;
            menuitem.setAttribute('tooltiptext','Click for WhoIs');
            menuitem.setAttribute('data-ip',response.route[i].ip);
            menuitem.addEventListener("click", function () {
                  mailHopsUtils.launchWhoIs(this.getAttribute('data-ip'));
                }
              , false);
          } else {
            label='Hop #'+(i+1)+' Private';
          }

          label+=' '+response.route[i].ip;

          if(response.route[i].host)
              label+=' '+response.route[i].host;
          if(response.route[i].whois && response.route[i].whois.descr)
              label+=' '+response.route[i].whois.descr;
          if(response.route[i].whois && response.route[i].whois.netname)
              label+=' '+response.route[i].whois.netname;

          menuitem.setAttribute('label',label);

          //append weather
          if(!weather && response.route[i].weather){
            weather = response.route[i].weather;
          }

          //append details
          this.resultDetails.appendChild(menuitem);

            //auth & dnsbl
          if(!response.route[i].private && response.route[i].dnsbl && response.route[i].dnsbl.listed){
            this.mailhopsDataPaneDNSBL.setAttribute('value','Blacklisted '+mailHopsUtils.dnsbl(response.route[i].dnsbl.record,true));
            this.mailhopsDataPaneDNSBL.setAttribute('data-ip',response.route[i].ip);
            if(response.route[i].dnsbl.record)
              this.mailhopsDataPaneDNSBL.setAttribute('tooltiptext','Click for more details.\n'+mailHopsUtils.dnsbl(response.route[i].dnsbl.record));
            else
              this.mailhopsDataPaneDNSBL.setAttribute('tooltiptext','Click for more details.');
            this.mailhopsDataPaneDNSBL.style.backgroundImage = 'url(chrome://mailhops/content/images/auth/bomb.png)';
            this.mailhopsDataPaneDNSBL.style.display = 'block';
          }
        }
    }

    //set weather of sender
    if(weather){
      this.mailhopsResultWeather.style.display = 'block';
      this.mailhopsResultWeather.setAttribute('tooltiptext',new Date(weather.time*1000));
      this.mailhopsResultWeather.value = weather.summary+' '+Math.round(weather.temp)+'\u00B0';
      this.mailhopsResultWeather.style.backgroundImage = 'url('+mailHopsUtils.getWeatherIcon(weather.icon)+')';
    }

    if(image.indexOf('local')!=-1) {
      displayText = ' Local message.';
    } else {

      if(!!first){
        if(!!first.city && !!first.state)
            displayText = first.city+', '+first.state;
        else if(!!first.city)
            displayText = first.city+', '+first.countryCode;
        else if(!!first.countryName)
            displayText = first.countryName;
      }

      if(response.distance){
        if(this.options.unit=='km' && response.distance.kilometers > 0)
          distanceText = mailHopsUtils.addCommas(Math.round(response.distance.kilometers))+' km traveled';
        else if(response.distance.miles > 0)
          distanceText = mailHopsUtils.addCommas(Math.round(response.distance.miles))+' mi traveled';
      } else if(displayText=='')
        displayText = ' Local message.';
    }

    if(message.time != null){
      message.time = message.time/1000;
      if(message.time < 60)
        distanceText += ' in '+message.time+' sec.';
      else if(message.time<3600) //something is wrong if it takes this long
        distanceText += ' in '+Math.round(message.time/60)+' min.';
      else //something is wrong if it takes this long
        distanceText += ' in '+Math.round(message.time/60/60)+' hrs.';
    }

    if(header_route)
      this.mapLink.setAttribute("data-route", header_route);
    else
      this.mapLink.removeAttribute("data-route");

    this.resultText.setAttribute('value', displayText+' ( '+distanceText+' )');
    this.resultText.style.backgroundImage = 'url('+image+')';
  }//end route
};