Draggable Divider Bar (DDBar) Javascript Package
Code for eight frequently used web page layouts with up to three divider bars
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_05';
DDBar.divideV('Layout1','Left1','Right1',vs);
        
var hs = new DDBarHSettings();
hs.Class_Name = 'ddbar_h_04';
hs.Initial_Location = 50;
hs.Thickness = 8;  
DDBar.divideH('Layout2','Top2','Bottom2',hs);
        
DDBar.divideV('Layout3','Left3','Right3');	
DDBar.divideH('Right3','Top3','Bottom3');
        
var hs = new DDBarHSettings();
hs.Class_Name = 'ddbar_h_01';
hs.Thickness = 10;    
DDBar.divideH('Layout4','Top4','Bottom4',hs);	
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_02';
vs.Thickness = 10;
DDBar.divideV('Bottom4','Left4','Right4',vs);        
        
        
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_03';
vs.Initial_Location = 50;
DDBar.divideV('Layout5','L51','L52',vs);	
DDBar.divideV('L52','L521','L522',vs);	
vs.Initial_Location = 0;
DDBar.divideV('L522','L5221','L5222',vs);
        
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_04';
vs.Initial_Location = 50;
DDBar.divideH('Layout6','L61','L62',hs);	
DDBar.divideH('L62','L621','L622',hs);	
vs.Initial_Location = 0;
DDBar.divideH('L622','L6221','L6222',hs)
        
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_04';
vs.Initial_Location = 50;
DDBar.divideV('Layout7','L71','L72',vs);
vs.Initial_Location = 0;
DDBar.divideV('L72','L721','L722',vs);	
var hs = new DDBarHSettings();
hs.Class_Name = 'ddbar_h_05';    
DDBar.divideH('L721','L7211','L7212',hs);
        
var hs = new DDBarHSettings();
hs.Class_Name = 'ddbar_h_05';
hs.Initial_Location = 50;
DDBar.divideH('Layout8','L81','L82',hs);	
var vs = new DDBarVSettings();
vs.Class_Name = 'ddbar_v_03';
DDBar.divideV('L82','L821','L822',vs);	
hs.Initial_Location = 0;
DDBar.divideH('L822','L8221','L8222',hs);