function HScroll() {
    this.name =" HScroll";
    this.item = new Array();
    this.itemcount = 0;
    this.currentspeed = 0;
    this.scrollspeed = 100;
    this.pausedelay = 1000;
    this.pausemouseover = false;
    this.stop = false;
    this.type = 1;
    this.height = 15;
    this.width = 510;
    this.stopHeight=0;

    this.add =function () {
	    var text = arguments[0];
	    this.item[this.itemcount] = text;
	    this.itemcount = this.itemcount + 1;
    };

    this.start = function () {
	    this.display();
	    this.currentspeed = this.scrollspeed;
	    setTimeout(this.name+'.scroll()',this.currentspeed);
    };

    this.display =function () {
    document.write('<div id="'+this.name+'" style="height:'+this.height+'px;width:'+this.width+'px;position:relative;overflow:hidden;" OnMouseOver="'+this.name+'.onmouseover();" OnMouseOut="'+this.name+'.onmouseout();">');
    for(var i = 0; i < this.itemcount; i++) {
            if ( this.type == 1) {
                document.write('<div id="'+this.name+'item'+i+'"style="left:0px;width:'+this.width+'px;position:absolute;top:'+(this.height*i+1)+'px;">');
                document.write(this.item[i]);
                document.write('</div>');
            } else if ( this.type == 2 ) {
                document.write('<div id="'+this.name+'item'+i+'"style="left:'+(this.width*i+1)+'px;width:'+this.width+'px;position:absolute;top:0px;">');
                document.write(this.item[i]);
                document.write('</div>');
            }
    }
    document.write('</div>');
    };

    this.scroll = function () {
    this.currentspeed = this.scrollspeed;
    if ( !this.stop ) {
            for (i = 0; i < this.itemcount; i++) {
                obj = document.getElementById(this.name+'item'+i).style;
                if ( this.type == 1 ) {
                    var t = obj.top.replace(/p[tx]$/, '') - 1;
                    obj.top = t + 'px';
                    if (t <= this.height*(-1) )
                        obj.top = (this.height * (this.itemcount-1)) + 'px';
                    if ( t == 0 || ( this.stopHeight > 0 && this.stopHeight - t == 0 ))
                        this.currentspeed = this.pausedelay;

                } else if ( this.type == 2 ) {
                    var l = obj.left.replace(/p[tx]$/, '') - 1;
                    obj.left = l + 'px';
                    if (l <= this.left*(-1) )
                        obj.left = (l* (this.itemcount-1)) + 'px';
                    if (l == 0 )
                        this.currentspeed = this.pausedelay;
                }
            }
    }
    window.setTimeout(this.name+".scroll()",this.currentspeed);
    };

    this.onmouseover = function () {
	    if ( this.pausemouseover ) {
	            this.stop = true;
	    }
    };

    this.onmouseout = function () {
	    if ( this.pausemouseover ) {
	            this.stop = false;
	    }
    };

}

topics = new HScroll();
topics.name = "topics";
topics.height = 14;
topics.width = 510;
topics.scrollspeed = 100;
topics.pausedelay = 3000;
topics.pausemouseover = true;

//★広告ここから---------------------------------

//01
topics.add("<a href='http://www.otaden.jp/ranking' style='color: #333333;letter-spacing:2px;text-decoration:none;'>オタクのブログランキング</a>")+"\n";

//02
topics.add("<a href='http://www.otaden.jp/index_ptb.php' style='color: #333333;letter-spacing:2px;text-decoration:none;'>みんなで画像を投稿しよう</a>")+"\n";

//03
topics.add("<a href='http://www.otagai.jp/' style='color: #333333;letter-spacing:2px;text-decoration:none;'>驚異の品揃え!レアアイテム充実!! オタクの電脳街</a>")+"\n";

//★広告ここまで---------------------------------


document.write('<table border="0" cellpadding="0" cellspacing="0" id="ODticker" style="background-position:bottom; text-decoration:none; color:#333333; font-size:12px; margin:0px; letter-spacing:2px; padding:0px 0px 3px 5px; background-color: #ffffff; background-image: url(http://otaden.jp/img/ticker_bg.gif); background-repeat: repeat-x; width: 100%; border: none;"');
document.write('<tr>');
document.write('<td style="white-space: nowrap; text-align:left; width:1%;">');
document.write('<a href="http://www.otaden.jp/"><img src="http://otaden.jp/img/ticker.gif" alt="オタクの電脳blog"  height="25" hspace="10" border="0" title="オタクの電脳blog" /></a></td>');
document.write('<td style="width:96%;">');
document.write('<td>');
document.write('<td style="white-space: nowrap; text-align:right; width:1%;">');

topics.start();

//広告（右端）
document.write('</td>');
document.write('<td style="white-space: nowrap; text-align:right; width:1%;">');
document.write(' | <a href="http://admin.otaden.jp/admin/member_regist.php" target="_blank" style="color: #333333;letter-spacing:2px;text-decoration:none;">オタクの電脳blogをはじめよう！</a>');
document.write('</td>');
document.write('<td style="white-space: nowrap; text-align:right; width:1%;">｜<a href="http://help.clog.jp/" target="_blank" style="color: #333333;letter-spacing:2px;text-decoration:none;">ヘルプ</a></td>');
document.write('</tr>');
document.write('</table>');