var wayixia_errors = [];
var wayixia_source_tab_id = null;
var wayixia_help_menu = null;
var wayixia_tocloud_menu = null;
var wayixia_save_menu = null;
var wayixia_report_window = null;
var wayixia_ui_wndx = null;
var wayixia_request_data = {imgs: [], data: {}};

Q.ready(function() {

document.body.ondragstart  =function() { return false; }
document.body.onselectstart=function() { return false; }

// set locale
Q.set_locale_text(locale_text);

// shortcut
//Q.addEvent(document, 'keyup', function(evt) {
  //var evt = evt || window.event;
  //var kcode = evt.which || evt.keyCode;
  //if(kcode == 27) {// ESC
  //  wayixia_track_event('deactive', 'shortcut-ESC');
  //  deactive();
  //}
//});

// display and screenshot view
if(Q.$('wayixia-bugs')) {

Q.$('wayixia-bugs').title = Q.locale_text('extReportABug');
} // Q.$('wayixia-bugs')


if(Q.$('wayixia-help')) { // wayixia-help

// init drop menu
wayixia_help_menu = new Q.Menu({
  style: "wayixia-menu", 
  on_popup: function(popup) {
    if(popup) {
      Q.addClass(Q.$('wayixia-help'), "q-active");
    } else {
      Q.removeClass(Q.$('wayixia-help'), "q-active");
    }
  }
}); 

var menu_help= new Q.MenuItem({
  text: Q.locale_text("extHelpFAQ"),
  callback : function(menuitem) {
    window.open("https://www.wayixia.com/extension/faq");
  }
});

var menu_report_a_bug = new Q.MenuItem( { 
  text : Q.locale_text( 'extReportABug' ),
  callback: function( menuitem ) {
    report_a_bug();
  }
} );

var menu_about = new Q.MenuItem( {
  text : Q.locale_text( 'extContact' ),
  callback : function( menuitem ) {
    window.open( 'https://www.wayixia.com/extension/about' );
  }
} );

wayixia_help_menu.addMenuItem(menu_report_a_bug);
wayixia_help_menu.addMenuItem(menu_help);
wayixia_help_menu.addMenuItem(menu_about);

if( /^zh(-)?/ig.test( navigator.language ) ) {
  var menu_qq_qun = new Q.MenuItem( {
    text : '加入QQ群',
    callback : function( menuitem ) {
      window.open( 'http://shang.qq.com/wpa/qunwpa?idkey=3c8fbe3b139d688a48eb8d1031f8d96bc9472d41904ecb78764170f4866b6e85' );
    }
  } );

  wayixia_help_menu.addMenuItem(menu_qq_qun);
}
wayixia_help_menu.hide();

// init menu button
Q.$('wayixia-help').onclick = function(evt) {
  wayixia_help_menu.showElement(this, evt);
}

} // wayixia-help


if( Q.$('wayixia-donate') ) {
  Q.$('wayixia-donate').onclick = function() {
    wayixia_track_button_click(this);
    window.open( 'https://www.wayixia.com/extension/about#donate' );
  }
}

});

function background_warning(o) {
  wayixia_errors.push(o);
  if(wayixia_errors.length > 0) {
    Q.$('wayixia-bugs-num').style.visibility = 'visible';
    Q.$('wayixia-bugs-num').innerText = (wayixia_errors.length>9)?'N':wayixia_errors.length;
    Q.$('wayixia-bugs').title = wayixia_errors.length + ' ' + Q.locale_text('stringDownloadError') ;
  } else {
    Q.$('wayixia-bugs-num').style.visibility = 'hidden';
    Q.$('wayixia-bugs').title = Q.locale_text('extReportABug');  //"feedback & suggestions to us.";
  }
}


function deactive() {
    back2page();
    window.close();
}

function back2page() {
  if(wayixia_source_tab_id) {
    chrome.tabs.update(wayixia_source_tab_id, {selected: true});
  }
}

function ui(f) {
  if(wayixia_ui_wndx) {
    f(wayixia_ui_wndx);
  } else {
    wayixia_ui_wndx = new Q.UI({src: 'wndx_template.html', oncomplete:  function(ok) {
      if(ok) {
        // bind css style from template file
        wayixia_ui_wndx.bindCss();
        f(wayixia_ui_wndx);
      } else
        Q.printf('Load template of wndx failed. File is not exists.');
    }});
  }
}

