function ResizePane (id,theme,LayerReference,title,width,height)
{
    this.inherit = ScrollPane;
	if(ns){
    	this.inherit(id,theme,LayerReference,title,width,height);
		return;
	}
	this.inherit(id,theme,LayerReference,title,width,height,true);
    this.makeButton(7,"buttonResize");
	this.doLayout = RPdoLayout;
	this.resizeDrag = resizeDrag;
    this.drag = RPdrag;
    this.dragStop = RPdragStop;
    this.parseXY = RPparseXY;
	this.onBrowserResize = RPonBrowserResize;
	//alert(this.id);
    if (this.guiManager.pageIsLoaded)
        {
        this.init();
        }
    else
        this.guiManager.addMeToStartup(this);
}

function RPparseXY(x,y)
{   y-=this.y;
    if (y>0 && y < this.topH && (x-this.x)<(this.clipW-this.dragXOff)){
        this.guiManager.dragObject = this;
        this.dragType=0;
		this.dragStart();
        return;
    }
    if ((x-this.x)<this.panelWidth)
        return;
	if(this.scrollFlag)
	{	
	    if (y>this.yOffset[4] && y<this.yOffset[4]+this.theme["buttonSize"]||y>this.yOffset[5] && y<this.yOffset[5]+this.theme["buttonSize"])
	    {
	        direction = (y<this.yOffset[5]) ? -1:1
	        this.scroll(direction);
	        return;
	    }
	
	    if ((y>this.yOffset[4]+this.theme["buttonSize"]&&y<this.yOffset[6])||
	        (y>this.yOffset[6]+this.scrollBoxHeight&&y<this.yOffset[5]))
	        {
	            this.scrollJump(y);
	        }
	    if (y>this.yOffset[6] && y<(this.yOffset[6]+this.scrollBoxHeight))
	    {
	        this.guiManager.dragObject = this;
	        this.dragType=1;
	    }
	}
	if (y>this.yOffset[7] && y<this.clipH)
    {
        this.guiManager.dragObject = this;
        this.dragType=2;
		this.dragStart();
    }

}

function RPdrag()
{
   if (this.dragType==1){
    this.scrollDrag();
    return;
   }
   if (this.dragType==2)
   {
   	this.resizeDrag();
	return;
   }
   if (this.guiManager.mouseX<this.guiManager.rightBound&& this.guiManager.mouseX>this.guiManager.leftBound)
   	this.x += this.guiManager.dx;
   if (this.guiManager.mouseY<this.guiManager.bottomBound && this.guiManager.mouseY>this.guiManager.topBound)
    this.y += this.guiManager.dy;
   if(this.x<this.guiManager.leftBound)this.x=this.guiManager.leftBound;
   if(this.x+this.clipW>this.guiManager.rightBound)this.x=this.guiManager.rightBound- this.clipW;
   if(this.y<this.guiManager.topBound)this.y=this.guiManager.topBound;
   if(this.y+this.clipH>this.guiManager.bottomBound)this.y=this.guiManager.bottomBound-this.clipH;
   this.dragGUI.setXY(this.x,this.y);
}
function RPdragStop()
{
	if((w3||ie) && this.dragType==0)
	{
		this.dragGUI.hide();
		this.setXY();
		
	}
	if(ns && this.dragType==0)
		{
			if(this.layer.length>2){
				if(this.layer[2].document.forms.length>0){
					this.layer[2].visibility="visible";
					this.setBgColor(this.layer[0],'border');
				}
			}	
		}
	//this.dragType=0;
	
	if (this.dragType==2){
		this.scrollTo(0);
		this.doLayout();
        for(i=0;i<this.layer.length;i++){
       // alert(i);
        if (this.scrollFlag==false && (i>2 &&i<7))
          continue;
        
        this.layer[i].visibility="visible";
    }    
		this.dragGUI.hide();
		
		//this.layer[0].borderStyle="solid";
		//this.layer[0].borderWidth=1;

	}
	this.dragGUI = null;
    this.dragType=0;
	this.focus(this.layer[0].zIndex);
}

