var MyUtil={};

MyUtil.getOverlayElement = function()
{
    var divOverlay;     
    document.body.style.height="100%";
    if(document.getElementById("divDisabledBG"))
    {
        divOverlay=document.getElementById("divDisabledBG");            
    }
    else
    {      
        divOverlay = document.createElement("div");
        divOverlay.id="divDisabledBG";
        divOverlay.className="disabledBackGround";
        divOverlay.innerHTML='<div class="disabledBackGround"></div>';
        document.body.insertBefore(divOverlay,document.body.firstChild)
    }
    divOverlay.style.top = document.body.scrollTop;
    divOverlay.style.left = document.body.scrollLeft;
    return divOverlay;
}//getOverlayElement


MyUtil.ShowModal = function (divModal,closeOnOverLayClick)
{
    var divOverlay = MyUtil.getOverlayElement();
    if(divOverlay.modalElement)
    {
        divOverlay.hideModal();
    }
    
    divOverlay.modalElement = divModal;
    divOverlay.modalElement.style.position="absolute";
    divOverlay.modalElement.style.zIndex="1000";    
	divOverlay.style.display='block';		
	
	if(divOverlay.modalElement)
	{
        divOverlay.modalElement.style.display='block';	
        MyUtil.centerElement(divOverlay.modalElement);		
    }
    divOverlay.hideModal = function(){                            
                            divOverlay.style.display="none";
                            if(divOverlay.modalElement)
                            {
                                divOverlay.modalElement.style.display="none";
                                divOverlay.modalElement = null;
                            }
                            MyUtil.EventUtil.removeEvents(window,"scroll",divOverlay.fnScroll);
                        }
    if(closeOnOverLayClick)
    {
        divOverlay.onclick = divOverlay.hideModal;
    }
    divOverlay.fnScroll= function(){
                                    divOverlay.style.top = document.body.scrollTop;
                                    divOverlay.style.left = document.body.scrollLeft;
                                    if(divOverlay.modalElement)
                                    {
                                        MyUtil.centerElement(divOverlay.modalElement);
                                    }
                                }
    MyUtil.EventUtil.addEvents(window,"scroll",divOverlay.fnScroll);                            
}//ShowModal

MyUtil.HideModal = function()
{
    var divOverlay = MyUtil.getOverlayElement();
    if(divOverlay)
    {
        divOverlay.hideModal();
    }
}

MyUtil.getWindowWH = function()
{
    var intH = 700, intW = 1000;  
    try
    {
        if(self.innerHeight)
        {
           intH = window.innerHeight;
           intW = window.innerWidth;
        } 
        else
        {
            if(document.body)
            {
                intH = document.body.clientHeight;
                intW = document.body.clientWidth;
            }
            else if(document.documentElement && document.documentElement.clientHeight)
            {
                intH = document.documentElement.clientHeight;
                intW = document.documentElement.clientWidth;
            }                
        }        
    }
    catch(e){}
    return {height: parseInt(intH, 10),width: parseInt(intW, 10)};
}//getWindowWH


MyUtil.centerElement = function(el)
{
    var WH = MyUtil.getWindowWH();
    var w = WH.width;                 
    var h = WH.height;
    w = parseInt((w - el.offsetWidth) / 2,10); 
    h = parseInt((h - el.offsetHeight) / 2,10);    

    if(document.body && document.body.scrollTop)
    {
        h = h + document.body.scrollTop;
        w = w + document.body.scrollLeft;
    }
    else if(document.documentElement && document.documentElement.scrollTop)
    {
        h = h + document.documentElement.scrollTop;
        w = w + document.documentElement.scrollLeft;
    }
    
    el.style.left = w + "px";
    el.style.top = h + "px";        
}//centerElement
    

MyUtil.getOffsetXY = function(el)
{
    var x = el.offsetLeft;
    var y = el.offsetTop;
    
    obj = el.offsetParent;
    while(obj != null)
    {
        x += obj.offsetLeft;
        y += obj.offsetTop;
        obj = obj.offsetParent;
    }
    return [x,y];
}//getOffsetXY

MyUtil.getOffsetX = function(el)
{
   return MyUtil.getOffsetXY(el)[0];
}//getOffsetX

MyUtil.getOffsetY = function(el)
{
   return MyUtil.getOffsetXY(el)[1];
}//getOffsetY