function dismiss(d) {
  (new Q.Animate({ 
    tween: 'cubic', ease: 'easyin',
    max: 1000, begin: 0, duration: 100,
    bind : function(x) {
      if(x == this.max) {
        d.end();
      } else {
        d.wnd().style.opacity = ((this.max-x)*1.0) / this.max;
      }
    }
  })).play();
}

function message_box( json ) {
  var json = json || {};
  json.wstyle = "w-window";
  json.title = document.title;
  json.icon = json.icon || "info";
  json.content = "<div class=\"q-alert-content q-alert-"+json.icon+"\">"+json.content+"</div>";

  Q.alert( json );
}


/** \brief Check user is login
 *
 */
function check_login_dialog() 
{
  var extension = chrome.extension.getBackgroundPage();
  if( !extension.user_is_login() ) {
    // must login
    var wnd = window.open( 
      "https://www.wayixia.com/index.php?mod=user&action=login&refer=" + encodeURIComponent( 'https://www.wayixia.com/close.htm' ) );
    var timer = setInterval( function() {
    if(wnd.closed) {
      clearInterval(timer);
      chrome.extension.sendMessage( { action:"userstatus" } );
      }
    }, 1000 );
      
    return false;
  }

  return true;
}

function popup_tocloud_menu( e, evt, f ) 
{
  var extension = chrome.extension.getBackgroundPage();
  evt = evt || window.event;
  // init drop menu
  if( wayixia_tocloud_menu ) {
    delete wayixia_tocloud_menu;
  }
  wayixia_tocloud_menu = new Q.Menu({
    style: "wayixia-menu", 
    on_popup: function(popup) {
      if(popup) {
        Q.addClass( e, "checked");
      } else {
        Q.removeClass( e, "checked");
      }
    }
  });   
  wayixia_tocloud_menu.hide();
  var albums = [{id: -1, name: Q.locale_text("menuSaveToNewAlbum") } ];
  var last_album = extension.wayixia.last_album;
  if( last_album && ( last_album.id > 0 ) ) {
    albums.push( last_album );
  }
  albums.push({ type: "seperate" });
  albums = albums.concat( extension.wayixia.albums);
  var more_menu = null;

  for( var i=0; i < albums.length; i++ ) {
    // Add submenu item
    var album = albums[i];
    var item = new Q.MenuItem( {
      text : album.name,
      type: ( ( album.type && album.type=="seperate" ) ? MENU_SEPERATOR : MENU_ITEM ),
      callback : ( function(a) { return function( menuitem ) {
        if( a.id == -1 ) {
          // Save to new album
          create_newalbum_save( f );
        } else {
          // Save last album
          extension.set_last_album( a );
          f( a );
        }
      } } )(album)
    } );

    if( i > 22 ) {
      if( !more_menu ) {
        more_menu = new Q.MenuItem( {
          text: Q.locale_text('stringMoreBoards'),
          style: "wayixia-menu", 
          callback: function(menuitem) {
          
          }
        } );
        wayixia_tocloud_menu.addMenuItem( more_menu );
      }

      more_menu.addSubMenuItem( item );
      continue;
    }
    wayixia_tocloud_menu.addMenuItem( item );
  }

  wayixia_tocloud_menu.showElement( e, evt );
}

function popup_save_menu( e, evt, f ) 
{
  var extension = chrome.extension.getBackgroundPage();
  evt = evt || window.event;
  // init drop menu
  if( wayixia_save_menu ) {
    delete wayixia_save_menu;
  }
  wayixia_save_menu = new Q.Menu({
    style: "wayixia-menu", 
    on_popup: function(popup) {
      if(popup) {
        Q.addClass( e, "checked");
      } else {
        Q.removeClass( e, "checked");
      }
    }
  });   
  wayixia_save_menu.hide();
  var sites = [
    {id: -1, name: Q.locale_text("menuSaveToSiteFolder") }, 
    {id: -2, name: Q.locale_text("menuManageSiteFolder") } 
  ];
  var last_site = extension.last_site();
  if( last_site.name ) {
    sites.push( last_site );
  }
  sites.push({ type: "seperate" });
  sites = sites.concat( extension.sites() );
  var more_menu = null;

  for( var i=0; i < sites.length; i++ ) {
    // Add submenu item
    var site = sites[i];
    if( !site ) {
      continue;
    }
    var item = new Q.MenuItem( {
      text : site.name,
      type: ( ( site.type && site.type=="seperate" ) ? MENU_SEPERATOR : MENU_ITEM ),
      callback : ( function(a) { return function( menuitem ) {
        if( a.id == -1 ) {
          // Save to new site
          create_newsite_save( f );
        } else if( a.id == -2 ) {
          // Manage sites
          manage_sites_folder();
        } else {
          // Save last site
          extension.set_last_site( a );
          f( a );
        }
      } } )(site)
    } );

    if( i > 22 ) {
      if( !more_menu ) {
        more_menu = new Q.MenuItem( {
          text: Q.locale_text('stringMoreBoards'),
          style: "wayixia-menu", 
          callback: function(menuitem) {
          
          }
        } );
        wayixia_save_menu.addMenuItem( more_menu );
      }

      more_menu.addSubMenuItem( item );
      continue;
    }
    wayixia_save_menu.addMenuItem( item );
  }

  wayixia_save_menu.showElement( e, evt );
}