function resizeDrag()
{
    this.clipW = (this.guiManager.mouseX-this.x<100) ? 100:this.guiManager.mouseX-this.x;
	this.clipH = (this.guiManager.mouseY-this.y<100) ? 100:this.guiManager.mouseY-this.y;
	this.clipW = (this.guiManager.mouseX<this.guiManager.rightBound) ?  this.clipW : this.guiManager.rightBound - this.x;
	this.clipH = (this.guiManager.mouseY<this.guiManager.bottomBound)? this.clipH:this.guiManager.bottomBound-this.y;
	this.dragGUI.setSize(this.clipW,this.clipH);
	this.dragGUI.setXY(this.x-1,this.y-1,1);
	this.dragGUI.layer[0].borderStyle="dotted";
	this.dragGUI.layer[0].borderWidth=2;
}

//  ___________
// |           |____________________________________________________
// |                                                                |
// |       OnBorwserResize must be explicity called by page         |
// |________________________________________________________________|
//  
function RPonBrowserResize() 

{
		this.scrollTo(0);
		this.clipH = guiManager.h-150;
		if (this.x+this.clipW>guiManager.w)
			this.clipW =(guiManager.w-this.x-10);
		this.doLayout();
}
function RPdoLayout()
{
    this.panelWidth = this.clipW-this.theme['buttonSize'];
    this.layer[1].width = this.clipW;
	this.layer[2].width = this.clipW;
	for (i=3;i<this.layer.length;i++)
		this.xOffset[i]= this.panelWidth;
    this.contentHeight = ns ? this.layer[2].document.height : (getLayer(this.content)).offsetHeight;
	if (this.contentHeight<this.clipH)
    {
        this.clipH = this.contentHeight+this.yOffset[2];
        this.panelHeight = this.contentHeight;
        this.scrollFlag=false;
        clipLayer(this.layer[2],0,0,this.clipW,this.panelHeight);
        for(i=3;i<7;i++)
            this.layer[i].visibility="hidden";
        this.yOffset[7] = this.clipH - this.theme['buttonSize'];
    }
    else
    {   
        this.layer[2].width = this.panelWidth;
        this.contentHeight = ns ? this.layer[2].document.height : (getLayer(this.content)).offsetHeight;
        this.panelHeight = this.clipH - this.yOffset[2];
        clipLayer(this.layer[2],0,0,this.panelWidth,this.panelHeight);  this.scrollFlag = true;
		//this.layer[1].width = this.clipW-this.theme["buttonSize"];
    }
	clipLayer(this.layer[3],0,0,this.theme["buttonSize"],this.clipH-this.yOffset[2]);
    this.setBgColor(this.layer[3],"scrollBar");
	if (this.scrollFlag)
    {

    this.yOffset[3] = this.yOffset[2];
    this.yOffset[4] = this.yOffset[2];
    this.yOffset[5] = this.clipH - this.theme['buttonSize']*2-1;
	this.yOffset[7] = this.clipH - this.theme['buttonSize'];
    
        ht=Math.floor( this.panelHeight* (this.panelHeight-3*this.theme["buttonSize"]) /this.contentHeight);
		this.layer[6].height = ht;
        this.scrollBoxHeight = ht;
		if(ns) clipLayer(this.layer[6],0,0,this.theme['buttonSize'],this.scrollBoxHeight);
		if (this.scrollBoxHeight<30)
			this.setBgColor(this.layer[6],"border");
	     else
			this.setBgColor(this.layer[6],"scrollBox");
        this.scrollMultiplier = this.contentHeight/(this.panelHeight-1-3*this.theme["buttonSize"]);
        this.scrollMax = this.clipH-this.theme["buttonSize"]*2-this.scrollBoxHeight-1;
        this.scrollMin = this.yOffset[4]+this.theme["buttonSize"];
        this.yOffset[6]=this.yOffset[4]+this.theme["buttonSize"];
    }
	this.layer[0].width = (ns6) ? this.clipW : (this.clipW+this.theme["borderWidth"]*2);
    this.layer[0].height = (ns6) ? this.clipH : (this.clipH+this.theme["borderWidth"]*2);
	this.setXY();
	if (this.visible){
		for(i=0;i<this.layer.length;i++){
	       // alert(i);
	        if (this.scrollFlag==false && (i>2 &&i<7))
	          continue;
	        
	        this.layer[i].visibility="visible";
	    }  
	} 
}