// jstyle.js

// Javascript Extension Begin

var Jx = new function() {
  this.Version = "Version 1.6.3.0041 (2009-03-18)";
  this.IsGecko = ((navigator.userAgent.toLowerCase().indexOf('gecko') != -1) 
    && (navigator.userAgent.toLowerCase().indexOf('khtml') == -1));
  this.IsIE = !!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1);
  this.IsStupidIE6 = this.IsIE && (!window.XMLHttpRequest);
  this.Extend = function(dest, mtds) {
    if(dest == HtmlObject.prototype) {this.HtmlExtensions.push(mtds); return;}
    if(dest == TextArea.prototype) {this.TextAreaExtensions.push(mtds); return;}
    for(var name in mtds) {dest[name] = mtds[name];}
    if(!Jx.IsGecko && mtds.toString != Object.prototype.toString) {
      dest.toString = mtds.toString; // Stupid IE ignores all "toString" key.
    }
  }
  this.ExtendAll = function(dest, arrmtds) {
    for(var i = 0; i < arrmtds.length; i ++) {this.Extend(dest, arrmtds[i]);}
  }
  this.HtmlExtensions = [];
  this.TextAreaExtensions = [];
  this.ExtendHtml = function(d) {
    if(!d._HTMLObjectExtended) {
      if(this.IsGecko) {d = HTMLElement.prototype;}
      this.ExtendAll(d, this.HtmlExtensions);
      d._HTMLObjectExtended = true;
    }
  }
  this.ExtendTextArea = function(d) {
    if(d.tagName && (d.tagName.toLowerCase() == "textarea") && (!d._TextAreaExtended)) {
      this.ExtendAll(d, this.TextAreaExtensions);
      d._TextAreaExtended = true;
    }
  }
  window.HtmlObject = {};
  window.HtmlObject.prototype = {};
  window.TextArea = {};
  window.TextArea.prototype = {};
}

var $A = function(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) return iterable.toArray();
  var length = iterable.length, results = new Array(length);
  while (length--) results[length] = iterable[length];
  return results;
}

var $ = function(el) {
  if(Jx.IsString(el)) {el = document.getElementById(el);}
  if(!el) {return el;}
  Jx.ExtendHtml(el);
  Jx.ExtendTextArea(el);
  return el;
}

var $Class = function() {
  var baseClass = null, properties = $A(arguments);
  if (Jx.IsFunction(properties[0])) {baseClass = properties.shift();}

  var NewObj = function() {
    var obj = baseClass ? new baseClass : new Object;
    obj.Initialize = Jx.EmptyFunction;
    for(var i=0; i<properties.length; i++) {
      Jx.Extend(obj, properties[i]);
    }
    return obj;
  }

  var NewClass;
  if(baseClass && baseClass.prototype.NotInheritable) {
    NewClass = function() {
      var obj = NewObj();
      obj.Initialize.apply(obj, arguments);
      return obj;
    }
    NewClass.prototype.NotInheritable = true;
  } else {
    NewClass = function() {
      this.Initialize.apply(this, arguments);
    }
    NewClass.prototype = NewObj();
  }
  return NewClass;
}

// Dont extend follow "Is" function into object, because in stupid IE, 
// DOM object is not based on Javascript object, they will not be extended.
Jx.Common = {
  IsString   : function(obj) {return typeof obj == "string"   ;},
  IsFunction : function(obj) {return typeof obj == "function" ;},
  IsNumber   : function(obj) {return typeof obj == "number"   ;},
  IsUndefined: function(obj) {return typeof obj == "undefined";},

  EmptyFunction: function() { },

  GetEvent: function (e) {
    // in firefox, the e is event; in IE, e is undefined, use window.event
    return e || window.event;
  }, 
  GetSender: function(e) {
    // in firefox, e.target is sender; in IE, e.srcElement is sender
    e = this.GetEvent(e); return e.target || e.srcElement || document;
  },
  CancelEvent: function(e) {
    e = this.GetEvent(e);
    if ("cancelBubble" in e) { e.cancelBubble = true; } 
    if ("stopPropagation" in e) { e.stopPropagation(); }
    if ("preventDefault" in e) { e.preventDefault(); }
    if ("returnValue" in e) { e.returnValue = false; }
    return false; 
  },
  
  NewEl: function (tag, className) {
    var htag = $(document.createElement(tag));
    if(className) {
      className = className.trim();
      if(className != "") {htag.className = className;}
    }
    return htag;
  }
};