MyUtil.createDelegate = function(instance,method)
{
    return function()
    {
        return method.apply(instance, arguments);
    }
}//createDelegate

MyUtil.EventUtil = function(){};
                
MyUtil.EventUtil.addEvents = function(el,evName,fn)
{
    if(window.attachEvent)
    {
        el.attachEvent("on" + evName,fn);
    }
    else
    {
        el.addEventListener(evName,fn,false);
    }
}//addEvents
    
MyUtil.EventUtil.removeEvents = function (el,evName,fn)
{
    if(window.detachEvent)
    {
        el.detachEvent("on" + evName,fn);
    }
    else
    {
        el.removeEventListener(evName,fn,false);
    }
}//removeEvents
    
MyUtil.EventUtil.stopBubble = function(e)
{
    e.cancelBubble=true;
    if (e.stopPropagation)
    {
        e.stopPropagation();
    }
}//stopBubble   

MyUtil.EventUtil.preventDefault = function(e)
{
    e.returnValue=false;
    if(e.preventDefault)
    {
        e.preventDefault();
    }
}//preventDefault    

MyUtil.EventUtil.stopEvent = function(e)
{
    MyUtil.EventUtil.stopBubble(e);
    MyUtil.EventUtil.preventDefault(e);
}//stopEvent  

MyUtil.EventUtil.getPageXY = function(e)
{
    var pageX,pageY;
    
    if (e.pageX || e.pageY)
    {
        pageX = e.pageX;
        pageY = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
        pageX = e.clientX;
        pageY = e.clientY;
        if(document.body.scrollLeft || document.body.scrollTop)
        {
            pageX += document.body.scrollLeft;
            pageY += document.body.scrollTop;
        } 
        else if(document.documentElement)
        {
            if(document.documentElement.scrollLeft || document.documentElement.scrollTop)
            {
                pageX += document.documentElement.scrollLeft;
                pageY += document.documentElement.scrollTop;
            }
        }
    }
    return [pageX,pageY];
}//getPageXY

MyUtil.EventUtil.getPageX = function(e)
{
    return MyUtil.EventUtil.getPageXY(e)[0];
}//getPageX

MyUtil.EventUtil.getPageY = function(e)
{
    return MyUtil.EventUtil.getPageXY(e)[1];
}//getPageY