/** @brief Create new album and execute f when operation is ok 
 *
 */
function create_newalbum_save( f ) 
{
// load template
ui( function(t) {    
  var tpl = t.template('wndx-newalbum');
  // i18n 
  extract_document(tpl);
  var dlg = Q.alert({
    wstyle: 'w-window',
    title: Q.locale_text("menuSaveToNewAlbum"),
    content: tpl,
    width: 350,
    height: 200,
    on_ok : function() {
      var album_name = this.item( 'album-name' ).value;
      if(!album_name) {
        this.item('msg').innerText = Q.locale_text('stringBoardNameEmpty');
        return false;
      }

      Q.ajaxc({
        command: 'https://www.wayixia.com/?mod=album&action=create-new&inajax=true',
        withCredentials: true,
        noCache:true,
        method:"post",
        queue: true,
        continueError: true,
        data : {album_name:album_name},
        oncomplete : function(xmlhttp) {
          try {
          var res = Q.json_decode(xmlhttp.responseText);
          if( ( res.header == 0 ) && ( res.data.album_id > 0 ) ) {
            var extension = chrome.extension.getBackgroundPage();
            var newalbum = { id: res.data.album_id, name: res.data.album_name };
            extension.set_last_album( newalbum );
            f( newalbum );
            dismiss( dlg );
          } else {
            dlg.item('msg').innerText = res.data;
          }
          } catch (e) {
            dlg.item('msg').innerText = "error: " + e.message + "\n" + xmlhttp.responseText ;
          }        
        }
      }); // end ajax
      return false;
    }
  });
}); // end ui
} // end create_newalbum_save


/** @brief Create new site folder to save folder 
 *
 */
function create_newsite_save( f ) 
{
// load template
ui( function(t) {    
  var tpl = t.template('wndx-newsite');
  // i18n 
  extract_document(tpl);
  var dlg = Q.alert({
    wstyle: 'w-window',
    title: Q.locale_text("menuSaveToSiteFolder"),
    content: tpl,
    width: 350,
    height: 200,
    on_ok : function() {
      var album_name = this.item( 'site-name' ).value;
      if(!album_name) {
        this.item('msg').innerText = Q.locale_text('stringNameEmpty');
        return false;
      }

      var extension = chrome.extension.getBackgroundPage();
      var newsite = { id: 0, name: album_name };
      if( extension.is_site_exists( newsite ) ) {
        this.item('msg').innerText = Q.locale_text('stringNameExists');
      } else {
        extension.add_site( newsite );
        extension.set_last_site( newsite );
        f( newsite );
        extension.saveconfig();
        dismiss( dlg );
      }
      return false;
    }
  });
}); // end ui
} // end create_newsite_save


/** @brief Manage sites folder
 *
 */