// Stupid IE do not support Array as prototype
Jx.ArrayExtension = {
  NotInheritable: !Jx.IsGecko 
}

Jx.EventExtension = {
  RegEvent: function(evt, hevt) {
    if(this.addEventListener) {
      this.addEventListener(evt, hevt, false);
    } else if(this.attachEvent) {
      this.attachEvent("on"+evt, hevt);
    }
  },
  
  UnregEvent: function(evt, hevt) {
    if(this.removeEventListener) {
      this.removeEventListener(evt, hevt, false);
    } else if(this.detachEvent) {
      this.detachEvent("on"+evt, hevt); 
    }
  }
}

Jx.FunctionExtension = {
  Bind: function() {
    if (arguments.length < 2 && arguments[0] === undefined) return this;
    var __method = this, args = $A(arguments), object = args.shift();
    return function() {
      return __method.apply(object, args.concat($A(arguments)));
    }
  },
  
  BindEvent: function() {
    var __method = this, args = $A(arguments), object = args.shift();
    return function(e) {
      return __method.apply(object, [Jx.GetEvent(e), Jx.GetSender(e)].concat(args));
    }
  }
}

Jx.StringExtension = {
  trim: function() {
    return this.replace(/(^\s*)|(\s*$)/g, ""); 
  },

  Contains: function(t) {
    return this.indexOf(t) >= 0;
  },
  
  camelize: function() {
    var parts = this.split('-'), len = parts.length;
    if (len == 1) return parts[0];

    var camelized = this.charAt(0) == '-'
      ? parts[0].charAt(0).toUpperCase() + parts[0].substring(1)
      : parts[0];

    for (var i = 1; i < len; i++)
      camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1);

    return camelized;
  },

  capitalize: function() {
    return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase();
  },

  EvalJSON: function() {
    return eval("(" + this + ")");
  }
}


Jx.Extend(Jx                  , Jx.Common           );
Jx.Extend(Array.prototype     , Jx.ArrayExtension   );
Jx.Extend(HtmlObject.prototype, Jx.EventExtension   );
Jx.Extend(document            , Jx.EventExtension   );
Jx.Extend(window              , Jx.EventExtension   );
Jx.Extend(Function.prototype  , Jx.FunctionExtension);
Jx.Extend(String.prototype    , Jx.StringExtension  );

// Javascript Extension End