//Slider Code Start    
;(function(){

        function Slider(bgid,thumbid,range,sltype,tickSize)
        {
            var self = this;
            this.bg = document.getElementById(bgid);
            this.thumb = document.getElementById(thumbid);
            this.range = range;
            this.minValue=0;
            this.maxValue=range;
            this.onchange = null;
            this.onslidestart = null;
            this.onslideend = null;
            if(tickSize)
            {
                this.tickSize = tickSize;
                this.tickSize = Math.max(1,this.tickSize);
                this.tickSize = Math.min(this.range,this.tickSize);
            }
            else
            {
                this.tickSize = 1;
            }
            if(sltype=="horiz")
            {
                this._horiz=true;
                this._vert=false;
            }
            else
            {
                this._horiz=false;
                this._vert=true;
            }
            this.setValue(this.minValue);                    
            MyUtil.EventUtil.addEvents(this.thumb,"mousedown", MyUtil.createDelegate(this,this.thumb_mousedown));                
            MyUtil.EventUtil.addEvents(this.bg,"mousedown",MyUtil.createDelegate(this,this.bg_mousedown));
            this._init=true;
        }
        Slider.prototype.thumb_mousedown = function(e)
        {
            var screenXY;
            var offsetLeftTop;
            
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            MyUtil.EventUtil.stopBubble(e);
            
            this.__doc_mousemove = MyUtil.createDelegate(this,this.doc_mousemove);
            this.__doc__mouseup = MyUtil.createDelegate(this,this.doc__mouseup);
            MyUtil.EventUtil.addEvents(document,"mousemove",this.__doc_mousemove);
            MyUtil.EventUtil.addEvents(document,"mouseup",this.__doc__mouseup);
            if(this._horiz)
            {
                screenXY = "screenX";
                offsetLeftTop ="offsetLeft";
            }
            else
            {
                screenXY = "screenY";
                offsetLeftTop ="offsetTop";
            }
            this.startXY = e[screenXY];
            this.oldPos = this.thumb[offsetLeftTop];
            if(typeof(this.onslidestart) == "function")
            {
                this.onslidestart();
            }                     
        }
        Slider.prototype.bg_mousedown = function(e)
        {
            var e = (e) ? e : window.event;
            var pageXY;
            var pos;
            var obj;
            var newPos;

            MyUtil.EventUtil.preventDefault(e);
            MyUtil.EventUtil.stopBubble(e);
                                
            if(this._horiz)
            {
                pos=MyUtil.getOffsetX(this.bg);
                pageXY = MyUtil.EventUtil.getPageX(e);
            }
            else
            {
                pos=MyUtil.getOffsetY(this.bg);
                pageXY = MyUtil.EventUtil.getPageY(e);
            }
            newPos = (pageXY - pos);
            this.setValue(newPos);
            if(typeof(this.onchange) == "function")
            {
                this.onchange(this);
            }
            if(typeof(this.onslideend) == "function")
            {
                this.onslideend();
            }   
        }
        Slider.prototype._getNewPos = function(newPos)
        {
            var tmp = newPos % this.tickSize;
            
            if(tmp > 0)
            {
                if(tmp > (this.tickSize /2 ))
                {
                    newPos = (newPos - tmp) + this.tickSize;    
                }
                else
                {
                    newPos = (newPos - tmp);
                }
            }
            return newPos;
        }
        Slider.prototype.doc_mousemove = function(e)
        {
            var screenXY;
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            var newPos;
            var diff;
            if(this._horiz)
            {
                screenXY = "screenX";
            }
            else
            {
                screenXY = "screenY";
            }
           
            diff = (e[screenXY] - this.startXY);                    
            newPos = this.oldPos + diff;
            this.setValue(newPos);     
        }
        Slider.prototype.doc__mouseup = function(e)
        {
            MyUtil.EventUtil.removeEvents(document,"mousemove",this.__doc_mousemove);
            MyUtil.EventUtil.removeEvents(document,"mouseup",this.__doc__mouseup);
            if(typeof(this.onslideend) == "function")
            {
                this.onslideend();
            } 
        }
        Slider.prototype.setValue = function(newValue)
        {
            var newPos;
            var leftTop;
            
            newValue = this._getNewPos(newValue);
            if(newValue <= this.minValue)
            {
                newPos = this.minValue;
            }
            else if(newValue >= this.maxValue)
            {
                newPos = this.maxValue;
            }
            else
            {
                newPos=newValue;
            }
            if(this._horiz)
            {
                leftTop="left";
            }
            else
            {
                leftTop="top";
            }            
            if(!this._init)
            {
                this.thumb.style[leftTop] = newPos +  "px";                    
                this.thumb.prevOffset = newPos;       
                return;      
            }
            if(this.thumb.prevOffset == newPos)
            {
                return;
            }
            
            this.thumb.style[leftTop] = newPos +  "px";                    
            this.thumb.prevOffset = newPos;                    
            if(typeof(this.onchange) == "function")
            {
                this.onchange(this);
            }                           
        }
        Slider.prototype.getValue = function()
        {
            var offsetLeftTop;
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
            }
            else
            {
                offsetLeftTop="offsetTop";
            }
            return this.thumb[offsetLeftTop];
        }
        Slider.getHorizSlider= function(bgid,thumbid,range,tickSize)
        {
            return new Slider(bgid,thumbid,range,"horiz",tickSize);
        }
        Slider.getVertSlider= function(bgid,thumbid,range,tickSize)
        {
            return new Slider(bgid,thumbid,range,"vert",tickSize);
        }
        MyUtil.Slider = Slider;
})();
//Slider Code End    



