var LoginBox = Class.extend({

  use$: true,
  userInfo: {},

  init: function () {
    if (!$.cookie) {
      this.use$ = false;
    }
    if (this.isLoggedIn()) {
      this.getInfo();
    } else {
      this.showLoginForm();
    }
  },

  isLoggedIn: function () {

    var loggedIn = true;

    if (this.use$) {
      if (!$.cookie('c_user_id')) {
        loggedIn = false;
      }
    } else {
      if (!jQuery.cookie('c_user_id')) {
        loggedIn = false;
      }
    }
    return loggedIn;
  },

  login: function () {
    
  },

  logout: function () {
    
  },

  history: function () {
    
  },

  favorites: function () {
    
  },

  editProfile: function () {
    
  },

  parseInfo: function (xml) {
    if (xml.hasChildNodes()) {
      xml = xml.firstChild;
      if (xml.hasChildNodes()) {
        var nm = xml.getElementsByTagName("name");
        if (nm.length > 0) {
          nm = nm[0];
        }
        this.userInfo.name = nm.firstChild.nodeValue;
      }
    }

    this.showInfo();
  },

  getInfo: function () {
    var par = this;
    var aj = new Ajax.Request('/?id='+ajax_page+'&action=login&subaction=info', {
      onComplete: function (rep) {
        par.parseInfo(rep.responseXML);
      }
    });

    //aj.request('/?id=28240&action=login&subaction=info');
    //aj.request('/?id=29597&action=login&subaction=info');
    //aj.request('/?id='+ajax_page+'&action=login&subaction=info');
  },

  showInfo: function () {

    var info = this.userInfo;

    //$('loginHeader').innerHTML = 'Velkommen';
    $('loginWellcome').innerHTML = ' ' + info.name;

    var ul = jQuery('<ul></ul>');
      var li1 = jQuery('<li><a href="/?id=29685">Historik</a></li>');
      var li2 = jQuery('<li><a href="/?id=30500">Favoritliste</a></li>');
      var li3 = jQuery('<li><a href="/index.php?action=edit_profile&id=29687">Ret Profil</a></li>');
      var li4 = jQuery('<li><a href="/logout.php">Logud</a></li>');

      li1.appendTo(ul);
      li2.appendTo(ul);
      li3.appendTo(ul);
      li4.appendTo(ul);
    ul.appendTo($('loginBlock'));

    /*<ul>
      <li><a href="#">Historik</a></li>
      <li><a href="#">Favoritliste</a></li>
      <li><a href="#">Ret Profil</a></li>
    </ul>
    <div class="button-green">
      <div class="btn-holder">
        <a href="#">Log ud</a>
      </div>
    </div>*/
  },

  showLoginForm: function () {
    if ($('loginHeader')) {
      $('loginHeader').innerHTML = 'Login';

      var ret = jQuery('<a href="/index.php?action=add_profile&id=29687">Opret profil</a>');
      ret.appendTo($('loginHeader'));
      
      var fordele = jQuery('<a href="/fordele-29686.htm">Fordele</a>');
      fordele.appendTo($('loginHeader'));

      var par = this;

      var form = jQuery('<form action="/login.php" method="POST"></form>');
        var row1 = jQuery('<div id="loginRowUsername"></div>');
          var inp1 = jQuery('<input value="Brugernavn" type="text" name="login" />');
          inp1.bind('focus', function (e) {
            if (!e) {
              e = window.event;
            }
            var target = par.getTarget(e);
            if (target.value == 'Brugernavn') {
              target.value = '';
            }
          });
          inp1.bind('blur', function (e) {
            if (!e) {
              e = window.event;
            }
            var target = par.getTarget(e);
            if (target.value == '') {
              target.value = 'Brugernavn';
            }
          });
          var lab1 = jQuery('<label></label>');
          inp1.appendTo(row1);
          lab1.appendTo(row1);
        var row2 = jQuery('<div id="loginRowPassword"></div>');
          var inp2 = jQuery('<input value="Kodeord" type="password" name="passwd" />');
          inp2.bind('focus', function (e) {
            if (!e) {
              e = window.event;
            }
            var target = par.getTarget(e);
            if (target.value == 'Kodeord') {
              target.value = '';
            }
          });
          inp2.bind('blur', function (e) {
            if (!e) {
              e = window.event;
            }
            var target = par.getTarget(e);
            if (target.value == '') {
              target.value = 'Kodeord';
            }
          });
          inp2.appendTo(row2);
        row1.appendTo(form);
        row2.appendTo(form);

        var row3 = jQuery('<div></div>');
          var subm = jQuery('<input class="green-on-white-but" type="submit" name="submit" value="Login" />');
          //var res = jQuery('<input class="green-on-white-but" type="reset" name="res" value="Annuler" />');
          var hid = jQuery('<input type="hidden" name="url_to_go" value="/" />');
          var helpText = jQuery('<div class="login_help_text">(Ikke nødvendigt for at handle)</div>');

          subm.appendTo(row3);
          helpText.appendTo(row3);
          //res.appendTo(row3);
          hid.appendTo(row3);
        row3.appendTo(form);


      form.appendTo($('loginBlock'));
    }
  },

  getTarget: function (e)
  {
    var target = e.target ? e.target : e.srcElement ? e.srcElement : null;
    if (target.nodeType == 3) {
      target=target.parentNode;// handle Safari bug
    }
    return target;
  }


});