Jx.Extend(HtmlObject.prototype, {
  AddText: function(text) {
    if(text) {
      this.appendChild(this.ownerDocument.createTextNode(text));
    }
    return this;
  },
  
  AddEl: function(tag, cls, text) {
    var newel = $(this.ownerDocument.createElement(tag)); 
    if(cls) {newel.className = cls;}
    if(text) {newel.AddText(text);}
    this.appendChild(newel);
    return newel;
  },

  RemoveAll: function() {
    var len = this.childNodes.length;
    for(var i=len-1; i>=0; i--) {
      this.removeChild(this.childNodes.item(i));
    }
  },

  GetStyleProp: function(style) {
    style = style.camelize();
    var value = this.style[style];
    if(Jx.IsIE) {
      if(!value && this.currentStyle) {value = this.currentStyle[style]};
      if(value == 'auto') {
        if((style=='width' || style=='height') && (this.GetStyleProp('display') != 'none'))
          return this['offset' + style.capitalize()] + 'px';
        return null;
      }
      return value;
    } else {
      if(!value || value == 'auto') {
        var css = document.defaultView.getComputedStyle(this, null);
        value = css ? css[style] : null;
      }
      return value == 'auto' ? null : value;
    }
  },

  GetAbsTop: function() {
    if(Jx.IsGecko) {
      return this.offsetTop;
    } else { // IE sucks
      var ly, el = this;
      for(ly=0; el!=null; ly+=el.offsetTop-el.scrollTop, el=el.offsetParent);
      return ly;
    } 
  },
  
  GetAbsLeft: function() {
    if(Jx.IsGecko) {
      return this.offsetLeft;
    } else { // IE sucks
      var lx, el = this;
      for(lx=0; el!=null; lx+=el.offsetLeft-el.scrollLeft, el=el.offsetParent);
      return lx;
    }
  },

  GetSize: function() {
    var display = this.GetStyleProp('display');
    if (display != 'none' && display != null)  // Safari bug
      return {Width:this.offsetWidth, Height:this.offsetHeight};
    var els = this.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = this.clientWidth;
    var originalHeight = this.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {Width:originalWidth, Height:originalHeight};
  },
  
  GetHeight: function() {
    return this.GetSize().Height;
  },
  
  GetWidth: function() {
    return this.GetSize().Width;
  },
  
  Fill: function(dest, clone) {
    dest.RemoveAll();
    var children = [], i;
    for(i=0; i<this.childNodes.length; i++) {
      if(this.childNodes[i].nodeName.toLowerCase() != "script") {
        children.push(clone ? this.childNodes[i].cloneNode(true) : this.childNodes[i]);
      }
    }
    for(i=0; i<children.length; i++) {dest.appendChild(children[i]);}
  },

  Show: function() {
    this.style.display = ""; return this;
  },

  Hide: function() {
    this.style.display = "none"; return this;
  },
  
  MoveIn: function(dest) {
    if(dest) {
      dest.innerHTML = "";
      dest.appendChild(this);
    }
  }
});

Jx.Extend(document, {
  ParsePre: function() {
    var ShortContent = function(elmt) {
      var txt = elmt.innerHTML;
      elmt.innerHTML = txt.replace(/[^<>]+<|[^<>]+$/g, TryInsertWBR);
    }
    var TryInsertWBR = function (txt) {
      return txt.replace(/\b((&[^;]+;)|[^&]){8,}\b/g, InsertWBR);
    }
    var InsertWBR = function(txt) {
      return txt.replace(/((&[^;]+;)|[^&]){8}/g, "$&<wbr/>");
    }
    
    this.ConvAll(this.body, "pre", ShortContent);
  },

  ConvAll: function (elmt, tag, conv) {
    tag = tag.toLowerCase();
    for(var i = 0; i < elmt.childNodes.length; i ++) {
      var child = elmt.childNodes.item(i); 
      if(child.nodeType == 1) { 
        if(child.tagName.toLowerCase() == tag) {
          conv(child);
        } else { this.ConvAll(child, tag, conv); }
      }
    }
  }
});

var _StartUp = $Class({
  Initialize: function() {
    this.Exts = [];
    this.CurrentExt = 0;
  },
  
  Reg51yes: function(host, id) {
    var url = "http://" + host + ".51yes.com/click.aspx?id=" + id + "&logo=12";
    this.Exts.push({Url:url, Charset:"gb2312", Tag:"span", Id:"xst", Func:null});
  },
  
  ScptBlk: function(url, charset) {
    return '<script type="text/javascript"'
      + ' src="' + url + '"'
      + (charset ? ' charset="' + charset + '"' : "")
      + '></script>';
  },

  WriteExtBlks: function(path) {
    if(this.Exts.length > 0) {
      var extblk = this.ScptBlk(path + "/startup.js");
      for(var i=0; i<this.Exts.length; i++) {
        var ext = this.Exts[i];
        document.write(extblk);
        document.write(this.ScptBlk(ext.Url, ext.Charset));
      }
      document.write(extblk);
    }
  },

  RunExt: function(){
    if(this.CurrentExt > 0) { this.ExtEnd(); }
    this.ExtBegin();
    this.CurrentExt ++;
  },
  
  ExtBegin: function() {
    if((this.CurrentExt<0) || (this.CurrentExt >= this.Exts.length)) { return; }
    var ext = this.Exts[this.CurrentExt];
    if(ext.Func) {ext.Func();}
    document.write("<" + ext.Tag + ' id="_' + ext.Id + '" style="display:none;">');
  },
  
  ExtEnd: function() {
    if((this.CurrentExt<=0) || (this.CurrentExt > this.Exts.length)) { return; }
    var ext = this.Exts[this.CurrentExt-1];
    document.write("</" + ext.Tag + ">");
    this.Uph(ext.Id);
  },
  
  Uph: function(id) {
    var src = $("_" + id), dest = $(id);
    if(src && dest) {
      dest.RemoveAll();
      dest.appendChild(src);
      src.style.display = "";
    }
  },
  
  GetScrollTop: function() {
    return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
  },
  
  GetScrollLeft: function() {
    return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
  }
});