function manage_sites_folder() {
// load template
ui( function( t ) {
  var tpl = t.template('wndx-sites');
  extract_document( tpl );
  var dlg = new Q.Dialog( {
    wstyle: 'w-window',
    title: Q.locale_text("menuManageSiteFolder"),
    content: tpl,
    width: 380,
    height: 300,
    on_create: function() {
      var extension = chrome.extension.getBackgroundPage();
      var columns = [
        { name: 'name', title: Q.locale_text('stringName'), align:'left', width: 280, isHTML: true },
        { name: 'name', title: Q.locale_text('stringOperation'), align:'center', width: 80, isHTML: true, renderer : function(record) { return "<font class=\"remove-site\" style=\"text-decoration: underline; cursor: hand;\"> " + Q.locale_text('stringRemove') + " </font>"; }, }
      ];

      var store = new Q.Store({
        data: extension.sites()
      });
    
      //init Q.table
      this.table = new Q.Table({ 
        id: tpl,
        title: "",
        wstyle: "q-attr-no-title",
        columns: columns,  
        store: store,
        row_height: 21,
        row_onclick : function( row, evt ) {
          var data = this.getRecord(row);
          var e = Q.isNS6() ? evt.target : evt.srcElement;
          if( e.className == "remove-site" ) {
            this.row_remove( row );
            extension.remove_site( data );
            if( data.name == extension.last_site().name ) {
              extension.set_last_site( { name : "" } );
            }
            extension.saveconfig();
          }
        }
      });
    
      
    },
    on_ok : function() {
      return true;
    }
  } );
  
  dlg.domodal();
  dlg.table.autosize();

} );

}





function clear_errors() {
  wayixia_errors = [];
  Q.$('wayixia-bugs-num').style.visibility = 'hidden';
  Q.$('wayixia-bugs').title = Q.locale_text('extReportABug');
}

function report_a_bug( evt ) {
  wayixia_track_event('report_a_bug', 'report_a_bug');
  ui(function(t) {
    var tpl = t.template('wndx-errors');
    var item_tpl = t.template('wndx-item-errors');
    // i18n 
    extract_document(tpl);
    wayixia_report_window = new Q.Dialog({
      title: Q.locale_text('extReportABug'),
      width: 650,
      height: 475, 
      wstyle: "w-window",
      content:  tpl,
      //on_close: function() { this.end(CONST.IDCANCEL);  wayixia_report_window = null; },
      on_create: function() {
        // init dialog
        var d = this;
        d.email = d.item('email');
        d.type  = d.item('type');
        d.message = d.item('message');
        if(wayixia_errors.length > 0) {
          // set error message
          d.type.value = Q.locale_text("stringDownloadImageFailed");
          d.type.disabled = true;
          Q.$('wayixia-bugs-num').style.visibility = 'hidden';
          Q.$('wayixia-bugs').title = Q.locale_text('extReportABug');
        }
      },
      buttons: [
        { text: Q.locale_text('qSubmit'), 
          onclick : function() {
            var d = wayixia_report_window;
            var props = {};

            if(d.type.value == "") {
              alert(Q.locale_text('stringChooseAnBugType'));
              d.type.focus();
              return;
            }

            var expr_email = /^[a-zA-Z0-9\-\.]+@[0-9a-zA-Z\-]+\.\w+$/;
            if(!expr_email.test(d.email.value)) {
              alert(Q.locale_text('stringInvalidEmailFormat'));
              d.email.focus();
              return false;
           }
            props.uri = wayixia_request_data.data.pageUrl || "null";
            props.type = d.type.value;
            props.message = d.message.value;
            props.email = d.email.value;
            props.useragent = navigator.userAgent;
            wayixia_bugs_service.report_a_bug(props, function(r) {
              dismiss(d);
            })
            return false; 
          }
        },
        {text: Q.locale_text('qCancel'), style: "q-syscancelbtn", onclick : function() { return true; }},
      ]
    });

    wayixia_report_window.domodal();
  });
}

///////////////// wayixia service ////////////////////////////////////


var service = Q.extend({
api: null, 
__init__: function(json) {
  json = json || {};
  this.api = json.api;
},

call : function(method, params, f) {
  var invalid_data = -2;
  Q.ajaxc({
    command: this.api + method,
    data: params,
    oncomplete : function(xmlhttp) {
      var res = Q.json_decode(xmlhttp.responseText);
      if(!res)
        f(invalid_data, {});
      else
        f(res.header, res.data);
    },
    onerror : function(xmlhttp) {
      f(xmlhttp.status, {});
    }
  });

},

});


var bugs_service = service.extend({
__init__: function(json) {
  json = {api: "https://www.wayixia.com/?mod=bugs&inajax=true&action="};
  service.prototype.__init__.call(this, json);
},

report_a_bug : function(props, f) {
  this.call("report_a_bug", {props: props}, f);
},

});

var wayixia_bugs_service = new bugs_service;

///////////////// wayixia service end/////////////////////////////////