//DualSlider Code Start    
;(function(){

        function DualSlider(bgid,minthumbid,maxthumbid,range,sltype,tickSize,lortfillerid,rorbfillerid,centerfillerid)
        {
            var self = this;
            this.bg = document.getElementById(bgid);
            this.minThumb = document.getElementById(minthumbid);
            this.maxThumb = document.getElementById(maxthumbid);
            this.range = range;
            this.minValue=0;
            this.maxValue=range;
            this.onchange = null;
            this.onslidestart = null;
            this.onslideend = null;
            this.overlap=false;
            
            //Sections Variables Start
            this.midStart=0;
            this.midEnd=0;
            this.leftTopStart =  this.minValue;
            this.leftTopEnd = this.leftTopStart;
            this.rightBottomStart = this.rightBottomEnd;
            this.rightBottomEnd =  this.maxValue;                                        
            //Sections Variables End
                                
            if(tickSize)
            {
                this.tickSize = tickSize;
                this.tickSize = Math.max(1,this.tickSize);
                this.tickSize = Math.min(this.range,this.tickSize);
            }
            else
            {
                this.tickSize = 1;
            }
            if(sltype=="horiz")
            {
                this._horiz=true;
                this._vert=false;
            }
            else
            {
                this._horiz=false;
                this._vert=true;
            }
            
            this.leftTopFiller = null;
            this.rightBottomFiller = null;
            this.centerFiller = null;
            
            //Filler Start
            if(lortfillerid && document.getElementById(lortfillerid))
            {
                this.leftTopFiller = document.getElementById(lortfillerid);
            }
            if(rorbfillerid && document.getElementById(rorbfillerid))
            {
                this.rightBottomFiller = document.getElementById(rorbfillerid);
            }
            if(centerfillerid && document.getElementById(centerfillerid))
            {
                this.centerFiller = document.getElementById(centerfillerid);
            }
            //Filler End
            
            this.setValues(this.minValue,this.maxValue);                    
            
            MyUtil.EventUtil.addEvents(this.minThumb,"mousedown", MyUtil.createDelegate(this,this.minthumb_mousedown));                
            MyUtil.EventUtil.addEvents(this.maxThumb,"mousedown", MyUtil.createDelegate(this,this.maxthumb_mousedown));   
            MyUtil.EventUtil.addEvents(this.bg,"mousedown",MyUtil.createDelegate(this,this.bg_mousedown));
            this._init=true;
        }
        DualSlider.prototype.setValues = function(minValue,maxValue)
        {
            this.setMaxValue(maxValue);   
            this.setMinValue(minValue);                                        
        }
        DualSlider.prototype.bg_mousedown = function(e)
        {
            var e = (e) ? e : window.event;
            var pageXY;
            var pos;
            var obj;
            var newPos;
            var minPos;
            var maxPos;
            var offsetLeftTop;                                       

            MyUtil.EventUtil.preventDefault(e);
            MyUtil.EventUtil.stopBubble(e);
                                
            if(this._horiz)
            {
                pos=MyUtil.getOffsetX(this.bg);
                pageXY = MyUtil.EventUtil.getPageX(e);
                offsetLeftTop="offsetLeft";
            }
            else
            {
                pos=MyUtil.getOffsetY(this.bg);
                pageXY = MyUtil.EventUtil.getPageY(e);
                offsetLeftTop="offsetTop";
            }
            minPos = this.minThumb[offsetLeftTop];
            maxPos = this.maxThumb[offsetLeftTop];                    
            
            newPos = (pageXY - pos);
            
            if(newPos <= minPos)
            {
                this.setMinValue(newPos);
            }
            else if(newPos >= maxPos)
            {
                this.setMaxValue(newPos);
            }
            else
            {
                var midRegion;
                                                                                     
                midRegion = this.midEnd - this.midStart;
                
                var x = newPos - this.midStart;
                
                if(x <= (midRegion/2))
                {
                    this.setMinValue(newPos);
                }
                else
                {
                    this.setMaxValue(newPos);
                }
            }
            if(typeof(this.onslideend) == "function")
            {
                this.onslideend();
            }   
        }
        DualSlider.prototype._getNewPos = function(newPos)
        {
            var tmp = newPos % this.tickSize;
            
            if(tmp > 0)
            {
                if(tmp > (this.tickSize /2 ))
                {
                    newPos = (newPos - tmp) + this.tickSize;    
                }
                else
                {
                    newPos = (newPos - tmp);
                }
            }
            return newPos;
        }
        DualSlider.prototype.minthumb_mousedown = function(e)
        {
            var offsetLeftTop;     
            var screenXY;
            
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            MyUtil.EventUtil.stopBubble(e);
            
            this._minthumb_mousemove = MyUtil.createDelegate(this,this.minthumb_mousemove);
            this._minthumb_mouseup = MyUtil.createDelegate(this,this.minthumb_mouseup);
            MyUtil.EventUtil.addEvents(document,"mousemove",this._minthumb_mousemove);
            MyUtil.EventUtil.addEvents(document,"mouseup",this._minthumb_mouseup);
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
                screenXY = "screenX";
            }
            else
            {
                screenXY = "screenY";
                offsetLeftTop="offsetTop";
            }
            this.startXY = e[screenXY];                
            this.oldPos = this.minThumb[offsetLeftTop];                    
            if(typeof(this.onslidestart) == "function")
            {
                this.onslidestart();
            }                     
        }
        DualSlider.prototype.minthumb_mousemove = function(e)
        {
            var screenXY;
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            var newPos;
            var diff;
            if(this._horiz)
            {
                screenXY = "screenX";
            }
            else
            {
                screenXY = "screenY";
            }
            diff = (e[screenXY] - this.startXY);                   
            newPos = this.oldPos + diff;
            this.setMinValue(newPos);        
        }
        DualSlider.prototype.minthumb_mouseup = function(e)
        {
            MyUtil.EventUtil.removeEvents(document,"mousemove",this._minthumb_mousemove);
            MyUtil.EventUtil.removeEvents(document,"mouseup",this._minthumb_mouseup);
            if(typeof(this.onslideend) == "function")
            {
                this.onslideend();
            } 
        }
        DualSlider.prototype.setMinValue = function(newValue)
        {
            var newPos;
            var maxPos;
            var leftTop;
            var offsetLeftTop;
            var offsetWidthHeight;
            
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
                offsetWidthHeight="offsetWidth";
                leftTop="left";
            }
            else
            {
                offsetLeftTop="offsetTop";
                offsetWidthHeight="offsetHeight";
                leftTop="top";
            } 

            maxPos = this.maxThumb[offsetLeftTop];
            if(!this.overlap)
            {
                maxPos -= this.minThumb[offsetWidthHeight];
            }
            newValue = this._getNewPos(newValue);
            if(newValue <= this.minValue)
            {
                newPos = this.minValue;
            }
            else if(newValue >= maxPos)
            {
                newPos = maxPos;
            }
            else
            {
                newPos=newValue;
            }
            if(!this._init)
            {
                this.minThumb.style[leftTop] = newPos +  "px";
                this.minThumb.prevOffset=newPos;                
                this._setSections();
                return;
            }
            if(newPos == this.minThumb.prevOffset)
            {
                return;
            }
            this.minThumb.style[leftTop] = newPos +  "px";
            this.minThumb.prevOffset=newPos;            
            this._setSections();                    
            if(typeof(this.onchange) == "function")
            {
                this.onchange(this);
            }
        }
        DualSlider.prototype.getMinValue = function()
        {
            var offsetLeftTop;
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
            }
            else
            {
                offsetLeftTop="offsetTop";
            } 
            return this.minThumb[offsetLeftTop];
        }                
        DualSlider.prototype.maxthumb_mousedown = function(e)
        {
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            MyUtil.EventUtil.stopBubble(e);
            
            this._maxthumb_mousemove = MyUtil.createDelegate(this,this.maxthumb_mousemove);
            this._maxthumb_mouseup = MyUtil.createDelegate(this,this.maxthumb_mouseup);
            MyUtil.EventUtil.addEvents(document,"mousemove",this._maxthumb_mousemove);
            MyUtil.EventUtil.addEvents(document,"mouseup",this._maxthumb_mouseup);
            
            var offsetLeftTop;
            var screenXY;
            
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
                screenXY="screenX";
            }
            else
            {
                offsetLeftTop="offsetTop";
                screenXY="screenY";
            } 
                                
            this.startXY = e[screenXY];
            this.oldPos = this.maxThumb[offsetLeftTop];
            if(typeof(this.onslidestart) == "function")
            {
                this.onslidestart();
            }                     
        }
        DualSlider.prototype.maxthumb_mousemove = function(e)
        {
            var screenXY;                    
            var e = (e) ? e : window.event;
            MyUtil.EventUtil.preventDefault(e);
            var newPos;
            var diff;
            if(this._horiz)
            {
                screenXY="screenX";
            }
            else
            {
                screenXY="screenY";
            }
           
            diff = (e[screenXY] - this.startXY);
            newPos = this.oldPos + diff;
            this.setMaxValue(newPos);     
        }
        DualSlider.prototype.maxthumb_mouseup = function(e)
        {
            MyUtil.EventUtil.removeEvents(document,"mousemove",this._maxthumb_mousemove);
            MyUtil.EventUtil.removeEvents(document,"mouseup",this._maxthumb_mouseup);
            if(typeof(this.onslideend) == "function")
            {
                this.onslideend();
            } 
        }
        DualSlider.prototype.setMaxValue = function(newValue)
        {
            var newPos;
            var minPos;
            var leftTop;
            var offsetLeftTop;
            var offsetWidthHeight;
            
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
                offsetWidthHeight="offsetWidth";
                leftTop="left";
            }
            else
            {
                offsetLeftTop="offsetTop";
                offsetWidthHeight="offsetHeight";
                leftTop="top";
            } 
                                
            minPos = this.minThumb[offsetLeftTop];
            if(!this.overlap)
            {
                minPos += this.minThumb[offsetWidthHeight];
            }
                
            newValue = this._getNewPos(newValue);
            if(newValue <= minPos)
            {
                newPos = minPos;
            }
            else if(newValue >= this.maxValue)
            {
                newPos = this.maxValue;
            }
            else
            {
                newPos=newValue;
            }
            if(!this._init)
            {
                this.maxThumb.style[leftTop] = newPos +  "px";
                this.maxThumb.prevOffset=newPos;
                this._setSections();
                return;                
            }
            if(newPos == this.maxThumb.prevOffset)
            {
                return;
            }
            this.maxThumb.style[leftTop] = newPos +  "px";
            this.maxThumb.prevOffset=newPos;
            this._setSections();
            if(typeof(this.onchange) == "function")
            {
                this.onchange(this);
            }
        }
        DualSlider.prototype._setSections = function()
        {
            var leftTop;
            var widthHeight;
            var offsetLeftTop;
            var offsetWidthHeight;
            
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
                offsetWidthHeight="offsetWidth";
                leftTop="left";
                widthHeight="width";
            }
            else
            {
                offsetLeftTop="offsetTop";
                offsetWidthHeight="offsetHeight";
                leftTop="top";
                widthHeight="height";
            } 

            this.midStart = this.minThumb[offsetLeftTop] + this.minThumb[offsetWidthHeight];
            this.midEnd = this.maxThumb[offsetLeftTop];
            this.leftTopEnd = this.minThumb[offsetLeftTop];
            this.rightBottomStart = this.maxThumb[offsetLeftTop] + this.maxThumb[offsetWidthHeight];
            
            this.leftTopStart = Math.min(this.leftTopEnd,this.leftTopStart);
            this.rightBottomStart = Math.min(this.rightBottomEnd,this.rightBottomStart);
            this.midStart = Math.min(this.midEnd,this.midStart);
            
            if(this.leftTopFiller)
            {
                this.leftTopFiller.style[leftTop]=this.leftTopStart + "px";
                this.leftTopFiller.style[widthHeight]=(this.leftTopEnd - this.leftTopStart) + "px";
            }
            if(this.rightBottomFiller)
            {
                this.rightBottomFiller.style[leftTop]=this.rightBottomStart + "px";
                this.rightBottomFiller.style[widthHeight]=(this.rightBottomEnd - this.rightBottomStart) + "px";
            }
            if(this.centerFiller)
            {
                this.centerFiller.style[leftTop]=this.midStart + "px";
                this.centerFiller.style[widthHeight]=(this.midEnd - this.midStart) + "px";
            }
        }
        DualSlider.prototype.getMaxValue = function()
        {
            var offsetLeftTop;
            if(this._horiz)
            {
                offsetLeftTop="offsetLeft";
            }
            else
            {
                offsetLeftTop="offsetTop";
            } 
            return this.maxThumb[offsetLeftTop];
        }
        DualSlider.getHorizDualSlider= function(bgid,minthumbid,maxthumbid,range,tickSize,leftfillerid,rightfillerid,centerfillerid)
        {
            return new DualSlider(bgid,minthumbid,maxthumbid,range,"horiz",tickSize,leftfillerid,rightfillerid,centerfillerid);
        }
        DualSlider.getVertDualSlider= function(bgid,minthumbid,maxthumbid,range,tickSize,topfillerid,bottomfillerid,centerfillerid)
        {
            return new DualSlider(bgid,minthumbid,maxthumbid,range,"vert",tickSize,topfillerid,bottomfillerid,centerfillerid);
        }
        MyUtil.DualSlider = DualSlider;
})();
//DualSlider Code End