var StartUp = new ($Class(_StartUp, {
  Initialize: function() {
    this.Stat51yes = {Host:"", Id:""};
    this.Bars = [];
    this.TopAds = [];
    this.TopAdLen = 3;
    this.TopAdCsns = ["topimg1", "topimg2", "topimg3"];
    this.TopBadCsns = ["tbcnt1", "tbcnt2", "tbcnt3"];
    this.BarElId = "bar";
    this.PadCsn = "padstar";
    this.AdId = "ad325";
    this.AdHtml = '<a href="http://www.bobopo.com">www.bobopo.com</a>';
    this.MenuId = "menu";
    this._MenuEl = null;
    this._LastShow = null;
  },
  
  Article: function(path, via) {
    this.DoIE6();
    this.ArrangeElmts();
    this.AddBars();
    this.WrtTop(via);
    this.WrtAd();
    this.WrtFooter();
    this.WriteExtBlks(path);
  },
  
  Index: function(path, via) {
    this.DoIE6();
    this.ArrangeElmtsIndex();
    this.AddBars();
    this.WrtTop(via);
    this.WrtFooter();
    this.WriteExtBlks(path);
  },
  
  Navigator: function(path, via) {
    this.DoIE6();
    this.AddBars();
    this.WrtTop(via);
    this.WrtAd();
    this.WrtFooter();
    this.WriteExtBlks(path);
  },
  
  ChgBanner: function(imgpath, imgext, imgnum) {
    var dt = new Date(), fdt = new Date(1970, 0, 1);
    var day = (Math.floor((dt - fdt)/86400000) + 1) % imgnum;
    var imgid = day==0 ? "" : (day<10 ? "0" : "") + day.toString();
    $("banner").setAttribute("src", imgpath+imgid+imgext)
  },
  
  ArrangeElmts: function() {
    $("t2").Fill($("t1")); 
    $("m2").Fill($("m1"));
    if(Jx.IsGecko) {document.ParsePre();}
  },
  
  ArrangeElmtsIndex: function() {
    $("n2").Fill($("n1"), true);
  },
  
  AddBars: function() {
    if(!this.Bars) {return;}
    var barel = $(this.BarElId);
    for(var i=0; i<this.Bars.length; i++) {
      var bar = this.Bars[i];
      var padel = barel.AddEl("div", this.PadCsn, bar.Label);
      for(var j=0; j<bar.Links.length; j++) {
        padel.AddText(" ");
        var link = padel.AddEl("a", "", bar.Links[j].Text);
        link.setAttribute("href", bar.Links[j].Url);
        link.setAttribute("target", "_blank");
        link.setAttribute("title", bar.Links[j].Ad);
      }
    }
  },
  
  WrtFooter: function() {
    var stat = "";
    if(this.Stat51yes.Host && this.Stat51yes.Id) {
      stat = ' <span id="xst"></span>';
      this.Reg51yes(this.Stat51yes.Host, this.Stat51yes.Id);
    }
    document.write("<p>&copy; 2008,2009 bopopo.com" + stat + "</p>");
  },
  
  WrtTop: function(via) {
    var i, sts=[];
    for(i=0; i<this.TopAds.length; i++) {
      sts.push(false);
    }
    var topel = $("adpic");
    var el, elbig, st, elcnt, elnk, elimg, pn;
    for(i=0; i<this.TopAdLen; i++) {
      st = -1;
      while(st<0) {
        st = Math.floor(Math.random()*6);
        if(sts[st]) {st = -1;} else {sts[st]=true;}
      }
      pn = Math.floor(Math.random()*this.TopAds[st].Pics) + 100;
      el = topel.AddEl("div", this.TopAdCsns[i], "");
      elimg = el.AddEl("img");
      elimg.setAttribute("src", via + "/ad/" + (st+10).toString() + pn.toString() + ".jpg");
      elbig = topel.AddEl("div", "topbig");
      elcnt = elbig.AddEl("div", this.TopBadCsns[i]);
      elnk = elcnt.AddEl("div", "tbimg").AddEl("a");
      elnk.setAttribute("href", this.TopAds[st].Url);
      elnk.setAttribute("target", "_blank");
      elimg = elnk.AddEl("img");
      elimg.setAttribute("src", via + "/ad/b" + (st+10).toString() + pn.toString() + ".jpg");
      elnk = elcnt.AddEl("div", "tbcap").AddEl("a","", this.TopAds[st].Ad)
      elnk.setAttribute("href",  this.TopAds[st].Url);
      elnk.setAttribute("target", "_blank");
      elbig.RegEvent("mouseout", this.HideTop.Bind(this, elbig));
      elbig.Hide();
      el.RegEvent("mouseover", this.ShowTop.Bind(this, el, elbig));
      elbig.RegEvent("mouseover", this.ShowTop.Bind(this, el, elbig));
    }
  },
  
  ShowTop: function(el, elbig) {
    if(this._LastShow) {
      if(this._LastShow == elbig) {return;}
      this._LastShow.Hide();
    }
    var t = el.GetAbsTop();
    var l = el.GetAbsLeft();
    var w = el.GetWidth();
    var wbig = elbig.GetWidth();
    elbig.Show();
    elbig.style.top = t.toString() + "px";
    elbig.style.left = (l + w - wbig).toString() + "px";
    this._LastShow = elbig;
  },
  
  HideTop: function(el) {
    el.Hide();
    this._LastShow = null;
  },
  
  DoIE6: function() {
    if(Jx.IsStupidIE6) {window.RegEvent("scroll", this.StickMenu.Bind(this));}
  },
  
  StickMenu: function() {
    if(!(this._MenuEl)) {this._MenuEl = $(this.MenuId);}
    if(this._MenuEl) {
      this._MenuEl.style.top = this.GetScrollTop().toString() + "px";
      this._MenuEl.style.left = this.GetScrollLeft().toString() + "px";
    }
  },
  
  WrtAd: function() {
    $(this.AdId).innerHTML = this.AdHtml;
  }
}));

StartUp.Stat51yes = {Host:"count41", Id:"414756592"};
StartUp.TopAds = [
  {Url:"http://www.blabla.cn", Text:"布啦布啦", Ad:"布啦布啦网页教程与代码", Pics:4},
  {Url:"http://www.woyouxian.com", Text:"我有闲", Ad:"中外名著免费公益图书馆", Pics:4},
  {Url:"http://www.wowstory.com", Text:"窝说", Ad:"言情侦探科幻武侠等闲书窝窝", Pics:4},
  {Url:"http://www.hubapo.com", Text:"胡八婆", Ad:"许多看来不相干的事其实都是相互有关联的", Pics:4},
  {Url:"http://www.ahanova.com", Text:"英文原著", Ad:"免费外文原版名著", Pics:4},
  {Url:"http://www.woyouxian.net", Text:"IT教程", Ad:"性感IT教程和撩人技术文章", Pics:4}
];
StartUp.Bars = [
  {Label:"推荐: ", Links:StartUp.TopAds}
];
// eof