try{
    document.execCommand("BackgroundImageCache",false,true);
}catch(e){}
function $(){
    var elements=[];
    for(var i=0;i<arguments.length;i++){
        var element=arguments[i];
        if(typeof element=="string"){
            element=document.getElementById(element);
        }
        if(arguments.length==1){
            return element;
        }
        elements.push(element);
    }
    return elements;
}
function getStyle(obj,option){
    if(obj.currentStyle){
        var value=obj.currentStyle[option];
        if(value=="auto")value="0px";
    }else{
        var value=document.defaultView.getComputedStyle(obj,null)[option];
    }
    return value;
}
Function.prototype.bind=function(object){
    var method=this;
    return function(){
        method.apply(object,arguments);	
    }
}
var Class={
   
    create:function(){
        return function(){
            this.initialize.apply(this,arguments);	
        }
    }
}
var Scroll=Class.create();
Scroll.prototype={
    initialize:function(parent){
        this.parent=$(parent);
        this.step=1;
        this.speed=30;
        this.flagLeft=true;
        var obj_ul=this.parent.getElementsByTagName("ul")[0];
        var arr_li=obj_ul.getElementsByTagName("li");
        var obj_li=arr_li[0];
        var li_width=obj_li.offsetWidth;
        li_width+=parseInt(getStyle(obj_li,"marginLeft"))+parseInt(getStyle(obj_li,"marginRight"));	
        var ul_width=li_width*(arr_li.length);
        ul_width+=parseInt(getStyle(obj_ul,"paddingLeft"))+parseInt(getStyle(obj_ul,"paddingRight"));
        ul_width+=parseInt(getStyle(obj_ul,"marginLeft"))+parseInt(getStyle(obj_ul,"marginRight"));
        this.maxWidth=ul_width*2;
        obj_ul.parentNode.style.width=ul_width*4+"px";
        obj_ul.innerHTML+=obj_ul.innerHTML;
        obj_ul.innerHTML+=obj_ul.innerHTML;
        this.moveLeft();
        this.parent.onmouseover=this.stop.bind(this);
        this.parent.onmouseout=this.start.bind(this);
		
        if(arguments.length>1){
            this.arrowLeft=$(arguments[1]);
            this.arrowLeft.onmouseover=function(){
                this.stop();
                this.moveLeft();
                this.flagLeft=true;
            }.bind(this);
        }
        if(arguments.length>2){
            this.arrowRight=$(arguments[2]);
            this.arrowRight.onmouseover=function(){
                this.stop();
                this.moveRight();
                this.flagLeft=false;
            }.bind(this);
        }
    },
    moveLeft:function(){
       
        if(this.parent.scrollLeft>this.parent.scrollWidth-this.maxWidth){
            this.parent.scrollLeft-=this.maxWidth;
             
        }else{
            this.parent.scrollLeft+=this.step;
        }
        this.timer=setTimeout(this.moveLeft.bind(this),this.speed);
    },
    moveRight:function(){
        if(this.parent.scrollLeft<this.maxWidth/2){
            this.parent.scrollLeft+=this.maxWidth/2;
        }else{
            this.parent.scrollLeft-=this.step;
        }
        this.timer=setTimeout(this.moveRight.bind(this),this.speed);
    },
    stop:function(){
        clearTimeout(this.timer);	
    },
    start:function(){
        if(this.flagLeft){
            this.moveLeft();
        }else{
            this.moveRight();
        }
    }
}