﻿    <!--
    function scrollerObj(name,div1H,div1W,div2H,div2W,content,div1Bg,div2Bg,speed,div1Float) {
	    //**data**//
	    this.name=name;
	    this.div1H=div1H;
	    this.div1W=div1W;
	    this.div2H=div2H;
	    this.div2W=div2W;
	    this.content=content;
	    this.div1Bg=div1Bg;
	    this.div2Bg=div2Bg;
	    this.iniFl=div1Float;
	    this.speed=parseInt(speed);
	    this.timer = name + "Timer";
	    this.elem;
		this.distance=0;
		
	    //**methods**//
	    this.getElement = getElement;
	    this.createLayer = createLayer;
	    this.scrollLayer = scrollLayer; 
	    this.scrollLoop = scrollLoop;
	
	    //**initiate methods**//
	    this.createLayer();
	    this.getElement();
	    this.scrollLayer();
    }

    //**call this method to stop scrolling**//
    function scrollLoop(s) {
	    this.speed = s;
    }

	function scrollLayer() {
		if(parseInt(this.elem.style.top)>(this.elem.offsetHeight*(-1))) {
			this.elem.style.top = parseInt(this.elem.style.top)-this.speed;
			this.elemBack.style.top = this.elem.offsetTop+this.elem.offsetHeight+this.distance;
		}else {
			// 交換角色
			this.elem.style.top = this.elemBack.offsetTop+this.elemBack.offsetHeight+this.distance; 

			tempElem = this.elem;
			this.elem = this.elemBack;
			this.elemBack = tempElem;
		}
    }
 
	function getElement() {
		if(document.getElementById) {
			this.elem = document.getElementById(this.name);
		}else if (document.all) {
			this.elem = document.all[name];
		}else if (document.layers) {
			this.elem = document.layers[name];
		}
		
		this.elemBack = this.elem.cloneNode(true);
		this.elemBack.id = this.name+"Back";
		this.elem.parentNode.appendChild(this.elemBack);
    }

    function createLayer() {
	    if(document.getElementById || document.all) {
		    document.write('<div id="layer'+this.name+'" style="position:relative;overflow:hidden;float:'+this.div1Float+';background-image: url('+this.div1Bg+');border:0px solid black;width:'+this.div1W+'px;height:'+this.div1H+'px;" onMouseover="'+this.name+'.scrollLoop(0)" onMouseout="'+this.name+'.scrollLoop('+this.speed+')">');
		    //document.write('<div id="'+this.name+'" style="position:absolute;top:'+this.div1H+'px;left:0px;border:0px solid black;width:'+this.div2W+'px;height:'+this.div2H+'px;background-color:#'+this.div2Bg+'">');
		    document.write('<div id="'+this.name+'" style="position:absolute;top:0px;left:0px;border:0px solid black;width:'+this.div2W+'px;height:'+this.div2H+'px;background-image: url('+this.div2Bg+')">');
		    document.write(this.content);
		    document.write('<\/div><\/div>');
		}
	   
	    if(this.scrollLayer) {
			this.timer = setInterval(this.name+'.scrollLayer()','180');
    	}
    }
    //-->