// Some vars to customize windows:
var frame_padding = 0;
var titlebar_h = 19;
var toolbar_h = 20;
var statusbar_h = 20;
var clientarea_margin = 4;
// preload button images to ensure un-delayed image swapping
var button_down_outset = new Image();
var button_down_inset = new Image();
var button_up_outset = new Image();
var button_up_inset = new Image();
button_down_outset.src = 'images/button_down_outset.gif';
button_down_inset.src = 'images/button_down_inset.gif';
button_up_outset.src = 'images/button_up_outset.gif';
button_up_inset.src = 'images/button_up_inset.gif';
// to save window height when window is minimized
var last_window_h;
                                                                                
                                                                                
  var saveMain= new Array();
  var ckMain  = new Array();
  var divLoc=   new Array();
  var fName = '';
                                                                                
  divLoc[0]='interests';
  divLoc[1]='hobbies';
  divLoc[2]='expertise';
  divLoc[3]='heros';
  divLoc[4]='people';
  divLoc[5]='goals';
  divLoc[6]='details';

   SET_DHTML( NO_ALT, RESIZABLE, "details_titlebar"+CURSOR_MOVE, "details_frame"+NO_DRAG, "details_clientarea"+NO_DRAG, "details_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "details_resizebutton"+VERTICAL+HORIZONTAL,"interests_titlebar"+CURSOR_MOVE, "interests_frame"+NO_DRAG, "interests_clientarea"+NO_DRAG, "interests_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "interests_resizebutton"+VERTICAL+HORIZONTAL, "interests_titlebar"+CURSOR_MOVE, "interests_frame"+NO_DRAG, "hobbies_clientarea"+NO_DRAG, "hobbies_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "hobbies_resizebutton"+VERTICAL+HORIZONTAL, "expertise_titlebar"+CURSOR_MOVE, "expertise_frame"+NO_DRAG, "expertise_clientarea"+NO_DRAG, "expertise_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "expertise_resizebutton"+VERTICAL+HORIZONTAL, "heros_titlebar"+CURSOR_MOVE, "heros_frame"+NO_DRAG, "heros_clientarea"+NO_DRAG, "heros_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "heros_resizebutton"+VERTICAL+HORIZONTAL, "people_titlebar"+CURSOR_MOVE, "people_frame"+NO_DRAG, "people_clientarea"+NO_DRAG, "people_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "people_resizebutton"+VERTICAL+HORIZONTAL, "goals_titlebar"+CURSOR_MOVE, "goals_frame"+NO_DRAG, "goals_clientarea"+NO_DRAG, "goals_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "goals_resizebutton"+VERTICAL+HORIZONTAL, "hobbies_titlebar"+CURSOR_MOVE, "hobbies_frame"+NO_DRAG, "hobbies_clientarea"+NO_DRAG, "hobbies_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "hobbies_resizebutton"+VERTICAL+HORIZONTAL, "owner_titlebar"+CURSOR_MOVE, "owner_frame"+NO_DRAG, "owner_clientarea"+NO_DRAG, "owner_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "owner_resizebutton"+VERTICAL+HORIZONTAL, "cpanel_titlebar"+CURSOR_MOVE, "cpanel_frame"+NO_DRAG, "cpanel_clientarea"+NO_DRAG, "cpanel_resizehandle"+MAXOFFLEFT+210+MAXOFFTOP+90+CURSOR_NW_RESIZE, "cpanel_resizebutton"+VERTICAL+HORIZONTAL, "pageheader"+NO_DRAG, "details_h"+NO_DRAG, "details"+NO_DRAG, "interests_h"+NO_DRAG, "interests"+NO_DRAG, "hobbies_h"+NO_DRAG, "hobbies"+NO_DRAG, "expertise_h"+NO_DRAG, "expertise"+NO_DRAG, "heros_h"+NO_DRAG, "heros"+NO_DRAG, "people_h"+NO_DRAG, "people"+NO_DRAG, "goals_h"+NO_DRAG, "goals"+NO_DRAG, "owner_h"+NO_DRAG, "owner"+NO_DRAG, "cpanel_h"+NO_DRAG, "cpanel"+NO_DRAG);
                                                                               
                                                                                
                                                                                
function initWindow() {
    ifr=new Array;
    ifr[0]="owner";
    ifr[1]="cpanel";
    ifr[2]="details";
    ifr[3]="interests";
    ifr[4]="hobbies";
    ifr[5]="expertise";
    ifr[6]="heros";
    ifr[7]="people";
    ifr[8]="goals";
                                                                                
    for(i=0;i<ifr.length;i++) {
    a=ifr[i];
    te=eval("dd.elements."+a+"_h");
    fm=eval("dd.elements."+a+"_frame");
    tb=eval("dd.elements."+a+"_titlebar");
    ca=eval("dd.elements."+a+"_clientarea");
    rh=eval("dd.elements."+a+"_resizehandle");
    rb=eval("dd.elements."+a+"_resizebutton");
                                                                                
    the_frame=a+"_frame";
    the_heading=a+"_h";
    the_clientarea=a+"_clientarea";
    the_resizebutton=a+"_resizebutton";
    the_resizehandle=a+"_resizehandle";
                                                                                
                                                                                
    tb.moveTo(fm.x+2+frame_padding, fm.y+2+frame_padding);
    tb.addChild(the_frame);
    tb.addChild(the_heading);
    tb.setZ(fm.z+1); // ensure that titlebar is floating above frame
    te.setZ(tb.z+1);
    tb.resizeTo(fm.w-4-(frame_padding<<1), titlebar_h);
    ca.moveTo(fm.x+2+frame_padding+clientarea_margin, tb.y+titlebar_h+toolbar_h+clientarea_margin);
    tb.addChild(the_clientarea);
    ca.resizeTo(fm.w-4-(frame_padding<<1)-(clientarea_margin<<1), fm.h-titlebar_h-toolbar_h-statusbar_h-4-(frame_padding<<1)-clientarea_margin);
    rh.moveTo(fm.x+fm.w-rh.w-2, fm.y+fm.h-rh.h-2);
    rb.moveTo(tb.x+tb.w-rb.w-frame_padding-(titlebar_h>>1)+Math.round(rb.w/2), tb.y+Math.round(titlebar_h/2)-Math.round(rb.h/2));
    tb.addChild(the_resizebutton);
    tb.addChild(the_resizehandle);
    tb.show();
    }
}
initWindow();