var homeheader = {
  
  LEFT: 1,
  RIGHT: 2,

  showHomeHeader: function(i, d) {
    var header = jq("#header"+i);
    var others = jq(".headercontent:not(#header"+i+")");
    var dir = d == homeheader.LEFT ? '+' : '-';
    var pos = d == homeheader.LEFT ? '-' : '';
    header.css('left', pos+'621px');
    header.show();
    jq('#homeheader .previmage, #homeheader .nextimage').hide();
    header.animate({'left': dir+'=621px'}, 500, 'easeInOutExpo', function() { jq(this).find('.previmage, .nextimage').fadeIn(1000); });
    others.animate({'left': dir+'=621px'}, 500, 'easeInOutExpo', function() { jq(this).hide(); });
  },
  
  initHomeHeader: function() {
    jq('#homeheader .previmage a, #homeheader .nextimage a').each(function(i, elm) {
      elm = jq(elm);
      if (elm.attr('href') != 'javascript://') {
        var href = elm.attr('href');
        var image = href.split('=')[1];
        elm.attr('id', 'image' + image);
        elm.attr('href', 'javascript://');
        elm.click(function() {
          var link = jq(this);
          var image = link.attr('id').replace('image', '');
          var direction = jq(this.parentNode).hasClass('previmage') ? homeheader.LEFT : homeheader.RIGHT;
          if (document.getElementById('header'+image)) {
            homeheader.showHomeHeader(image, direction);
          } else {
            if (direction == homeheader.LEFT)
              jq.get('@@homeheader', {
                'image': image
              }, function(responseText, textStatus, XMLHttpRequest) {
                jq('#homeheader').append(responseText);
                window.setTimeout(function() {
                  homeheader.initHomeHeader();
                  homeheader.showHomeHeader(jq('#homeheader .headercontent:last').attr('id').replace('header', ''), homeheader.LEFT);
                }, 50);
              });
            else
              jq.get('@@homeheader', {
                'image': image
              }, function(responseText, textStatus, XMLHttpRequest) {
                jq('#homeheader').append(responseText);
                window.setTimeout(function() {
                  homeheader.initHomeHeader();
                  homeheader.showHomeHeader(jq('#homeheader .headercontent:last').attr('id').replace('header', ''), homeheader.RIGHT);
                }, 50);
              });
          }
        });
      }
    });
  }
}

jq(document).ready(function() {
  homeheader.initHomeHeader();
  jq('#homeheader .headercontent:first').css('left', '0');
  jq('#homeheader').addClass('jsenabled');
  jq('#homeheader').prepend('<div class="overlay top"> </div><div class="overlay bottom"> </div>');
});